﻿.box-shadow {box-shadow:0 1px 1px #fff}

#corpoHome
{
margin-top: -20px;	

}

body
{
 background-color: #F8F4F5;
 color: rgba(0,0,0,1); 
 font:12px/20px Arial, Helvetica, sans-serif;color:#000000;
}

div#interface
{
 background:#ffffff;
 width:960px;  
 margin: 20px auto 20px auto;
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);
 /* Sombra deslocamento lateral, vertical, espalhamento , cor*/
 padding: 0px;
 /* espaçamento interno padding: 10px 10px 10px 10px;*/
 
}


header#cabecalho
{
 background-color:#F8F4F5;  
 padding:10px;
}

section#corpo
{
 background:#F8F4F5;
 margin:auto;
 
}



div#institucional
{
 width:866px;  
 height:950px;
 background-color:#ffffff;
 background-image: url("../images/Fundo Instituicional.jpg");
 background-repeat: no-repeat;
 background-position: bottom; 
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
 padding: 5px;
 margin: 0 auto 5px auto;
}

h1{text-indent:2em; font-size:24px; line-height:40px; color:#014464;font-weight:bold; font-family:'Oxygen', sans-serif; letter-spacing:1px}
div#institucional h2{font-size:14px; line-height:30px; color:#000; font-weight:bold; font-family:'Oxygen', sans-serif; letter-spacing:1px}
div#institucional p{text-indent:2em; font-size:14px; color:#014464}
div#institucional ul{margin-left:50px;}
div#institucional li{font-size:14px; color:#014464}



#divNFe
{
 width:866px;  
 height:300px;
 background-color:#ffffff; 
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
 padding: 5px;
 margin: 0 auto 5px auto;
}



/*div#divContato{*/
.divContato{
 width:866px;  
 height:400px;
 background-color:#ffffff; 
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
 padding: 5px;
 margin: 0 auto 5px auto; 
}


.formContato{
 width:440px;
 padding:5px; 
 float:left; 
 background-color:#ffffff;  
 margin-top:10px;
 
 
}


.formContato label{
 width:90px;
 height:25px;
 text-align:right;
 display: inline-block;
 padding:5px; 
 font-weight:bold;
 
}

.formContato h2
{
    background-color:#DBDBEA;
    text-align:center;
}



div#divRepresentante
{
 width:866px;  
 height:400px;
 background-color:#ffffff; 
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
 padding: 5px;
 margin: 0 auto 5px auto; 
}

.centrarP{  
  text-align: center ;
}

div#formContatoMapa{ 
 width:400px;
 padding:10px; 
 margin-left:440px; 
}

div#formContatoMapa label{
 font-weight:bold;
}


div#imgTrabalheConosco{ 
 width:250px;
 height:380px; 
 margin:10px auto auto 20px; 
 float:left;  
 background-image: url("../images/imgTrabalheConosco.jpg");
 
}

div#formTrabalheConosco{
 width:450px;
 height:360px;
 padding:10px; 
 margin:10px auto auto 350px; 
 box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
 
}


div#formTrabalheConosco label{
 width:120px;
 height:25px;
 text-align:right;
 display: inline-block;
 padding:5px; 
 font-weight:bold;
}

.trabalheConoscoMsg{text-indent:2em; font-size:12px; color:#B50421}


/*-----------------------------------------------------------*/


.logo-cabecalho{border-radius:12px; background:#ebebec; margin:2px 6px 0 6px; padding:4px}

.contato-cabecalho {float:right; margin-top:10px; border: none }
.contato-cabecalho ul{ list-style:none;}
.contato-cabecalho ul li{display:inline-block; color: #003366; font-size:16px; font-weight: bold;padding: 2px 10px; vertical-align: middle; line-height:30px}

.social-icons {float:right;text-align:right; width:150px;  margin: 25px 14px 0 0}
.social-icons span {display:inline-block; font-size:13px; color: #003366; font-weight:bold; padding-right:5px; margin-top:5px;}
.social-icons a {display:inline-block; width:23px; height:23px; float:right ;background-color:#003366}
.icon-1 {background:url(../Images/icon-1.png) 0 0 no-repeat}
.icon-2 {background:url(../Images/icon-2.png) 0 0 no-repeat; margin-left:7px}
.icon-3 {background:url(../Images/icon-3.png) 0 0 no-repeat; margin-left:7px}
.social-icons a:hover {background-color:Gray;}



a {text-decoration:none; cursor:pointer}
a:hover {text-decoration:none}

a.button {background:#55b7c8; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff;}
a.button:hover {background:#131313}


a.link {text-decoration:none; cursor:pointer; color:#44a7bb}
a.link:hover {text-decoration:underline}

.color-1 {color:#fff}
a.color-1:hover {text-decoration:underline}

.font-3 {font-size:17px; line-height:33px; color:#292929}


.h2 {font-size:34px; line-height:45px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif; letter-spacing:1px}
.h3 {font-size:20px; line-height:30px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif}
.h3 strong {font-weight:normal; display:block; margin-top:-5px}


/* ----------------------------------------------------------------*/


#menu ul {
	list-style:none;	
	height: 50px;
	border-radius: 10px;
	/*box-shadow:0 5px 10px #000;*/
	border: solid 3px #e3e3e6;
	background: #cccccc;


	background: #014464;
	background: -moz-linear-gradient(top, #116FA4, #023B56);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#116FA4), to(#023B56));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#116FA4, endColorStr=#023B56, GradientType=0.5); 
}

#menu ul li  
{ 
 margin: 0px -2px 0px -2px;
 position:relative;  
 display: inline; 
 padding-right:1px; 
}


#menu ul li a {
	padding: 15px ;
	display: inline-block;
 
	/* visual do link */	
	color: #ffffff;
	text-decoration: none;
	border-right: solid 1px #e3e3e6; 			
}

#menu ul li a:hover
{	
	color: #ffffff;
	background: #000000;
	background: -moz-linear-gradient(top, #535353, #000000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#535353), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#535353, endColorStr=#000000, GradientType=0.5); 	
}


/* ----------------------------------------------------------------*/
.inicio{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-left: solid 2px #e3e3e6;	
}

.contLancamento{margin: 10px 0 0 10px; display: table; overflow:hidden; position:relative; width:940px; height:170px;background: -moz-linear-gradient(107deg, rgba(255,255,255,1) 0%, rgba(215,207,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(215,207,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(107deg, rgba(255,255,255,1) 0%, rgba(215,207,255,1) 100%);
background: -o-linear-gradient(107deg, rgba(255,255,255,1) 0%, rgba(215,207,255,1) 100%);
background: -ms-linear-gradient(107deg, rgba(255,255,255,1) 0%, rgba(215,207,255,1) 100%);
background: linear-gradient(343deg, rgba(255,255,255,1) 0%, rgba(215,207,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7CFFF', endColorstr='#ffffff',GradientType=0 );
border-radius:10px;
border: solid 3px #e3e3e6}

.contLancamentoTit {float:left; width:32%; height:40px; margin:2px;background:url(../Images/selo_lancamento.png) 0 0 no-repeat;}
.contLancamentoProd{float:right; width:90%; height:165px; margin:0px; }
.contLancamentoProd div{width:140px; height:140px;  padding:2px;}
.contLancamentoProd div img{ height:120px; width:138px; border:solid 1px #e3e3e6;}
.contLancamentoProd div a{display:block; margin:-10; color :#000000;}
.contLancamentoProd div img:hover{box-shadow: 0 2px 5px #000}

.contLancamentoRod{clear:both; width:100%; height:65px; margin:1px;padding:2px; text-align:center;color: #003366; text-decoration: none}
.linkLancamentos{background:#035680; font-size:10px; color:#fff; border-radius:5px; box-shadow:0 1px 1px #fff; padding:5px }
.linkLancamentos:hover{background:#035680;}



/*
.contLancamentoTit1{font-size:25px; margin-left:50px; color:#003366; font-weight:normal; font-family:'Arial Black', 'Arial Bold', sans-serif}
.contLancamentoTit2{font-size:18px; margin:AUTO auto auto 40px; color:#B50421; font-weight:normal; font-family:'Arial Black', 'Arial Bold', sans-serif}
*/


.container1{margin: 10px 0 0 10px; display: table; overflow:hidden; position:relative; width:940px; background:white;
	top: 0px;
	left: 0px;
}
.container1 div{float:left; width: 23.5%; height:240px; margin:6px; border: solid 1px #e3e3e6; }
.container1 div h1{text-indent:0em; text-align:center; font-size:18px; line-height:30px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif}
.container1 div p{margin-left:5px ; height:60px;}
.container1 div a
{	
	/*float:right; margin: 5px 70px 30px auto; background:#1476b8; width: 100px; height: 20px; font-size:13px; color:#fff; font-weight:bold; text-align:center; border-radius:0px; box-shadow:0 1px 1px #fff;	
	padding:2px;*/
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #184470), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #184470 5%, #378de5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#184470', endColorstr='#378de5');
	background-color:#184470;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;text-indent:0;border:1px solid #84bbf3;
	display:inline-block;color:#ffffff;font-family:Arial;font-size:15px;font-weight:bold;font-style:normal;height:25px;line-height:25px;
	width:114px;text-decoration:none;text-align:center;text-shadow:1px 1px 0px #528ecc;float:right;margin: 5px 50px 30px;
}
.container1 div a:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #184470) );
	background:-moz-linear-gradient( center top, #378de5 5%, #184470 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#184470');
	background-color:#378de5;}

.container1 div a:active
{
    position:relative;
	top:1px;}
	
.img1{ 
	border-radius: 10px;
	border: solid 3px #e3e3e6;
	height:105px;
	width:180px;
	display: block; margin-left: auto; margin-right: auto 
}

.imgDownload a div {
    background-color:Lime;   
    height:180px;
	width:140px;	    
    border:none;     
    margin-left:90px;
    background: url("../Images/icon_catalogo_download.png") no-repeat;
}

.imgDownload a:hover div {
    height:180px;
	width:140px;	
	border:none;
	margin-left:90px;	
    background: url("../Images/icon_catalogo_download_hover.png") no-repeat;    
}

.container2{margin: 10px 0 0 10px;display: table; overflow:hidden; position:relative;width:940px; background: white;
	top: 0px;
	left: 0px;
}
.container2 div{ float:left; width: 32%; height:220px; margin:5px; border: solid 1px #e3e3e6;  overflow:auto;}
.container2 div h1{text-indent:0em;	text-align:center; font-size:20px; line-height:30px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif}


.divRepresentante
{
	float:left; width: 32%; border: solid 1px #e3e3e6;
	background-image: url("../images/representantes.jpg") ;			
	background-repeat: no-repeat;	
		
	display:table;
	
	
}


.divRepresentante div
{
	
	background-color:#ffffff;
	margin: 140px 0 0 0;
	width: 100%; 
	height:50px;
	background:url(../images/transparencia.png);
	border: none;
	
	
	
}

.divRepresentante div p
{	
    color: #003366;
}
 



a.botao1
{
	background:#035680; font-size:10px; color:#fff; border-radius:5px; box-shadow:0 1px 1px #fff;
	margin:0px 20px auto auto;
	float:right;
	padding:2px;
}

a.botao1:hover
{
	background:#131313
}


 
.linksCatalogo {
    font-size:12px; 
    width:866px;      
    background-color:#ffffff; 
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);/* Sombra deslocamento lateral, vertical, espalhamento , cor */
    padding: 5px;
    margin: 0 auto 5px auto;
}

.linksCatalogo a {color:#003366; text-decoration: none;}
.linksCatalogo Img{margin-left:5px; margin-right:5px;}
.linksCatalogo li{ padding:5px;}
.linksCatalogo li:hover{background-color:#B9B9C8;}


.listaCatalogos table {border-collapse: collapse; width: 95%;margin:10px;}
.listaCatalogos th{text-align: center;padding: 2px;}
.listaCatalogos td{text-align:center; padding: 2px; font-size:14px; font-weight:bold; vertical-align: middle;}
.listaCatalogos tr:nth-child(even){background-color: #DDDDDD}
.listaCatalogos th {background-color: #4CAF50;color: white;}
.listaCatalogos tr:hover {background-color: #CCCCCC;}
.listaCatalogos a {color:#003366; text-decoration: none;}
.listaCatalogos a:hover {color:#4CAF50; text-decoration: none;}

/*------------------------------------------------------------------*/

footer DIV.rodape-links {background:#A5A5A5; color:#ffffff; font-family:Arial; height:210px;margin-bottom:-11px;} 
footer UL.links { float:left; width:250px; background:none; list-style:none; font-size:12px ; margin: 5px 0px 5px 40px; padding:5px}
footer UL.links UL{ list-style:none}
footer UL.links LI.subtitulo {font-size:16px; color: #003366; text-decoration: none; padding-bottom:10px;}
footer UL.links LI A {font-size: 12px; color: #fff; text-decoration: none;}
footer UL.links LI A:hover {color: #003366; text-decoration: none}
footer UL.links-contato {float:left; width:250px; list-style:none; font-size:12px;}


footer DIV.rodape-dirautorais {background:gray; color:#ffffff; font-family:Arial; font-size:12px; height:40px; border-top:solid 1 #000000} 
footer DIV.rodape-dirautorais p{text-align:center;font:12px/40px Arial, Helvetica, sans-serif;color:#cccccc} 

/*------------------------------------------------------------------*/



