/* geral */
*{margin:0; padding:0; text-align:left;}
body{background-color:#FFF;}
a{text-decoration:none;}
a:visited{text-decoration:none; color:#767676;}
a img{border:none;}
h1{font-family:Arial, Tahoma, "Times New Roman"; font-size:22px; color:#333; font-weight:normal;}
h2{font-family:Tahoma, Arial, "Times New Roman"; font-size:14px; color:#919191; font-weight:bolder;}
h3{font-family:Arial, Tahoma, "Times New Roman"; font-size:12px; color:#fff; text-align:right;}
p{font-family:"Trebuchet MS", "Times New Roman"; font-size:12px; color:#919191; text-align:justify;}
label{font-family:"Trebuchet MS", "Times New Roman"; font-size:16px; color:#999; float:left;}

/*div{border:1px solid red;}*/

/* tudo */
.tudo{width:860px; margin:0 auto; padding:10px 15px; display:table;}

/* Cabecalho */
#topo{height:155px; background-color:#e5f2ff;}
#topo #logo{float:left; margin-top:20px;}
#topo #menu{background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat; float:right;}
#topo #menu ul .item{margin:60px 10px;}
#topo #menu ul li{font-weight:bolder; display:inline; float:left;}
#topo #menu ul li a{font-family:Arial, Tahoma, "Times New Roman"; font-size:14px; color:#767676; margin:-60px 0; padding:60px 0;}
#topo #menu ul li a:hover{color:#084A98;}
#conteudo #banner{width:100%; height:300px; margin:-4px 0 10px;}
#conteudo #banner #both{clear:both;}

/* INDEX */
#conteudo{background-image:url(../images/banner_bg.jpg); background-repeat:repeat-x; height:100%; position:relative; margin-bottom:40px;}
#conteudo h1{margin-bottom:6px;}
#conteudo h2{margin-bottom:4px;}

/* principal */
#conteudo #principal{width:470px; float:left;}
#conteudo #principal h3 a{color:#7a7a7a;}
#conteudo #principal #sobrenos p{font-size:14px; line-height:150%;}
#conteudo #principal #noticias{margin-top:6px;}
#conteudo #principal #noticias .noticia{padding:5px; margin:5px -5px; cursor: pointer;}
/* lateral */
#conteudo #lateral{width:336px;	background-color:#b8b8b8; padding:15px 14px 25px; margin-top:-15px; float:right; color:#fff;}
#conteudo #lateral h1, #conteudo #lateral h3 a{color:#fff;}
#conteudo #lateral #contato p{color:#fff; font-size:14px; line-height:200%;}
#conteudo #lateral #destaque{margin-top:6px;}
#conteudo #lateral #destaque h2{font-size:14px; color:#fff;}
#conteudo #lateral #destaque p{font-size:12px; color:#fff;}

/* geral INTERNAS */
#conteudo #banner #resumo{float:left; width:345px; margin-top:30px; margin-bottom:36px;}
#conteudo #banner img{float:right; margin-top:30px; padding-bottom:37px;}
#conteudo #banner h1{font-size:24px; color:#fff;}
#conteudo #banner p{font-size:16px; color:#fff; line-height:135%; padding-top:5px;}

/* Sobre N�s */
/* esquerda */
#conteudo #esquerda{width:250px; float:left;}
#conteudo #esquerda img{padding-top:5px; padding:2px; margin-bottom:6px; border:1px solid #ccc;}
/* direita */
#conteudo #direita{width:562px; float:right;}
#conteudo #direita p{margin:5px 0 15px; font-size:14px; color:#666;}
#conteudo #direita h1{margin-top:5px;}

/* Servi�os */
/* servicos */
#conteudo #servicos{display:table; margin-right:-15px;}
#conteudo .servico{width:400px; height:164px; float:left; margin:-10px 20 5px -10px; padding:10px;}
#conteudo .servico img{float:left; margin-right:10px; padding:2px; border:1px solid #ccc;}
#conteudo .servico p{margin-top:12px; line-height:125%;}

/* Servi�o */
#servico img{float:left; margin-right:10px; padding:2px; border:1px solid #ccc;}
#servico p{margin-top:12px; line-height:125%;}

/* Not�cias */
/* noticia_principal */
#conteudo #noticia_principal{width:462px; float:left;}
#conteudo #noticia_principal h2{color:#CCC; font-size:52px; font-weight:normal; float:left; margin-right:10px;}
#conteudo #noticia_principal h3{color:#666; font-size:18px; font:Tahoma; text-align:left; margin-top:12px; width:310px; float:right;}
#conteudo #noticia_principal p{margin-bottom:10px;}
#conteudo #noticia_principal div{display:table; clear:both;}
#conteudo #noticia_principal div img{float:left; clear:left; margin-right:10px; padding:2px; border:1px solid #ccc;}
#conteudo #noticia_principal div p{color:#666;}
/* lateral */
#conteudo #lateral .noticia{float:left; margin:0 -5px; padding:10px 5px; width:100%; cursor: pointer;}
#conteudo #lateral .noticia h2{font-size:24px; font-weight:normal; color:#f1f1f1; float:left; margin-right:12px;}
#conteudo #lateral .noticia h3{font:Tahoma; font-size:14px; color:#f1f1f1; text-align:left; margin-top:2px;}
#conteudo #lateral .noticia p{clear:both; color:#fff; line-height:120%; font-weight:bolder;}

/* Not�cias Todas */
#conteudo #noticias .noticia{margin:-5px -5px 10px; padding:5px;}

/* Noticia */
#noticia img{float:left; margin-right:10px; padding:2px; border:1px solid #ccc;}
#noticia p{margin-top:12px; line-height:125%;}

/* V�deos */
/* video_principal */
#conteudo #video_principal{width:336px;	background-color:#b8b8b8; padding:15px 14px 25px; margin-top:-15px; float:left; color:#fff;}
#conteudo #video_principal h2{color:#f4f4f4; margin-bottom:14px;}
#conteudo #video_principal p{color:#fff; margin-top:10px;}
/* videos */
#conteudo #videos{width:465px; float:right;}
#conteudo #videos .video{width:435px; margin:0 10px 10px; padding:5px; display:table; border:1px solid #eaeaea;}
#conteudo #videos .video img{float:left; margin-right:20px; padding:2px; border:1px solid #ccc;}
#conteudo #videos .video h2{color:#666; margin-bottom:10px;}
#conteudo #videos .video p{color:#999; line-height:120%; font-weight:bolder; line-height:140%;}

/* Contato */
/* formulario */
#conteudo #formulario{width:458px; display:table; float:left;}
#conteudo #formulario p{display:table; width:100%; margin-bottom:20px;}
#conteudo #formulario p .form_item{width:390px; float:right; font-family:"Trebuchet MS", "Times New Roman"; font-size:16px; color:#666;}
#conteudo #formulario p textarea{width:100%; height:130px; float:right; font-family:"Trebuchet MS", "Times New Roman"; font-size:16px; color:#666; float:right;}
#conteudo #formulario p #enviar{float:right; width:auto; color:#333; padding:0 10px; text-align:center;}

/* Rodape */
#rodape{background-image:url(../images/rodape_bg.jpg); background-repeat:repeat-x; padding:15px 0; height:130px;}
#rodape .item{float:left; width:33%;}
#rodape p{text-align:center; font-size:11px; font-family:Arial, Tahoma, "Times New Roman"; line-height:160%; color:#fff;}
#rodape img{float:right; margin-top:4px;}
#rodape .menu{float:left; line-height:150%; margin-right:30px;}
#rodape ul{list-style:square; color:#fff; margin-left:10px;}
#rodape li a{color:#FFF; font-size:14px; font-family:Arial, Tahoma, "Times New Roman";}
