/*	## 	Começo de verificação de bugs em IE e Mozzila ##  */
div:after, ol:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/*	## 	Fim de verificação de bugs em IE e Mozzila    ##  */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
body {
    overflow-y: scroll;
	overflow-x: hidden;
	}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', verdana, sans-serif !important;
	font-size: 11px;
	color: #666666;
	background: #e6e8e5 url("../img/backgroundsite.png") repeat top left;
	background-attachment:fixed;
	background-size: 100%;
}



#logo {
  padding: 11px;
  float: left;
}

#menu {
	color: #000;
	width: 100%;
	text-align: center;
}

#menu ul li {
	line-height: 18px;
	margin: 1px;
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	/*border: 1px #bdbdbd dotted;*/
	padding: 0px 10px 0px 10px;
	list-style-image: url("../img/menu_mais.png");
}

.center {
 max-width: 860px;
 margin:0 auto;

}

#menu_sup li ul, #menu_sup li:hover ul ul{
	display:none;
	position:absolute;
	width:150px;
	top:0;
	left:149px;
}

#menu_sup li ul{
	display:none;		/*define para não aparecer a ul*/
	position:absolute;  /*define uma posição absolute*/
	width:150px;		/*define uma largura*/
	top:0; 				/*colocamos top com 0*/
	left:149px; 		/*afastamos para esquerda 149px, 1px a menos do que largura da ul*/
	list-style-image: none;
}

h1 { letter-spacing:-1px; }


.vertical section{   
     width:100%;   
     height:40px;   
     -webkit-transition:height 0.2s ease-out;  
     -moz-transition:height 0.2s ease-out;  
     -o-transition:height 0.2s ease-out;  
     transition:height 0.2s ease-out;  
}  
  
/*Set height of the slide*/  
.vertical :target{   
     height:250px;   
     width:97%;  
}  

.vertical section h2 {   
     position:relative;   
     left:0;   
     top:-15px;   
}  
/*Set position of the number on the slide*/  
.vertical section:after{   
    top:-60px;  
    left:810px;  
}  
.vertical section:target:after{   
      left:-9999px;  
}  

hr.style-two {
	border: 0;
	height: 1px;
	width:100%;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.hidden {
	display: none;
}

#fundocont {
	width:800px;
	height:800px;
	bottom:0 auto;
	background-color:#f2f2f2;
}

label {
	width: 100%;
	position: absolute;
	left: -60%;
	text-align: right;
	color: #fff;
	background: #033364;
	padding: 5px;
}

span.leiamais {
	color:#1b71c8;
	font-size:8px;
}


#pwindows {
	background:url("../img/icons/plat_windows.png") no-repeat;
	float:left;
	width:70px;
	height:65px;
}

#pweb {
	background:url("../img/icons/plat_web.png") no-repeat;
	float:left;
	width:96px;
	height:89px;
}

#assessoria {
	background:url("../img/icons/assessoria.png") no-repeat;
	float:left;
	width:96px;
	height:89px;
}

#inf_tec {
	background:url("../img/inf_tec.png") no-repeat;
	float:left;
	width:140px;
	height:93px;
}

#page-container {
	width: 860px;
	margin:0 auto;
}

#menu_sup {
	position: relative;
	margin-left: 30px;
}

#menu_sup ul.sub-menu {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 10px;
	z-index: 90;
}

#menu_sup ul.sub-menu li {
	text-align: left;
}

#menu_sup li:hover ul.sub-menu {
	display: block;
	border: 1px solid #ececec;
}

a:hover {
	color: black;
}

#main-nav{
top:0;
position:fixed;
float:left;
min-height: 95px;
background: #fff;
width:100%;
z-index:1;
}



#barra_azul {
height:30px;
background:#1e3a4f;
}

a:link, a:visited {
text-decoration: none;
color: inherit;
}

#content {
/*background: #e6e8e5; ######### BG SÓLIDO UMA COR ############*/
background: #e6e8e5 url("../img/backgroundsite.png") repeat top left;
background-attachment:fixed;
background-size: 100%;
width:100%;
float:left;
margin-bottom:40px;
}


#content .row .col-3 h1{
color:#15579a;
font-size:1.4em;
font-weight:normal;
}

#content .row .col-3 h2{
color:#15579a;
font-size:13px;
font-weight:normal;
}

.col-3 {
	font-size:11px;
	width:30.33333%;
	padding: 10px 1.5%;
	float:left;
	text-align: left;
}
.col-3 p {
	text-align: justify;
}


#slider {
	background: #1b3246;
	margin-top: 100px;
	overflow: hidden;
	height:240px;
	width:100%;
	float:left;
}


#content .row {
	max-width: 860px;
}


.barra_at_inf {
	background: #76acb9;
	color:#1e3a4f;
	width:40%;
	float:right;
}

.barra_at_inf h2{
color:#fff;
}

#content_page {  
	/*background: #f1f1f1; */
	margin: 95px auto; 
	padding: 40px; 
	max-width:820px; 
}
#content_page H2{ color:#033364; }

#footer {
	font-size:12px;
	background: #033364;
	color:#fff;
	width:100%;
	min-height: 30px;
	position:fixed;
	bottom:0;
	width:100%;
	line-height:30px;
}



/*slider*/
/* Style the thumbnails */
.pika-thumbs {
	padding: 0 16px;
	display:none;
}
.pika-thumbs li {
	width: 144px;
	height:74px;
	margin: 10px 0 0 17px;
	padding: 0;
	overflow: hidden;
	float: left;
	list-style-type: none;
	padding: 3px;
	margin: 0 5px;
	background: none;
	border: 0 px solid #e5e5e5;
	cursor: pointer;
}
 .pika-thumbs li:last {
margin: 0;
}
.pika-thumbs li .clip {
	position:relative;
	height:100%;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
}
/* The stage is the wrapper. The image fills 100% the height of the stage */

.pika-stage {
	position: relative;
	background: none;
	border: 0 px solid #e5e5e5;
	text-align:center;
	height:240px;
	width:100%;
}
.pika-stage img {
	height:100%;
}
.pika-stage .caption {
	position: absolute;
	background: #FFF;
	background: rgba(255,255,255,0.75);
	border: 0 px solid #141414;
	font-size: 13px;
	color: none;
	padding: 10px;
	text-align: right;
	bottom: 50px;
	right: 10px;
}
.pika-stage .caption p {
	padding: 0;
	margin: 0;
	line-height: 14px;
}
/*	
-----------------------------------------
	Contador do Slider/Banner			|
-----------------------------------------
*/
.pika-counter {
	position: absolute;
	bottom: 45px;
	left:15px;
	color:#033364;
	background:rgba(255,255,255,0.75);
	font-size:13px;
	padding:3px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */	


/*	
-----------------------------------------------------------------
	Começo do Menu e sub-menu			    |
-----------------------------------------------------------------
*/
#nav, .nav, #nav .nav li { margin:0px; padding:0px;}
#nav { padding: 30px 0 0 0; min-height:30px;}
#nav li ul.first { left: -1px;top: 90%;text-align: left;}

li, li a {color:#033364; text-decoration:none; font-size:11px;}
#nav .nav li { width:100%; text-indent:10px; line-height:25px; margin-right:10px; /*border-top:1px #fff dotted; border-bottom:1px #eaeaea solid; */
border-left:none; border-right:none; background:#fff;font-size:9px; letter-spacing:-1px;}
#nav li a {display:block; width:inherit; height:inherit;}

ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { 	color:#fff; 	background:#686868; 	}
li:hover > .nav { display:block; position:absolute; width:180px; top:-2px; left:50%; z-index:1000; border:1px #fff solid; } 
li:hover { position:relative; z-index:2000; } 
/*	
-----------------------------------------
	Fim do Menu e sub-menu				|
-----------------------------------------
*/


/*	
-----------------------------------------
	Começo do Accordion					|
-----------------------------------------
*/
#accordion {
    width: 100%;
    border:0 solid #333;    
	}

#accordion h2 {
    background:#ccc;
    margin:0;
    padding:5px 15px;
    font-size:14px;
    font-weight: bold;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    cursor:pointer;    
    color: rgb(0,0,0);
}

#accordion h2:hover {
    background-color: rgb(220,220,220);
}

#accordion .pane {
    border:1px solid rgb(255,255,255);
    border-width:0 2px;
    display:none;
    height:200px;
    padding:15px;
    color:rgb(102,102,102);
    font-size:12px;
}

#lasttext {
padding-bottom:20px;	
	
}	

#accordion .pane:current {
    display:block;
}

#accordion .pane h3 {
    font-weight:normal;
    margin:0 0 -5px 0;
    font-size:16px;
    color:#999;
}

#accordion {
	background:#fff;
	width: 100%;
	border:1px solid #ddd;
	margin-bottom:10px;
	display:inline-block;
}
/* accordion header */
#accordion h3 {
	background:#f0f0f0;
	margin:0;
	padding:5px 15px;
	font-size:11px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	letter-spacing:1px;
}
#accordion h3:hover {
	background-color:#ccc;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* currently active header */
#accordion h3.current {
	cursor:default;
	background-color:#ddd;
}
/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 1px;
	display:none;
	height:auto;
	padding:15px;
	color:#000;
}
/* a title inside pane */
#accordion .pane h4 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:16px;
	color:#000;
}
#accordion .pane p {
	margin:0 0 10px 0;
}
/*	
-----------------------------------------
	Fim do Accordion					|
-----------------------------------------
*/



/*	
-------------------------------------------------------------------------------------------------------------------------------
ONDE A MÍDIA(DISPOSITIVO) TIVER LARGURA MÁXIMA DE 580px EXIBIRÁ ASSIM  |
-------------------------------------------------------------------------------------------------------------------------------
*/
@media only screen and (min-width : 150px) and (max-width : 780px){

 html, body { background: #f5f5f5; }


#menu ul { width: 85%; margin: 10px auto; }
#menu ul li { display: block; border: 0; height: 25px; line-height: 25px; margin: 0px; border-bottom: 1px #cacaca solid; }

#content_page H2 { text-align: center; font-size: 12px;}

#nav { padding: 0; }
#nav li ul.first { top: 50%; }	

hr.style-two { display: none; }

#content { background: #f5f5f5 !important; }

#lasttext {
 	width: 85%;
	 -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	         border-radius: 3px;	 
	background-color: #fff;
	-moz-box-shadow: 0 0 1px 1px #e2e2e2;
	-webkit-box-shadow: 0 0 1px 1px #e2e2e2;
	box-shadow: 0 0 1px 1px #e2e2e2;     
	padding: 10px;
	margin: 10px;
 }


.col-3 { width: 85%; padding: 10px; margin: 10px; float: none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	 
		background-color: #fff;
		-moz-box-shadow: 0 0 1px 1px #e2e2e2;
	 -webkit-box-shadow: 0 0 1px 1px #e2e2e2;
	          box-shadow: 0 0 1px 1px #e2e2e2;       
}
.col-3 p { text-align: center; padding: 3px; } 

#main-nav { background: #fff; position: none; }

label {
 	margin: 10px auto;
 	width: 85%;
	 -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	         border-radius: 3px;
 	position: relative;
 	padding: 5px;
 	left: 0;

}




#content .row .col-3 h2 { text-align: center; }
#content .row .col-3 h1 { text-align: center; }

#mapa { display:none; }

#footer { font-size: 10px; font-weight:normal; width: 85%; margin: 10px auto; padding: 10px; }

}

/*	
--------------------------------------------------------------------------------------------------------------------------------
ONDE A MÍDIA(DISPOSITIVO) TIVER LARGURA MÁXIMA DE 890PX EXIBIRÁ ASSIM   |
--------------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 890px) {
	#content { margin-bottom: 0;	}
	#slider { display:none;	}
	#accordion .pane img { display:none;	}
	#main-nav {	position: static;}
	#slider {display:none;}
	#content_page {margin: 0;padding: 8px;}
	#content_page .row img {display:none;	}
	#footer {line-height:20px;position: static;	bottom: auto;}	
	#logo {float:none;width:100%;text-align:center;padding:0;}
	#mapa { display:none;  }
}