/*************************************************************
Pub Web - Midia Digital Ltda
Fone: (34) 3212-5068
E-mail: contato@pubweb.com.br | MSN: suporte@pubweb.com.br
Uberlandia-MG - www.pubweb.com.br

CSS por: Carlos Peixoto
*************************************************************/

/****************************************
	PADRAO
****************************************/

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none; color:#333;}
body {background-image:url(../../img/fundo.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

h1 { font-size:24px;  font-weight:normal; margin-top:20px;}
h2 {font-size:18px;  font-weight:normal; margin-top:10px;}
h3 {}
p { color:#777; }
strong { color:#777;}
font { color:#777;}
a {}
a:hover {}

.clear {clear:both;}
.bt {}

input,textarea,select { border:1px solid #cccccc;}
form dt {clear:both; width:70px; float:left; text-align:right;}
form dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}

/****************************************
	TOPO
****************************************/

#topo {width:932px; margin:0 auto;}
.topo_logo {float:left;}
.topo_flash {float:left; width:686px; height:225px; background-image:url(../../img/topo_flash.jpg);}

/****************************************
	TOPO MENU E DATA
****************************************/

.topo_menu {width:932px; height:61px; background-image:url(../../img/menu_fundo.jpg); position:relative; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.menu li a {color:#FFFFFF; font-size:13px;}
.menu li a:hover {color:#e6c319;}
.menu li {display:inline;}
.menu {position:absolute; left:350px; top:18px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.menu01 {}
.menu02 {padding-left:55px;}
.menu03 {padding-left:59px;}
.menu04 {padding-left:59px;}
.menu05 {padding-left:55px;}

.menu_data {position:absolute; font-size:11px; color:#9b9b9b; top:19px; left:20px;}

/****************************************
	CONTENT
****************************************/

#content {width:925px; margin:0 auto;}

/********** MAIN **********/

.main_3coluns {width:925px; height:144px; background-image:url(../../img/main_3coluns.jpg); margin-bottom:5px; position:relative;}

	/***** o que fazemos *****/
	.oquefazemos {position:absolute; left:0; top:0; width:305px; height:143px;}
	.oquefazemos p {color:#FFFFFF; position:absolute; top:97px; left:10px; width:200px; font-size:13px;}
	.oquefazemos .btalign {position:absolute; top:105px; left:197px;}
	
	/***** npe *****/
	.npe {position:absolute; left:310px; top:0; width:305px; height:143px;}
	.npe p.npe_titulo {color:#FFFFFF; font-size:12px; position:absolute; top:35px; left:130px;}
	.npe p.npe_txt {color:#666666; font-size:13px; width:150px; position:absolute; top:97px; left:10px;}
	.npe .btalign {position:absolute; top:105px; left:177px;}
	
	/***** cases *****/
	.cases {position:absolute; left:620px; top:0; width:305px; height:143px;}
	.cases p.cases_titulo {color:#FFFFFF; font-weight:bold; position:absolute; top:35px; left:120px; width:175px; text-align:center;}
	.cases p.cases_txt {color:#FFFFFF; position:absolute; top:77px; left:10px; width:200px;}
	.cases .btalign {position:absolute; top:105px; left:210px;}
	
	
.main_2coluns {width:925px; height:245px; background-image:url(../../img/main_2coluns.jpg); position:relative;}

	/***** lancamentos e novidades *****/
	.lancamentosenovidades {width:615px; height:245px; position:absolute; left:0; top:0;}
	.lancamentosenovidades .l_img {width:153px; height:auto; border:1px solid #f1f1f1; position:absolute; left:10px; top:85px;}
	.lancamentosenovidades .l_titulo {position:absolute; left:175px; top:85px; font-weight:bold; color:#454545; width:400px; line-height:17px;}
	.lancamentosenovidades .l_txt {position:absolute; left:175px; top:140px; color:#454545; width:400px; line-height:17px;}
	.lancamentosenovidades .btalign {position:absolute; left:175px; top:210px;}
	
	/***** clientes e parceiros *****/
	.clienteseparceiros {position:absolute; left:650px; top:100px;}

/****************************************
	RODAPE
****************************************/

#rodape {width:920px; height:55px; background-image:url(../../img/rodape_fundo.jpg); background-repeat:repeat; margin:5px auto auto auto; position:relative;  -moz-border-radius:5px; -webkit-border-radius:5px;}
#rodape a {color:#FFFFFF;}
#rodape a:hover {text-decoration:underline;}
#rodape h2 {color:#FFFFFF; font-size:14px; font-weight:normal; position:absolute; left:20px; top:5px;}
#rodape p {color:#FFFFFF; font-size:12px; position:absolute; left:20px; top:34px;}

#pubweb {width:932px; margin:10px auto 20px auto; text-align:right; padding-bottom:10px;}