body{background:url(../img/bg.jpg) repeat-x #325283; font-family:Verdana;}
a{color:#FFFFFF; text-decoration:none;}
p{color:#FFF; font-size:11px; line-height:16px; margin:10px;}
h1{background-color:#007FC6; color:#FFFFFF; font-family:Georgia; font-size:20px; font-weight:normal; padding:7px 20px 7px 20px; width:auto;}
h2{color:#FFF; font-size:22px; font-weight:normal;}
h3{color:#B9FFFF; font:italic normal 17px Georgia ;}
input, textarea, select{background:none; border:none;}
.clear{ clear:both;}
.left{float:left;}
.right{float:right;}
.moldura{background-color:#C6EAFF; padding:5px;}
.teste{ border:1px dashed #FF0000;}
.bg_sombra{background:url(../img/sombra.png) no-repeat; }
/*

	GERAL

*/
#container { margin:0 auto; position:relative; text-align:center; width:900px;  }
#topo { height:95px;}
#geral{ margin:0 auto; text-align:center; width:100%;}
.botao{background-color:#007FC6; color:#FFFFFF; font-size:11px; padding:7px 20px 7px 20px;}
.sombra{ -moz-box-shadow: 2px 2px 4px #0F2037; -webkit-box-shadow: 2px 2px 4px #0F2037; box-shadow: 2px 2px 4px #0F2037}
#contato { font-size:13px; height:49px;}
#contato li{ float:right; } 
#contato #email { color:#C2D7DE; padding-top:13px;  width:180px; }
#contato #telefone { background:url(../img/telefone.png) no-repeat; color:#ECE9D8; height:25px; padding:10px 0 0 40px; text-align:left; width:200px;  }
#contato #telefone span.maior { font-size:16px;  }
#menu { font-family:"Georgia"; font-size:22px; height:57px; margin-left:50px; width:800px;  margin-top:180px; font-weight:"normal"; font-style:italic; }
#menu li { background:url(../img/bg_aba_selectedxxx.png) no-repeat; float:right; height:37px; margin-right:0px; padding-top:10px; width:150px; }
#menu li:hover{ background:url(../img/bg_aba_hoverxxx.png) no-repeat;}
#menu li.selected { background:url(../img/bg_aba_selected.png) no-repeat; }
#logo {}
#logo:after{content:"."; display:block; visibility:hidden; height:0; overflow:hidden;}
#logo h1{background:none; }
#logo h1 a{background:url(../img/logo.png); position:absolute; width:330px; height:196px; top:51px; left:3px; text-indent:-2000px; overflow:hidden;}
#conteudo { background-image:url(../img/sombra_conteudo.png); background-repeat:no-repeat; width:940px; }
#conteudo:after{clear:both; content:"."; display:block; visibility:hidden; height:0; overflow:hidden;}
#rodape { clear:both; font-size:10px; margin-top:30px;  }
#coluna_direita{float:right; height:auto; margin:90px 90px 20px 0; width:410px;}
#coluna_esquerda{ float:left; margin-top:250px; padding:20px 0 0 40px; text-align:left; width:350px;}
#coluna_esquerda h2{ color:#B8FFFF; font-family:Georgia; font-size:17px; font-style:italic;}
#coluna_esquerda p{ margin:15px 0 15px 0;}
/*

	HOME

*/
#ultimas_noticias{ background:url(../img/sombra.png) no-repeat left 20px; float:left; min-height:320px; margin-top:240px; width:410px;}
#ultimas_noticias ul{  margin:0 0 0 35px; text-align:left; width:360px;}
#ultimas_noticias li{ border-top:1px dotted #A8C1E3; margin-top:20px;}
#ultimas_noticias li.primeiro{ border:none;}
#ultimas_noticias a:hover{color:#D9F1FF}
#ultimas_noticias .data{ font-size:14px; font-weight:bold;}
#ultimas_noticias .chamada{ font-size:11px;}
#ultimas_noticias .botao{ float:left; margin:15px 0 0 40px;}
#frase_bill{ float:right; background:url(../img/frase_bill.png) no-repeat left top; height:73px; width:508px;}

/*

	PRODUTOS

*/
#pag_produtos{}
#pag_produtos #mensagem{background:url(../img/mensagem.png) no-repeat left top; float:right; height:185px; margin:90px 90px 20px 0; width:410px;}
#lista_produtos{color:#C6EAFF; clear:both; text-align:left;}
#lista_produtos li{ float:left; height:210px; width:420px;}
#lista_produtos img{ float:left; margin-right:10px;}
#lista_produtos p{color:#C6EAFF; font-size:11px; margin-bottom:20px; }
#info{ float:right; margin:15px 20px 0 0; text-align:left; width:400px;}
#info h2{ font-size:30px; margin-bottom:20px;}
#info p{ margin-left:0;}
#produto_destacado{background:url(../img/sombra.png) no-repeat left 20px; float:left; margin-top:-30px; padding:40px 0 0 40px; position:relative; width:420px;}
#produto_destacado:after{clear:both; content:"."; display:block; visibility:hidden; height:0; overflow:hidden;}
#produto_destacado .botao{ position:absolute; font-size:14px; left:70px; top:3px;}
#btn_orcamento{background:url(../img/btn_orcamento.png) no-repeat left top; cursor:pointer; float:right; height:45px; margin:10px 4px 0; width:220px;}
#btn_orcamento:hover{ background-position:left bottom;}
/*

	CONTATO

*/
#pag_contato #localizacao{float:right; height:auto; margin:50px 90px 20px 0; width:410px;}
#pag_contato #formulario{ float:left;padding:20px 0 0 40px; text-align:left; width:350px;}
#formulario .campo{ background-color:#FFF; height:17px; margin-bottom:10px; padding:10px; text-align:left; width:320px;}
#formulario .campo.mensagem{ height:75px;}
.campo label, .campo input, .campo textarea, .campo select{ color:#284671; font-family:Verdana; font-size:13px;}
.campo input{ width:250px;}
.campo select{ width:320px;}
.campo #mensagem{ height:60px; margin-top:5px; width:320px;}
#formulario h2{ color:#B8FFFF; font-family:Georgia; font-size:17px; font-style:italic;}
#formulario p{ margin:15px 0 15px 0;}
#formulario #enviar{background:url(../img/btn_enviar.png) no-repeat left top; cursor:pointer; float:right; height:36px; margin-right:10px; width:115px;}
#formulario #enviar:hover{ background-position:left bottom;}
#localizacao #mapa{background:url(../img/localizacao.png) no-repeat left top; height:350px; padding:68px 0 0 2px; width:392px;  }
#localizacao #info{ color:#FFFFFF; margin:0 0 0 20px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*

	QUEM SOMOS || TECNOLOGIA

*/
#pag_quem_somos #coluna_direita #destaque{background:url(../img/empresa.png) no-repeat left top; height:auto; padding:68px 0 0 2px; width:392px;  }
#pag_tecnologia #coluna_direita #destaque{background:url(../img/tecnologia.png) no-repeat left top; height:auto; padding:68px 0 0 2px; width:392px;  }
#pag_quem_somos #coluna_direita img,
#pag_tecnologia #coluna_direita img{background:url(../img/sombra_baixo.png) no-repeat left bottom; padding-bottom:40px;}
#pag_quem_somos #coluna_direita img#segunda_imagem,
#pag_tecnologia #coluna_direita img#segunda_imagem{ margin-left:-15px; }

/*

	PROTIFOLIO

*/
#site{ width:830px; height:auto; margin-left:5px;}

#site ul{ display:inline; margin:30px;  float:left; list-style:none; }

#site ul li{  width:370px; background-color:#CCCCCC; height:200px; margin:20px; float:left;
}