/******************************************************************/
/****** CSS DESENVOLVIDO POR NOMAD INTERATIVO *********************/
/******************************************************************/

@import url("acessibilidade.css");
@import url("topo.css");
@import url("menu.css");
@import url("conteudo.css");
@import url("rodape.css");

body{
	margin:0 auto;
	width:100%;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	/*background-image:url(../imgs/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;*/
	background: #000;
	color:#b3b3b3;
}
p{}

/* TITULOS */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* TABELAS */
table{}
table thead{}
table thead tr{}
table thead tr th{}
table thead{}
table thead tr{}
table thead tr td{}

/* LISTAGENS */
ul{}
ul li{}

ol{}
ol li{}

dl{}
dl dt{}
dl dd{}

/* FORMULÁRIOS */
form{}
form legenda{}
form label{}
form input{}
form select{}
form textarea{}

/* IMAGENS */
img{border:none;}


.content{
	width: 100%;
	padding: 0px;

}


#video iframe, #video object, #video embed {
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
}






.left h2{

		display: block;
		text-align: left;
		padding: 0 30px;
		width: 100%¨;
	font-family: 'Sanchez', serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	margin: 25px 0;
}




		.img-responsive, .comment-content img, .widget img, .entry-content p img, .wp-caption {
	display: block;
	max-width: 100%;
	height: auto
}






@media (min-width: 320px) {



#gio, #mateus, #mar, #ricardo{
	float: left;
	margin-bottom: 15px;
	width: 100%;
		background-position: right top !important;
				height:318px;
}




	.img_diretores h2 {
 color: #fff;
    float: right;
    font-family: "Sanchez",serif;
    font-size: 16px;
    margin-top: 272px;
    text-align: right;
}





	#rodape .coluna{
	width:100%;
	height:200px;
	float:left;
	

}

	#form #rodape{
	margin-top: 80px;
}



.foto_contato{
	width:100%;
	float:right;
	margin-top: 30px;


}

#form{
	width:100%;
	float:left;
	padding-left: 2%;

}

	.img_diretores {
	width:100%;
	margin: 0 auto;
}



	#menu .logo {
    float: left;
    display: block;
    margin-top: 13px;
    width: 100%;
    text-align: center;
}




.menu{

width: 320px;
float: none;
height: 34px;
margin-top: 121px !important;
margin: 0 auto;

}

#menu img{
	margin-left:23px !important;
}



	ul#listagem li {
	list-style:none;
	width:46%;
	min-height:84px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}


.thumbvideo{
	display:block;
	width:100%;
	overflow: hidden;
	height: 84px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}

.left{

	width: 98%;
	padding: 0 1%;
	float: left;

}

.right{

	width: 98%;
	padding: 0 1%;
	float: right;

}

#conteudo {
		width: 98%;
	padding: 0 1%;
	float:left;
	font-size:0.75em;

		min-height: 700px;
}

.cont_listagem{
	width: 98%;
	padding: 0 1%;
	 float:left;
}

.cont_listagem2{
	width: 98%;
	padding: 0 1%;
	 float:left;
}


.img_diretores h2 {
	margin-top:208px;
	float:right;
	font-size:16px;
	text-align:right;
	color:#FFF;
			font-family: 'Sanchez', serif;
}



}




@media (min-width: 480px) {



ul#listagem li {
	list-style:none;
	width:31%;
	min-height:84px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}


.thumbvideo{
	display:block;
	width:100%;
	overflow: hidden;
	height: 84px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}


}




@media (min-width: 600px) {

	.img_diretores h2 {
	margin-top:128px;
	width: 90px;
	float:left;
	margin-right: 10px;
	font-size:12px;
	text-align:right;
	color:#FFF;
			font-family: 'Sanchez', serif;
}

	#rodape .coluna{
	width:45%;
	height:200px;
	float:left;
	

}

#form #rodape{
	margin-top: 180px;
}


.foto_contato{
	width:45%;
	float:right;
	margin-top: 84px;


}

#form{
	width:46%;
	float:left;
	padding-left: 2%;

}


	.img_diretores {
	width:100%;
	margin: 0 auto;
	margin-top: 14px;
}



	.img-destaque{
		margin-top: 10px;
	}


	#menu .logo{
	float: left;
	display: block;
	margin-top: 50px;
	text-align: left;
	width: 30%;
}

.menu{
	/*width:222px;*/
	width:50%;

		float:right;
	height: 100px;
	margin-top: 92px !important;
	padding-right: 40px !important;

}

#menu img{
	margin-left:23px !important;
}


.left{
  float: left;
    margin-left: 1%;
    margin-top: 6px;
    padding: 0;
    width: 27%;


}

.right{
	width: 18%;
	float: right;
	padding: 0;


}





#conteudo {
	width:71%;
	float:left;
	font-size:0.75em;
		padding: 0;
		
		min-height: 700px;
}

.cont_listagem{
	width:71%;
	 float:right;
	 	padding: 0;
		}


		.cont_listagem2{
	width:81%;
	 float:right;
	 	padding: 0;
		}






ul#listagem li {
	list-style:none;
	width:31%;
	min-height:110px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}


.thumbvideo{
	display:block;
	width:100%;
	overflow: hidden;
	height: 110px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}



}




@media (min-width: 728px) {

}



@media (min-width: 980px) {


	


#gio, #mateus, #mar, #ricardo{
	float: left;
	margin-bottom: 15px;
	width: 100%;
		background-position: right top !important;
				height:175px;
}

	
ul#listagem li {
	list-style:none;
	width:23.7%;
	min-height:180px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}

.cont_listagem2 ul#listagem li {
	
	width:23.7%;
	min-height:110px;

}


.thumbvideo{
	display:block;
	width:100%;
	overflow: hidden;
	height: 180px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}


}



@media (min-width: 1000px) {



	
ul#listagem li {
	list-style:none;
	width:23.7%;
	min-height:180px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}


.thumbvideo{
	display:block;
	width:100%;
	overflow: hidden;
	height: 180px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}
	

}



@media (min-width: 1140px) {



	
ul#listagem li {
transition: all 0.1s ease-out 0.1s;
	list-style:none;
	width:24.1%;
	min-height:180px;
	display:block;
	float:left;
	margin:0px;
	margin-bottom:10px;
	margin-right:10px;
		z-index:1;
}


.thumbvideo{
		transition: all 0.2s ease-in 0.1s;
	display:block;
	width:100%;
	overflow: hidden;
	height: 180px;

	position: relative;
	float: bottom;
    bottom:0;
	z-index:2;
	background-size: 100% !important;
}


}




@media (min-width: 1300px) {

}


.descricao{
	display: none !important;
}

.listagem_diretores{
	float: left;
}


.thumbvideo{
	overflow: hidden;

}

.thumbvideo img{
	border: solid 1px #fff;
	   opacity: 1;
	    transform: scale(1.12);

}



.thumbvideo{
transition: all 0.1s ease-out 0.1s;
   opacity: 1;
background-size: 110% !important;

}


.thumbvideo:hover{
background-size: 100% !important;
    opacity: 0.5;

   
}








.foto_contato .foto{
	width:28%;
	height:61px;
	float:left;
	padding:4px;

	margin-bottom:17px;
}

 .foto{

 	cursor: pointer;


} 

.foto_contato .foto img{
	display: none;
}



.fotohover{
transition: all 0.1s ease-out 0.1s;
   opacity: 0.3;


}


.foto_contato .foto h2{
	color:#FFF;
	 font-size:14px;
	margin-top:1PX;
	margin-bottom:2PX;
		font-family: 'Sanchez', serif;
}

.foto_contato .foto p{
	color:#FFF;
	 font-size:12px;
		margin-top:0PX;
	margin-bottom:0PX;
		font-family: 'Sanchez', serif;
}

.foto_contato ul li {
    text-align: right;
}




#destinatario{
	text-transform: uppercase !important;
}

form label span {
	font-size: 12px !important;
	text-decoration: none!important;
	margin-bottom: 6px !important;
	display: block;
}