/**********************UTILIZADOS EM MAIS DE UMA PÁGINA*************************/



body

{	

        

        background: #333333;

        margin: auto;

	overflow: auto;

}



.fundo

{

	background:rgb(218,219,255);

}





header

{

        width: 100%;

  	background-image: linear-gradient(rgba(51,51,51,0.2), rgba(218,219,255,1));

        padding-top: 20px;

}



header img

{

        width: 100%;

}



.topnav

{	

	border-top: 3px solid #3a3cff;

	width: 85%;

	overflow: hidden;

	padding: 0;

	background:rgb(218,219,255,1);

	margin: auto;

	

	

}

.topnav a

{	

	

	width: 17%;

	color: #3a3cff;

	padding: 25px 2px;

	font-size: 22px;

	font-family: arial;

	text-decoration: none;

	text-align:center;

	float: left;

	overflow: hidden;

        margin: auto;

}

.topnav a:hover

{

	color: #ffffff;

	background-image: linear-gradient(rgba(58,60,255,1), rgba(58,60,255,0.5));

}



.atual

{

	width: 17%;

	padding: 25px 2px;

	color: #3a3cff;

	font-size: 22px;

	font-family: arial;

	text-decoration: none;

	text-align:center;

	float: left;

	

	background-image: linear-gradient(rgba(58,60,255,0.3), rgba(58,60,255,0.1));

	margin: auto;

}

.fone

{

	width: 26%;

	color: #3a3cff;

	font-family: arial;

	font-size: 22px;

	text-decoration: none;

	float: right;

	padding: 25px 2px;

	

        margin: auto;

}



.rodape

{			

	text-align: center;

	color: white;

	font-size: 30px;

	font-family: arial;

	background-image: linear-gradient(rgba(58,60,134,0.8), rgba(58,60,134,1));

	padding: 8px;

	margin:0;	

}



input[type=submit]

{

	margin-left:70px;

	font-size:20px;

	background-image: linear-gradient(rgba(100,101,180,0.8), rgba(100,101,180,1));

	color: white;

	border-radius: 8px;

}

input[type=reset]

{	

	margin-left:70px;

	background-image: linear-gradient(rgba(100,101,180,0.8), rgba(100,101,180,1));

	color: white;

	font-size:20px;

	border-radius: 8px;

}





	/******************UTILIZADOS EM "home_page.html"********************/



.hpcorpo1

{		

	overflow: hidden;

	width: 85%;

	text-align: left;

	color: #3a3cff;

	font-size: 28px;

	font-family: arial;

	background:rgb(218,219,255,1);

	padding-top: 50px;

	padding-bottom: 50px;

	margin: auto;

	

	

}



.hpcorpo1 p

{	

        position: relative;

        width: 70%;

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin: auto;

	padding-bottom: 13px;

        float: left;



}

.hpcorpo1 img

{	

	position: relative;

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin: auto;

	padding-bottom: 10px;

	padding-bottom: 10px;

	width: 30%;

	float: right;



}

.hpcorpo2

{		

border-top: 1px solid #3a3cff;

	overflow: hidden;

	text-align: left;

	color: #3a3cff;

	font-size: 30px;

	font-family: arial;

	background-image: linear-gradient(rgba(218,219,255,1), rgba(255,255,255,1));

	padding-top: 30px;

	padding-bottom: 50px;

	margin: 0;	

}



.hpcorpo2 p

{

	

	text-align: center;

	margin: auto;

	padding-bottom: 5px;

}

.car_container  

{



	background:rgb(218,219,255,1);

	height: 400px;

	padding-top: 30px;

	margin: 0;

}



.car_container img

{

	margin: auto;

	height: 100%;

}



.corpoimg

{

	overflow: hidden;

	text-align: center;

	color: #2a2b77;

	font-size: 30px;

	font-family: arial;

	background: white;

	padding: 8px;

	margin: 0;	

}



	/********************UTILIZADOS EM "a_empresa.html"********************/



.corpo2

{

	overflow: auto;

	margin: auto;

	background-color: #dadbff;

	width: 85%;

	color: #3a3cff;

	font-family: arial;

	font-size:25px;

	padding: 0px;

}

.corpo2 p

{

	width: 55%;

	line-height: 30px;

	float: left;

	margin-left: 20px;

}

.corpo2 h3

{

	margin-left: 20px;	

}

.corpo2 img

{

	padding-top: 10px;

	width: 40%;

	float: right;

}



.corpo3

{

	overflow: auto;

	margin: auto;

	background-color: #dadbff;

	width: 85%;

	color: #3a3cff;

	font-family: arial;

	font-size:25px;

	padding: 0px;

}

.corpo3 p

{

	width: 98%;

	line-height: 30px;

	float: left;

	margin-left: 20px;

}

.corpo3 h3

{

	margin-left: 20px;	

}

.corpo3 img

{

	padding-top: 10px;

	width: 40%;

	float: right;

}

	

	

	/************************UTILIZADOS EM "galeria.html"*********************/

	

.corpo4

{

	overflow: auto;

	margin: 0;

	background-color: #dadbff;

	width: 100%;

	color: #3a3cff;

	font-family: arial;

	font-size:25px;

	padding: 0px;

}

.corpo4 p

{

	line-height: 30px;

	margin-left: 20px;

}

.corpo4 h3

{

	margin-left: 20px;	

}

	

	

	

.corpo5

{

	overflow: auto;

	display: block;

	width: 100%;

	text-align: center;

	background:rgb(218,219,255,1);

	margin: auto;

}



.responsive 

{

	margin-top: 10px;

	margin-left: 20px;

	margin-bottom: 10px;

    float: left;

    width: 30%;

	overflow: hidden;

	height: 350px;

	border: solid #bbbbbb;

	border-width: 1px;

	

}

	.responsive img 

{



	position: relative;

	text-align: center;

	vertical-align: middle;

	max-width: 150%;

	min-height: 120%;

	max-height: 400px;

	width: auto;

	height: auto;

}

.responsive:hover 

{

	cursor: pointer;

}



.clearfix:after {

    content: "";

    display: table;

    clear: both;

}





	/**********************UTILIZADOS EM "slides.html"*************************/



.slide

{

	position: relative;

	left: 0;

	right:0;

	top:5px;

	bottom:0;

	margin:auto;

	width: 960px;

	max-width: 85%;

	height:650px;

	overflow: auto;

}





.slide img

{

	position: absolute;

	left: 0;

	right:0;

	top:0px;

	bottom:0;

	margin:auto;

	max-height: 150%;

	max-width: 100%;

}



.botao1

{

    position: absolute;

    top: 50%;

    left: 10px;

    color: #fff;

    font-size: 40px;

    font-weight: bold;

    cursor: pointer;

}

.botao2

{

	position:absolute;

    top:50%;

    right:10px;

    color:#fff;

    font-size:40px;

    font-weight:bold;

    cursor:pointer;

}

	

.fechar

{

	position:absolute;

    top:15px;

    right:35px;

    color:#fff;

    font-size:40px;

    font-weight:bold;

    cursor:pointer;

}



	/******************	UTILIZADOS EM "contatos.html"********************/

	

	

.corpo6

{

	overflow: hidden;

	display: block;

	margin: 0;

	background-color: #dadbff;

	width: 960px;

	color: #3a3cff;

	font-family: arial;

	font-size:24px;

	padding-top: 70px;

	max-height: 600px;

	margin-left: auto;

	margin-right: 50px;

}

	

.formulario 

{

	padding-left: 20px;

	width: 400px;

	float: left;

	margin: auto;

}





.contatos

{

	padding-left: 120px;

	width: 400px;

	float: right;

	margin: auto;

}







	/******************	UTILIZADOS EM "enviado.html"********************/



.msg

{

	position: relative;

	top:30px;

	bottom:0;

	left:0;

	right:0;

	text-align: center;

	font-size: 30px;

}



.msg button

{

	background-image: linear-gradient(rgba(100,101,180,0.8), rgba(100,101,180,1));

	font-size: 20px;

	color: white;

	height: 50px;

	border-radius: 8px;

}



	/******************	UTILIZADOS EM "Intranet.html"********************/



.bintra

{

    font-family: arial;

    font-size:20px;

    font-weight: bold;

    border: none;

    padding:20px;

    cursor: pointer;

    display: inline-block;

    text-decoration:none;

}