/* CSS Document */



*     { border:0; text-decoration:none; margin:0 auto}
body  { background:#f3f3f3; list-style:none; overflow-y: auto; overflow-x: hidden; margin:0 auto}
ul    {  }



/* estruturas globais */

#topinho       { margin:0 auto; max-width:1280px; background:#da2128; height:4px; overflow:hidden;}
#corpo         { margin:0 auto; background:#FFF; max-width:1280px; overflow:hidden;}
#content       { width:990px; display:table; margin:0 auto; }
#conteudo      { margin:0 auto; width:930px; display:table; }




/* ######## MENU ######## */


#brasfond      { margin:40px 50px 0 0; width:288px; height:41px; float:left; }

#nav {
	float:right;
	margin:30px 0 0 0 !important;
}

.nav_institucional {
	position:relative;
	text-align:right;
	height:12px;
}
.nav_institucional ul {
	display:inline-block;
	list-style-type:none;
}
.nav_institucional ul li {
	display:inline-block;
	border-right:1px solid #ccc;
	height:12px;	
}
.nav_institucional a {
	text-decoration:none;
	font-family:'Roboto', helvetica, arial, sans-serif !important;
	font-weight:400;
	color:#888888 !important;
	font-size: 11px !important;
	margin:0 5px 0 5px;
	padding-right:4px;
}
.nav_institucional a:hover {
	text-decoration:underline !important;
}
.nav_institucional .semborda {
	border:none;
	margin-right:-5px;
}





#menu          { height:120px; display:table; background:#fff; width:930px;}
#menu a        { color:#444;}
#menu a:hover  { color:#777; }



#menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 0;
	float:right;
	}

#menu ul li.grande {
	margin:18px 0 0 22px; float:left; height:35px; 
	font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-size: 15px !important; color:#444; font-weight:400;
	}
	
#menu li ul {
	width: 230px;
	position:absolute;
	left: 50%;
	margin-top:7px;
	list-style:none;
	display: none;
	background:#f3f3f3 url("../images/basemenu.gif") no-repeat top left;
	z-index:550;
	}
	
	
.picmh             { float:left; margin-right:6px}

.ogruposub {	margin-left:-68px !important; /*Posição submenu de novas tecnologias*/	}


#menu li ul.direit { margin:15px 0 0 185px; float:left; background:#f3f3f3 !important; height:441px; width: 280px;}
.direit p { font-family:'Roboto', helvetica, arial, sans-serif !important;	font-weight:700; color:#da2128 !important;	font-size: 15px !important; margin:0px 0 0 25px !important; padding-top:20px;}

.ativ {	margin-left:-80px !important; width: 280px !important; background:#f3f3f3 url("../images/basemenu2.gif") no-repeat top left !important; /*Posição submenu de novas tecnologias*/	}
.ativ li, .direit li {	width: 230px !important;/*Posição submenu de novas tecnologias*/	}
.ativ p { font-family:'Roboto', helvetica, arial, sans-serif !important;	font-weight:700; color:#da2128 !important;	font-size: 15px !important; margin:10px 0 0 25px !important; padding-top:19px;}
.ativ .firt, .direit .firt {	margin-top:12px !important;	border-top: 1px solid #fff;	}

.direit .last {	margin-bottom:3px !important;	}
.ativ .last {	margin-bottom:57px !important; }

.sustenta {	margin-left:120px !important; background:#f3f3f3 url("../images/basemenu3.gif") no-repeat top left !important; /*Posição submenu de premios*/ }

.firt {	margin-top:40px !important;	border-top: 1px solid #fff;	}
.last {	margin-bottom:25px !important; }

		
#menu li ul li {
	line-height:16px;
	padding:6px;
	width: 180px;
	list-style: none;
	border-bottom: 1px solid #fff;	
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li ul li a:hover { color: #da2128;} /* Hover Styles */
		
#menu li ul li a { list-style: none; font-size:13px !important;} /* Sub Menu Styles */
		
#menu li:hover ul, li.over ul { display: block; } /* The magic */














/* ######## FOOTER ######## */

#footer        { bottom:50px; background:#d1181f; height:130px; max-width:1280px; }

#endereco1     { padding:25px 0 0 0; font:9px 'Roboto', Arial, helvetica, sansSerif; font-weight:300; line-height:13px; color:#efefef; float:left; width:300px}
#endereco      { padding:25px 0 0 0; font:9px 'Roboto', Arial, helvetica, sansSerif; font-weight:300; line-height:13px; color:#efefef; float:left; width:255px}
#assina        { padding:50px 0 0 0; font:9px 'Roboto Condensed', Arial, helvetica, sansSerif; font-weight:300; line-height:13px; color:#efefef; float:left; }

#selos         { margin:0 0 0 0; }
#selos img     { margin:0 10px 0 0; }













/* ######## FONTES ######## */


h1             { font:20px 'Roboto Condensed', Arial, helvetica, sansSerif; line-height:28px; color:#da2128; width:380px; font-weight:300; margin:15px 310px 30px 0; }
h2             { font:18px 'Roboto Condensed', Arial, helvetica, sansSerif; line-height:25px; color:#666; font-weight:400;}
h3             { font:bold 32px 'Roboto', Arial, helvetica, sansSerif; line-height:40px; color:#da2128; margin-bottom:20px}
h4             { font:bold 16px 'Roboto', Arial, helvetica, sansSerif; line-height:22px; color:#da2128; margin-top:30px; }
h5             { font:18px 'Roboto', Arial, helvetica, sansSerif; line-height:21px; color:#da2128; margin-top:10px; margin-bottom:5px; font-weight:700;}
h6             { font:11px 'Roboto Condensed', Arial, helvetica, sansSerif; color:#666; font-weight:400; border-top:solid 1px #ccc; padding:8px 0 8px 0; }
p              { font:14px 'Roboto', Arial, helvetica, sansSerif; line-height:20px; color:#666; font-weight:400; margin-top:13px}







/* ######## INTERIOR ######## */


#titulosecao      { position:absolute; width:930px; top:281px; left:50%; margin-left:-465px; z-index:2;}
#titulosecao p   { background-color:#da2128; font:15px 'Roboto Condensed', Arial; color:#fff; padding:5px 0 5px 15px; height:20px; width:190px !important; margin-left:0; letter-spacing:1px;}

#sliderint     { position:relative; width:1280px;  height:200px; overflow:hidden; top:0; left:50%; margin-left:-640px; z-index:0;}

.clear { display:block; font-size:1px; height:1px; clear:both }



#leftcol             { margin:45px 0 0 0; width:205px; display:table; float:left; }
#leftcol ul   		 { margin:0 0 0 -40px; list-style:none;}
#leftcol ul p 		 { font-family:'Roboto', helvetica, arial, sans-serif !important;	font-weight:700; color:#da2128 !important;	font-size: 15px !important; margin:5px 0 0 0 !important; padding:0 0 13px 0;}
#leftcol li   		 { list-style:none; margin:0; border-top:solid 1px #d0d0d0; padding:6px 0 6px 0; font:14px 'Roboto Condensed', Arial; color:#010101;}
#leftcol li a  		 { list-style:none; margin:0; border-top:solid 1px #d0d0d0; padding:6px 0 6px 0; font:14px 'Roboto Condensed', Arial; color:#666;}
#leftcol li a:hover  { text-decoration:underline !important; }
.ultimodalista 		 { border-bottom:solid 1px #d0d0d0; }

.picm                	{ float:left; }
#internoprincipal    	{ margin:35px 0 70px 35px; width:690px; display:table; float:left; }
#internoprincipal ul    { margin:10px 0 0 -20px; }
#internoprincipal li   	{ margin:0; font:14px 'Roboto', Arial; color:#666; line-height:20px;}


.quote { margin-top:15px;}

.imgprinc                { float:left; margin:2px 15px 0 0}
.imgprinc2               {  margin:15px 0 -20px 0}
.fotoatividade           { float:left; margin:25px 0 0 0; width:690px;}
.fotonews           { float:left; margin:25px 0 0 0; width:618px;}
.fotoatividadeesq        { float:left; margin:15px 25px 20px 0; }
.legendatit 		 { font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#666; font-size: 14px; margin:0; background-color:#efefef; padding:5px 0 0 10px; }
.legendatit strong	 { font-weight:700 !important;}
.legendadescr 		 { font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#666; font-size: 11px; line-height:18px; margin:0 0 25px 0 ; background-color:#efefef; padding-left:10px;}


.chamada h4  		 { margin-top:40px; border-top:solid 1px #d0d0d0; padding:10px 0 2px 0; font:14px 'Roboto Condensed', Arial; width:690px; font-weight:400; text-transform:uppercase;}
.chamada p 			 { margin:0 0 10px 0 !important; font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#666; font-size: 13px; padding:0 !important;}
.chamada a			 { font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#fff; font-size: 13px; background-color:#da2128; padding:5px 8px; border-radius: 5px;}


.chamadameio h4  		 { margin-top:50px; border-top:solid 1px #da2128; padding:10px 0 2px 0; font-size: 20px; }

.fototexto  		 { background-color:#ededed; min-height:144px; width:690px;}
.fototexto img       { float:left; margin:0 20px 0 0; }
.fototexto h4       {  padding-top:20px !important; color:#666 !important;}

.quadrosocial 		 { margin-top:15px !important; border-top:solid 1px #d0d0d0; padding:12px 0 0 0; }








/* ######## PREMIOS ######## */

.titpremios     { margin-top:35px; }
#blocoesq    	{ margin:45px 20px 0 0; width:455px; display:table; float:left; border-top:solid 1px #ccc; background-color:#f4f4f4; padding:15px 0 0 0;}
#blocodir    	{ margin:45px 0 0 0; width:455px; display:table; float:left; border-top:solid 1px #ccc; background-color:#f4f4f4; padding:15px 0 0 0;}
#blocoesq h3, #blocodir h3   	{ float:right; margin-right:20px; }
#blocoesq h2, #blocodir h2  	{ float:left; margin-left:20px; font-size:15px !important; line-height:18px;}
#blocoesq p, #blocodir p  	    { margin:0 0 15px 0 !important; line-height:18px !important; font-size:13px !important; }

.descrpremios  	{ margin:0; width:415px; display:table; float:left; background-color:#f4f4f4; padding:20px;}
.fotopremio   	{ margin-top:-5px;}
.placa          { float:left; margin:0 25px 0 0; }
.capa          { float:left; margin:0 10px 0 0; }
.legendapremio 		 { font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#666; font-size: 13px; }
.linkpremio 		 { font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#da2128;; font-size: 10px; line-height:15px; margin-top:15px !important;}
.linkpremio:hover { text-decoration:underline !important; }






/* ######## MIDIA ######## */

#leftcolmidia               { width:235px; display:table; float:left;}
#leftcolmidia h3            { margin:35px 0 0 0; font-size:30px !important;}
#leftcolmidia h4			{ font:bold 14px 'Roboto Condensed', Arial, helvetica, sansSerif; line-height:18px; color:#666; margin-top:20px; }
#leftcolmidia p             { font:12px 'Roboto', Arial, helvetica, sansSerif; line-height:16px; margin-top:3px}
#leftcolmidia .link 		{ font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#da2128; font-size: 12px; line-height:25px; margin-top:15px !important; text-decoration:none !important;}
#leftcolmidia .link:hover   { text-decoration:underline !important; }

#videos    	{ margin:35px 0 70px 35px; width:618px; display:table; float:left; border-left: dotted 2px #ccc; padding-left:40px;}

#videos p    	{ margin-top:5px !important;}









/* ######## CATALOGO ######## */

#catalogo       { width:310px; float:left; background-color:#f4f4f4; padding:25px 30px 0 30px; height:717px; margin-top:-30px;}
#catalogo p     { font-family:'Roboto', helvetica, arial, sans-serif; font-weight:400; color:#666; font-size: 14px; line-height:20px; }
#catalogofoto  	{ margin:-30px 0 70px 0; width:560px; float:left;}
.vaicatalogo    { font:16px 'Roboto', Arial, sansSerif; color:#fff; background-color:#da2128; border:none; margin-top:20px;}
.fontform   { font:13px 'Roboto', Arial, sansSerif; color:#666; margin-top:10px; pading-top:20px;}






/* ######## ATIVIDADE ######## */

#blocoatividade       { width:930px; float:left; margin:40px 0 0 0;}
#atividade       { width:180px; float:left; background-color:#efefef; padding:20px 10px 0 20px; height:467px; border-top: solid 2px #da2128;}
#atividade h2     { font-size:15px; line-height:21px; }
#fotoatividade  { margin:0; width:720px; float:left;}
#atividade .link 		{ font-family:'Roboto Condensed', helvetica, arial, sans-serif; font-weight:400; color:#da2128; font-size: 12px; line-height:16px; padding-top:25px !important; text-decoration:none !important;}
#atividade .link:hover   { text-decoration:underline !important; }







/* ######## CONTATO ######## */

label    { *margin-left:19px; }
input    { border:solid #999 1px; font-size:13px; margin-bottom:10px;}
select    { border:solid #999 1px; font-size:13px; margin-bottom:10px;}
textarea { border:solid #999 1px; font-size:13px; margin-bottom:10px;}
.font1   { font:13px 'Roboto', Arial, sansSerif; color:#666; margin-top:10px;}
.manda    { margin:20px 0 40px 0; }
.chama   { font:16px 'Roboto', Arial, sansSerif; color:#666; margin-top:15px;}
.chama:hover { color:#da2128;}
.grupo {border-top: solid 1px #efefef; margin-top:20px;}
.vai   { font:16px 'Roboto', Arial, sansSerif; color:#fff; background-color:#da2128; border:none;}












/* ######## HOME ######## */

#photos_home {
	width:100%;
	height:500px;
	position:relative;
	background-color:#efefef;
	overflow:hidden;
}
.nivo-caption { 
position:absolute; 
top:415px; 
left:810px; 
width:255px; 
height:85px;
z-index:8; 
overflow:hidden; 
display:none; 
padding:0px 20px 0 20px; 
background:  url("../images/fundo_slider.png"); }

.nivo-caption  p {
	font-family:'Roboto Condensed', helvetica, arial, sans-serif;
	font-size:16px;
	line-height:15px;
	font-weight:500;
	color:#fff;
}
.nivo-caption em {
	font-family:'Roboto Condensed', helvetica, arial, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:300;
	color:#fff;
	
}
.nivo-caption  span {
	font-family:'Roboto Condensed', helvetica, arial, sans-serif;
	font-size:12px;
	font-weight:300;
	line-height:15px;
	color:#efefef;
}




#home		 { margin:0 auto; width:930px; height:760px;  }

#home p       { font:13px 'Roboto', Arial, helvetica, sansSerif; line-height:17px; color:#555; margin-top:0px !important;}
#home p:hover {color:#111; }


#chamada_a1  { margin:50px 30px 0 0; width:290px; float:left; }
#chamada_a1 h5 { font:27px 'Roboto', Arial, helvetica, sansSerif; line-height:33px; font-weight:700; margin-bottom:13px;}
#chamada_a1 h5:hover { text-decoration:underline !important; }
#chamada_a1 h6 { color:#da2128; border:none; padding:8px 0 0 0; }

#chamada_a   { margin:50px 30px 0 0; width:290px; float:left; }
#chamada_a h5:hover { text-decoration:underline !important; }
#chamada_b   { margin:50px 0 0 0;  width:290px; float:left; }
#chamada_b h5:hover { text-decoration:underline !important; }
#chamada_c   { margin:50px 0 0 30px;  width:290px; float:left; }
#chamada_c h5:hover { text-decoration:underline !important; }




























/* estilos de historico */

	#timeline {
		width: 690px;
		height: 700px;
		overflow: hidden;
		margin: 15px auto;
		position: relative;
		background: url('../images/dot.gif') 3px top repeat-y;
	}
		#dates {
			width: 80px;
			height: 700px;
			overflow: hidden;
			float: left;
			
		}
	
			#dates li {
				list-style: none;
				width: 80px;
				height: 70px;
				line-height: 70px;
				font-size: 18px;
				color:#d71a20;
				padding-left: 20px;
				margin-left: -10px;
				background: url('../images/biggerdot.png') left center no-repeat;
				margin-top:-20px;
				font-family: 'Roboto', Arial, Helvetica, sans-serif;
			}
				#dates a {
					line-height: 35px;
					padding-bottom: 5px;
					color:#999999;
					font-family: 'Roboto', Arial, Helvetica, sans-serif;
				}
				
				#dates :hover {
						color:#555555;
				}
				#dates .selected {
					font-size: 20px;
					color:#d71a20;
				}
		
		#issues {
			width: 550px;
			height: 700px;
			overflow: hidden;
			float: left;
			padding: 35px 0 0 50px;
			}	
			#issues li {
				width: 550px;
				height: 700px;
				list-style: none;
				

			}
				#issues li.selected img {
					-webkit-transform: scale(1,1);
					-moz-transform: scale(1,1);
				    -o-transform: scale(1,1);
				    -ms-transform: scale(1,1);
				    transform: scale(1,1);
				}
				#issues li img {
					
					margin: 10px 0 0 0px;
					-webkit-transition: all 1s ease-in-out;
					-moz-transition: all 1s ease-in-out;
					-o-transition: all 1s ease-in-out;
					-ms-transition: all 1s ease-in-out; 
					transition: all 1s ease-in-out;
					-webkit-transform: scale(0.9,0.9);
					-moz-transform: scale(0.9,0.9);
				    -o-transform: scale(0.9,0.9);
				    -ms-transform: scale(0.9,0.9);
				    transform: scale(0.9,0.9);
				}
				#issues li h1 {
					color: #da2128;
					font-family: 'Roboto', Arial, Helvetica, sans-serif;
					font-size: 42px;
					font-weight:bold;
					text-align: left;
					margin:0;
					line-height: 40px;
					width:550px !important;
					border-bottom: 1px solid #CCC;
					
				}
				#issues li p {
				font-size: 13px;
					margin: 10px 0 0 0;
					font-weight: normal;
	
	
				}
		
		#grad_top,
		#grad_bottom {
			width: 500px;
			height: 80px;
			position: absolute;
		}
			#grad_top {
		        top: 0; width: 700px;
		        background: url('../images/grad_top.png') repeat-x;
			}
			#grad_bottom {
		        bottom: 0; width: 700px;
		        background: url('../images/grad_bottom.png') repeat-x;
			}
		
		#next,
		#prev {
			position: absolute;
			left: 55%;
			font-size: 70px;
			width: 38px;
			height: 22px;
			background-position: 0 -44px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position:  0 0;
			}
			#next {
				bottom: 10px;
				background-image: url('../images/next_v.png');
			}
			#prev {
				top: 20px;
				background-image: url('../images/prev_v.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.5;
				}