body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,br { 
    margin:0;
    padding:0;
}


::-webkit-scrollbar {	
    width: 16px;
	
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.9); 
    border-radius: 1px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 31px rgba(126,126,126,1); 
}

.calco{
	margin-top:2%;
	
}


.containe
{
background:rgba(47,49,51, 0);
	width:100%;
	height:680px;
	margin:0px;
	padding:0%;
	overflow:auto;
	margin-right:20px;

}




        
body{
    margin: auto;
    padding: 0;
    font-family: arial;
	background-color:#fff;
    }
	
	
.lista {
	font-family:Arial, Helvetica, sans-serif;

	padding:6px;
	border-radius:4px;
	border-width:1px;
	border-style: solid;
    border-color: #6ba3bc;
	cursor:pointer;
	z-index:1000;

	font-weight:bold;
	font-size:13px;	
	color: black;
	text-align:center;



	
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;



}


 

.lista:hover {
	


	font-size:13px;	
	color: white;


	
	 -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);

	
}

	
 [id*="conteud"] {
 background-color: rgba(255, 255, 255, 1);
 z-index:55510;
 border-radius:1px;
 border: 2px solid #7e7e7e;
 display:none;
 margin-top:0px;
 margin-left:1%;
 margin-right:1%;
 width:93%;
height:auto;
 position:absolute;
 padding:2%;

}




.navegacao{
	position:absolute;
	 z-index:3310;
	  width:92%;
	  margin-top:0px;
	   border: 1px solid #7e7e7e;
	   padding:2%;

	}
    


    
.hide
      {  
      display: none;
    } 
    
 



	
	.titulo{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	line-height:46px;
	color:#6ba3bc;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
	}
	
	.titulo2{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:49px;
	color:black;
	font-weight:bold;

	}	
	
	
	.cargo2{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:black;
	margin-bottom:10px;
	margin-top:1%;
	text-align:left;
	}
	
	
	
	
	.cargo{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7e7e7e;
	font-weight:bold;
	margin-bottom:10px;
	}
		
	
		
		
	

.textos{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color: black;
	}



.entrada{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:27px;
	color: black;
 margin-left:2%;
 margin-right:2%;
 width:93%;
 padding:1%;

	}

.foto {
	
	width:100%;
	height:auto;
	cursor:pointer;
	
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
	
		-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	}
	
.foto:hover {	
-webkit-filter: grayscale(0);
    filter: grayscale(0);

		 -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	
}
	
	.foto2 {
	width:95%;
	height:auto;
	margin-right:5%;
	margin-left:2%;

	}
	
	
	
	.foto2b {
	width:72%;
	height:auto;
	margin-right:5%;
	margin-left:12%;

	}	
	
	
		.foto2c {
	width:72%;
	height:auto;
	margin-right:5%;
	margin-left:12%;

	}



.foto3 {
	width:10%;
	height:auto;
	float:left; 
	margin-right:2%;
	margin-bottom:3%;
	}



.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7e7e7e;
	margin-top:20px;
	margin-bottom:16px;



}


.fecharx {
	padding:6px;
	border: 2px solid #7e7e7e;
	
	}


.container_12 {
	width:96%;

	margin-left:2%;
	margin-right:2%;
	margin-top:0%;

	

	
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {

	float:left;

	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:0%;
	text-align:center;
		

}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
.container_12 .grid_1 {
	width:18%;
}
.container_12 .grid_2 {
	width:14.667%;
}
.container_12 .grid_3 {
	width:23.0%;
}
.container_12 .grid_4 {
	width:31.333%;

}
.container_12 .grid_5 {
	width:39.667%;
}
.container_12 .grid_6 {
	width:48.0%;
}
.container_12 .grid_7 {
	width:56.333%;
}
.container_12 .grid_8 {
	width:64.667%;
}
.container_12 .grid_9 {
	width:73.0%;
}
.container_12 .grid_10 {
	width:81.333%;
}
.container_12 .grid_11 {
	width:89.667%;
}
.container_12 .grid_12 {
	width:98.0%;
}
.container_12 .prefix_1 {
	padding-left:8.333%;
}
.container_12 .prefix_2 {
	padding-left:16.667%;
}
.container_12 .prefix_3 {
	padding-left:25.0%;
}
.container_12 .prefix_4 {
	padding-left:33.333%;
}
.container_12 .prefix_5 {
	padding-left:41.667%;
}
.container_12 .prefix_6 {
	padding-left:50.0%;
}
.container_12 .prefix_7 {
	padding-left:58.333%;
}
.container_12 .prefix_8 {
	padding-left:66.667%;
}
.container_12 .prefix_9 {
	padding-left:75.0%;
}
.container_12 .prefix_10 {
	padding-left:83.333%;
}
.container_12 .prefix_11 {
	padding-left:91.667%;
}
.container_12 .suffix_1 {
	padding-right:8.333%;
}
.container_12 .suffix_2 {
	padding-right:16.667%;
}
.container_12 .suffix_3 {
	padding-right:25.0%;
}
.container_12 .suffix_4 {
	padding-right:33.333%;
}
.container_12 .suffix_5 {
	padding-right:41.667%;
}
.container_12 .suffix_6 {
	padding-right:50.0%;
}
.container_12 .suffix_7 {
	padding-right:58.333%;
}
.container_12 .suffix_8 {
	padding-right:66.667%;
}
.container_12 .suffix_9 {
	padding-right:75.0%;
}
.container_12 .suffix_10 {
	padding-right:83.333%;
}
.container_12 .suffix_11 {
	padding-right:91.667%;
}
.container_12 .push_1 {
	left:8.333%;
}
.container_12 .push_2 {
	left:16.667%;
}
.container_12 .push_3 {
	left:25.0%;
}
.container_12 .push_4 {
	left:33.333%;
}
.container_12 .push_5 {
	left:41.667%;
}
.container_12 .push_6 {
	left:50.0%;
}
.container_12 .push_7 {
	left:58.333%;
}
.container_12 .push_8 {
	left:66.667%;
}
.container_12 .push_9 {
	left:75.0%;
}
.container_12 .push_10 {
	left:83.333%;
}
.container_12 .push_11 {
	left:91.667%;
}
.container_12 .pull_1 {
	left:-8.333%;
}
.container_12 .pull_2 {
	left:-16.667%;
}
.container_12 .pull_3 {
	left:-25.0%;
}
.container_12 .pull_4 {
	left:-33.333%;
}
.container_12 .pull_5 {
	left:-41.667%;
}
.container_12 .pull_6 {
	left:-50.0%;
}
.container_12 .pull_7 {
	left:-58.333%;
}
.container_12 .pull_8 {
	left:-66.667%;
}
.container_12 .pull_9 {
	left:-75.0%;
}
.container_12 .pull_10 {
	left:-83.333%;
}
.container_12 .pull_11 {
	left:-91.667%;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
* {
	margin:0;
}
.wrapper {
	margin:50px auto;
}
body {
	margin-top:10px;
}
#device_navigation {
	border-bottom:1px solid #EEEEEE;
	padding:20px;
}
#device_panel {
	margin:auto;
	width:850px;
}
#device_panel a {
	border:3px solid #EEEEEE;
	color:#595252;
	display:block;
	float:left;
	font-weight:bold;
	padding:10px;
	margin-right:10px;
	text-decoration:none;
}
#device_panel a:focus {
	background:#eee;
	outline:none;
}

.container_12 div {
	/*
	background:#eee;
	*/
	height:auto;
}
spana {
	background:none repeat scroll 0 0 #443C3C;
	color:#FFFFFF;
	float:left;
	margin:20px 30%;
	padding:10px 5%;
	text-align:center;
	width:30%;
}




/* Chrome, Safari, Opera */
@-webkit-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-ms-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}



 @media only screen and (max-width:580px) {
	.calco{
	margin-top:3%;
	
} 


	.foto2 {
width:98%;
	margin-right:0%;
	margin-left:0%;

	}
	
	
	
	.foto2b {
		width:98%;
		margin-right:0%;
	margin-left:0%;

	}	
	
	
		.foto2c {
			width:98%;
	margin-right:0%;
	margin-left:0%;

	}

	
	
.foto3{
	width:20%;
	}	
	 
	 .lista {

	padding:2px;
	border-radius:2px;
	border-width:1px;
	font-size:9px;	
	
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;

}


 

.lista:hover {
	
	background:#6ba3bc;	
	font-size:10px;	
	color: white;

	 -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	
}

	
	
	.entrada{	
font-size:13px;
line-height:17px;
 margin-left:1%;
 margin-right:1%;


	}	 
	
	
.titulo{		

	font-size:19px;
	line-height:17px;
	}
	
	
		.titulo2{		

	font-size:16px;


	}	
	
	
	.cargo2{		

	font-size:12px;
	margin-top:0%;
	}
	

.textos{	

	font-size:13px;
	line-height:18px;
	margin-bottom:20px;

	}
	
.containe
{

	height:240px;

}	




.container_12 {
	width:98%;
	margin-left:1%;
	margin-right:0%;
	padding-top:8px;

}


.fechar {

	font-size:14px;
	margin-top:20px;
	margin-bottom:16px;



}


.fecharx {
	padding:4px;
	border: 1px solid #7e7e7e;
	
	}

  }