@charset "utf-8";
/* CSS Document */

.clear {
	clear:both;
}

img{
	border:none;
	outline:none;
	}

body{
	margin-top:30px;
	background:#202020;
	}

#cabecalho{
	width:985px;
	height:116px;
	margin:0 auto;
	}

#logo{
	height:116px;
	width:413px;
	float:left;
	margin: 0 auto;
	}
	
#slogan{
	float:left;
	width:570px;
	height:86px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#CCC;
	text-align:right;
	margin: 0 auto;
	}	

#menu{
	height:30px;
	width:515px;
	background: url(../imgs/bgmenu.png) repeat-x;
	float:right;
	-moz-border-radius:10px;
	}

#menu ul li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	float:left;
	padding:0 20px 0 0;
	margin-top:-7px;
	}
	
#menu ul li a{
	text-decoration:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}
#menu ul li a:hover{
	text-decoration:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F00;
	}
	
#tarja{
	background:#0F3;
	margin:0 auto;
	width:984px;
	height:35px;
	}
#faixa1{
	width:246px;
	height:35px;
	background:#F00;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
#faixa2{
	width:728px;
	height:30px;
	background:#ccc;
	float:right;
	font:20px Arial, Helvetica, sans-serif;
	color:##000;
	padding-left:10px;
	padding-top:5px;
	}
	
#left{
	width:244px;
	/*height:310px;*/
	float:left;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(../imgs/bg_cont.png) repeat-x;
	}	

#left a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}

#txtcontato{
	width:290px;
	float:left;
	padding-left:3px;
	}
	
#txtcontato .pl{
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
	}

#txtcontato h2{
	padding-left:10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	}

#right{
	width:728px;
/*	height:310px; */
	float:right;
	padding-right:11px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	}
	
#right p,h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:justify;
	padding:10px 30px 0 10px;
	}	
	
#right h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	padding:15px;
	margin-top:15px;
	}		
	
#right h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#fff;
	padding:10px;
	text-decoration:none;
	}	

.img{
	padding:10px;
	}	
	
		
#rodape{
	width:729px;
	height:35px;
	background:#ccc;
	float:right;
	padding-left:10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	margin: 0 auto;
	}	

#rodape a{
	text-decoration:none;
	}	

#conteudo{
	width:985px;
	min-height:400px; 
	margin: 0 auto;
	}
#conteudo_obras{
	width:985px;
	min-height:330px; 
	margin: 0 auto;
	}
/*
.box1{
	width:250px;
	height:150px;
	float:left;
	background:#99F;
	margin:5px 117px 10px 0;
	}
.box2{
	width:250px;
	height:150px;
	float:right;
	background:#99F;
	margin-top:5px;
	}*/
	
.box1{
	width:230px;
	height:520px;
	float:left;
	}
.b1{
	width:230px;
	height:150px;
	margin-top:30px;
	}

.b-direita{
	width:180px;
	height:117px;
	margin-top:30px;
	}
	
.b-centro{
	width:180px;
	height:117px;
	margin:0 auto;
	margin-top:30px;
	}
	
.b-centro2{
	width:180px;
	height:117px;
	margin:0 auto;
	margin-top:42px;
	}
	
.b-centro3{
	width:230px;
	height:150px;
	margin-top:50px;
	}
	
.b-esquerda{
	width:180px;
	height:117px;
	margin-top:30px;
	margin-left:50px;
	}

.box2{
	width:230px;
	height:520px;
	float:left;
	margin-left:145px;
	}
.box3{
	width:230px;
	height:520px;
	float:right;
	}
	
#right #not1{
	width:700px;
	height:100px;
	float:left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:5px;
	}

#right #not2{
	width:700px;
	height:100px;
	float:left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:7px;
	}
	
#imgs{
	width:985px;
	}	
	

#parceiros{
	width:985px;
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin:0 auto;
	}

#ass{
	float:left;
	width:495px;
	height:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-align:right;
	}


/**JQUERY**/
.zitem {
	width:180px;
	height:220px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	margin:20px

}

.zitem .caption {
	width:180px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
	padding:15px;

}

.cont{
	padding:30px;
	}
	
#rod{
	width:984px;
	height:35px;
	background:#F00;
	margin:0 auto;
	
	}
#red{
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
}

/**FIM JQUERY**/


/*FORMULARIO*/

#form{
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	width:400px;
	float:right;
	padding-top:10px;
}

#form fieldset{
	width:400px;
	border:none;
}


#form label{
	display:block;
	width:400px;
	float:left;
	font: 12px arial;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
	position:relative;
}

#form label input{
	width:400px;
	border: 1px solid #000;
	font:12px arial;
	background:#fff;
	color:#000;
}



#form textarea{

/*scrollbar-arrow-color:#333333;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-face-color:#ffffff;
scrollbar-shadow-color:#666666;
scrollbar-darkshadow-color:#666666;
scrollbar-track-color:#ffffff;*/

	width:400px;
	height:80px;
	font:11px arial;
	border: 1px solid #000;
	color:#000;
	background:#fff;
	
}

#form label small{
	color:#fff;
	font-size:8px;
	position:absolute;
	right:15px;
}

.gallery a {
display:inline-block;
}

/*FIM FORMULARIO*/