/* GERAL  */
* {	margin: 0px; padding: 0px; vertical-align: middle;}
body { font-family: Arial, Verdana, sans-serif; color: #333333; background: url(imagens/fd_body2.jpg) repeat-x center 120px #EEEEEE; }
h1 { text-indent: -9999px;}	
h2 { font-size: 1.2em; color: #000000; background: url(imagens/setap.gif) no-repeat left 1px; padding-left: 23px;margin-top: 15px;margin-bottom: 2px;}
h3 { font-size: 1em; margin-top: 15px; background: url(imagens/seta.gif) no-repeat left center; padding-left: 12px; margin-bottom: 2px; color: #000000;}
#geral { width: 720px; margin-right: auto; margin-left: auto;}
.semborda { border-style: none;}


/* TOPO */
#topo { height: 120px; width: 100%;	background: url(imagens/fd_topo.jpg) repeat-x; border-bottom: 2px solid #CC0000;}
#topo .logo { width: 700px; margin: 11px auto; height: 22px; background: url(imagens/logo.gif) no-repeat; display: block;}


/* MENU */
#menu { height: 30px;}
#menu ul { margin-right: auto; margin-left: auto; color: #666666; text-align: center;}
#menu li { display: inline; list-style-type: none;}
#menu li a { font-size: 0.8em; line-height: 30px; margin-left: 5px; margin-right: 10px; font-weight: bold; text-decoration: none; color: #000000;}
#menu li a:hover { color: #FFFFFF; text-decoration: none;}
#menu .visit { text-decoration: underline; color: #333333;}


/* RODAPE */
#rodape { height: 100px; clear: both; width: 100%; background: url(imagens/fd_rodape.jpg) repeat-x;}
#rodape p { font-size: 0.7em; color: #CCCCCC; text-align: center; padding-top: 25px; margin-top: 0px; _margin-top: 15px;} /* for ie */


/* PRINCIPAL */
#principal { height: 550px; padding: 10px;}
#principal p { font-size: 0.74em; text-align: justify; margin-bottom: 5px; margin-top: 2px;	margin-left: 0px;}
#principal a {	color: #006699;}
#principal a:hover { color: #000000;}
#principal .colEsq { width: 420px; float: left;}
#principal .colCheia { width: 630px; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; clear: both;}
#principal .bannertv { background: url(imagens/tv.gif) no-repeat center center; height: 222px; width: 260px; display: block; position: relative; margin-left: 435px; margin-top: -5px;}
#principal .banner {
	height: 100px;
	margin-bottom: 10px;
	margin-top: 0px;
	border: 1px solid #000000;
}


/* QUEM SOMOS 
#quem {	float: left; padding: 10px; height: 540px; width: 700px;}
#quem p { font-size: 0.8em; margin-bottom: 5px; margin-left: 13px; text-align: justify;}
#quem .banner { height: 100px; margin-bottom: 10px; margin-top: 0px; background-color: #FFFFFF;}
*/


/* PRODUTOS */
#produtos { float: left; padding: 10px; height: 540px; width: 700px;}
#produtos p { font-size: 0.8em; margin-bottom: 5px; margin-left: 13px; margin-top: 2px; text-align: justify;}
#produtos .banner { height: 100px; margin-bottom: 10px; margin-top: 0px; background-color: #FFFFFF; background-image: url(imagens/bn_produtos.jpg); border: 1px solid #FFFFFF;}


/* PAGINA CONTATO */
#contato { float: left; padding: 10px; height: 540px; width: 700px;}
#contato p { font-size: 0.8em; margin-left: 13px; text-align: justify;}
#contato a { font-size: 0.8em; margin-left: 13px;  color: #006699;}
#contato a:hover { color: #000000;}
#contato .dados { float: right; width: 320px; margin: 10px;}

#formulario { float: left; width: 350px;}
#formulario fieldset { border: 1px double #FFF;	margin: 10px; padding: 5px;}
#formulario legend { font-size: 0.8em; margin-left: 10px;}
#formulario label { font-size: 0.75em; margin: 5px; width: 70px; _width: 67px; display: block; float: left;}/* for ie */
#formulario input, textarea, select  { margin: 5px;}


/* PROJETOS */
#projetos { float: left; padding: 10px; height: 710px;}
#projetos p { font-size: 0.8em; margin-bottom: 5px; margin-top: 2px; margin-left: 13px;}
#projetos .banner { height: 100px; margin-bottom: 10px; margin-top: 0px; background: #FFFFFF url(imagens/bn_projetos.jpg) no-repeat;	border: 1px solid #FFFFFF;}
.galeria { margin-right: auto; margin-left: auto; padding: 0px; margin-top: 0px; margin-bottom: 0px; height: 220px;}
.galeria li { height: 50px; width: 50px; display: inline; padding: 5px; margin: 5px; float: left; list-style-type: none; background-color: #FFFFFF;}
.galeria img { border-style: none;}


/* VANTAGENS */
#vantagens { float: left;	padding: 10px; height: auto;}
#vantagens p { font-size: 0.8em; margin-bottom: 5px; margin-left: 13px; margin-top: 2px; text-align: justify;}
#vantagens h4 {	font-size: 0.8em; margin-bottom: -2px; margin-left: 13px; margin-top: 12px; color: #000000;}
#vantagens a { color: #006699;}
#vantagens a:hover { color: #000000;}
#vantagens li { font-size: 0.7em; margin-left: 30px; list-style-position: inside; list-style-type: square; margin-top: 2px;}
#vantagens .conte { float: left; width: 695px;}
#vantagens .textosmaior { width: 480px; float: left; padding-right: 33px; padding-bottom: 10px;	background: url(imagens/fd_barra.jpg) repeat-y right; height: 960px;}
#vantagens .banner { width: 165px; float: right; padding: 10px; background-color: #FFFFFF; height: 950px;}


/* TV DE PLASMA */
#tv { float: left; padding: 10px; width: 700px; height: auto;}
#tv p { font-size: 0.7em; margin-bottom: 5px; margin-left: 10px; text-align: justify;}
#tv h4 { color: #000000; margin-left: 10px; margin-top: 10px; margin-bottom: -2px;}
#tv a { color: #006699;}
#tv a:hover { color: #000000;}
#tv .banner { width: 190px; float: left; height: 600px; padding: 10px; background: url(imagens/bn_rental.jpg) no-repeat center 270px;}

.voltar { background: url(imagens/s_v.gif) no-repeat left center; font-size: 0.8em; font-weight: bold; padding-left: 18px; margin-top: 20px; margin-bottom: 30px; margin-left: 130px;}
.fotogrande { width: auto; background-color: #FFFFFF; text-align: center; margin-left: 10px; margin-bottom: 15px;}

.categoria { width: 450px; height: auto; float: left; position: relative; background: url(imagens/fd_barra.jpg) repeat-y left; padding: 0px 10px 10px 20px;}
.categoria dl { font-weight: bold; padding-left: 10px; margin-top: 10px; margin-bottom: 10px;}
.categoria dl dt { float: left; clear: both; width: 190px; font-size: 0.7em; font-weight: normal; background-color: #FFFFFF; padding: 2px 0px 2px 10px; margin-top: 2px;}
.categoria dl dd { font-size: 0.7em; font-weight: normal; text-align: right; background-color: #FFFFFF; margin-top: 2px; margin-left: 200px; padding: 2px 10px 2px 0px;}
dl .primeiro { margin-top: 0;}

.box { height: 160px;}
.box img { border-style: none;}
.box .foto { height: 150px; width: 150px; float: left; background-color: #FFFFFF; padding-left: 5px;}
.box .descrPeq { height: 150px; float: left; width: 275px; background-color: #FFFFFF; padding-right: 10px; padding-left: 10px;}