@charset "utf-8";
/*=====================================*/
/* CSS yl3d Design  2010		       */
/* Estrutura - versão 2.2              */
/*=====================================*/
<!--
body {
	background-image:url(../img/estrutura/bg_1.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	line-height: 12pt;
	margin: 0px;
}

h1 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30pt;
}

h2 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	margin-top: 0px;
}

h3 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:400;
	letter-spacing:-1px;
	margin: 5px;
}

h4 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30pt;
}

h5 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	margin: 5px;
}

h6 {
	color:#AFB6CA;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
}

h1, h2 {
	font-weight:400;
	letter-spacing:-1px;
	padding: 0px;
	margin: 0px;
}


/* +++++++++++++++++++ Links +++++++++++++++++++ */
a:link {
	/*color: #AFB6CA;*/
	color: #3E5F84 ;
	text-decoration: none;
}

a:visited {
	color: #5A79A0;
	text-decoration: none;
}

a:hover{
	color: #5A79A0;
	text-decoration: none;
}

/* +++++++++++++++++++ Estrutura +++++++++++++++++++ */

#estrutura {
	width: 1000px;
	float: none;
	position:absolute;
	left: 50%;
	margin-left: -500px;
}

#conteudo {
	width: 1000px;
	margin: 10px 0px 0px 0px;
}

#topo {
	width: 1000px;
	height: 90px;
	margin: 0px;
}

#topo_logo {
	width: 230px;
	height: 80px;
	float:left;
	display: inline;
	margin: 10px 20px 0px 20px;
}

#topo_menu {
	width: 710px;
	height: 90px;
	float:left;
	display: inline;
	margin-top: 5px 0px 0px 20px;
}


/* +++++++++++++++++++ Diagramação de Conteudo +++++++++++++++++++ */
#col_large {	
	width: 1000px;
	float:left;
	display: inline;
	margin: 10px 0px 15px 0px;
}

#col1 {	
	width: 990px;
	float:left;
	display: inline;
	margin: 10px 5px 15px 5px;
}

#col1_left {	
	width: 800px;	
	float: left; 
	display: inline;
	margin: 10px;
}

#col2_right {	
	width: 460px;
	float: left;
	display: inline;
	margin: 0px 5px 15px 5px;
}

#col2_left {	
	width: 520px;
	float:left;
	display: inline;
	margin: 0px 5px 15px 5px;
}

#col3 {	
	width: 320px;
	float:left;
	display: inline;
	margin: 10px 5px 15px 5px;
}

#tit_box {
	margin-bottom: 5px;
}

#tit_box h1 {
	color:#AFB6CA;
	font-family:"Myriad Pro",Verdana,Arial,Helvetica,sans-serif;
	font-size:40pt;
	height:60px;
	margin-bottom:5px;
}

#box {
	background-color:#AFB6CA;
	width: 500px;
	height:200px;
	display:inline-table;
	border-width:thin;
	border:4px double #FFF;
	overflow:hidden;
	margin-bottom: 30px;
}

#side-title {
	font-size:1em;font-style:normal;
}

#side-note {
	font-size:10px; height:215px;
}

/* +++++++++++++++++++ Rodape +++++++++++++++++++ */
#footer {clear:both; padding-top: 60px; padding-bottom: 24px; overflow: hidden;}

	
	#footer div#container { padding-left: 10px; width: 980px; }
	
	#footer div.footer { clear: both; padding-bottom: 72px; } 
	
	#footer a { color: #3E5F84; text-decoration: none; cursor: pointer !important; }
	#footer a:hover { color: #5A79A0; }
	
	#footer div h4 { font-size: 14px; line-height: 18px;font-weight: bold; color: #AFB6CA; text-transform: uppercase; margin-bottom: 9px;  border-bottom: solid 1px #AFB6CA; }
	#footer div h5 { font-size: 12px; line-height: 15px; font-weight: normal; color: #000; }
	#footer div p { font-size: 10px;  padding-bottom: 1px; line-height: 10px; color: #000; }
	
	#footer div.locations { width: 565px; height: 196px; float: left; background: url(../img/estrutura/logo_yl3d_rodape.png) 0 0 no-repeat;}
	#footer div.locations h4 { width: 425px; position: relative; left: 130px; }
	#footer div.locations h5 { position: relative; left: 130px;  }
	#footer div.locations p { position: relative; left: 130px; }
	
	#footer div.contact { width: 190px; float: left; position: relative; height: 200px;}
	#footer div.contact h4 { width: 181px; }
	#footer div.contact h5 { margin: 10px auto 0px auto;}
	#footer div.contact p { font-size: 10px; line-height: 10px; color: #000; margin: 0px;}
	
	#footer div.connect { width: 190px; float: left; height: 200px;}
	#footer div.connect h4 { width: 181px; }
	#footer div.connect ul { padding:0px; margin:0px; }
	#footer div.connect ul li { height: 36px; width: 181px; list-style:none;}
	#footer div.connect ul li a { height: 24px; padding-left: 30px; font-size: 10px; line-height: 24px;} 
	#footer div.connect ul li.rss a { height: 23px; display: block; outline:none; background: url(../img/estrutura/icon-rss.png) 0 0 no-repeat; }
	#footer div.connect ul li.rss a:hover { background: url(../img/estrutura/icon-rss.png) 0 -23px no-repeat; }
	#footer div.connect ul li.twitter a { height: 23px; display: block; outline:none; background: url(../img/estrutura/icon-twitter.png) 0 0 no-repeat; }
	#footer div.connect ul li.twitter a:hover { background: url(../img/estrutura/icon-twitter.png) 0 -23px no-repeat; }
	#footer div.connect ul li.news a { height: 23px; display: block; outline:none; background: url(../img/estrutura/icon-news.png) 0 0 no-repeat; }
	#footer div.connect ul li.news a:hover { background: url(../img/estrutura/icon-news.png) 0 -23px no-repeat; }


/* +++++++++++++++++++ Auxiliares +++++++++++++++++++ */

.clear {
	clear: both;
}
-->