body {margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; z-index: 0;}

h1 {font-size: 18px;}
h2 {font-size: 16px;}

#breadCrumbs {float: left; width: 100%; padding: 3px; border-bottom: 1px solid #9999FF;}

#barra {position: absolute; top: 0px; left: 0px; width: 100%; height: 35px; display: block; background-color: #6666FF; border-bottom: 1px solid #000088; ; z-index: 5}
#barra p {font-weight: bold; font-size: 20px; margin-top: 8px; padding-left: 5px; color: #FFFFFF;}

#barra div {display: none;}
#barra:hover div {position: absolute; top: 35px; left: 0px; width: 100%; height: 350px; margin: 0px; display: block; background-image: url(/resources/images/bg.png); border-bottom: 1px solid #888888;  padding: 0px; z-index: 10; font-size: 12px; color: #000088;}
#barra:hover div a {color: #0000FF; text-decoration: none;}
#barra:hover div a:hover {text-decoration: underline;}

#barra div p {color: #888888; font-weight: normal; font-size: 20px; margin-top: 0px; padding-left: 0px;}

#barra a {color: #FFFFFF; text-decoration: none;}

#barra div table {margin-left: 30px; margin-top: 30px; width: 800 px; height: 200px;}
#barra div td {width: 250px;}



#content {position absolute; top: 35px; padding-top: 35px; width: 100%; display: block; z-index: 0;}

#footer {float: left; width: 100%; height: 35px; display: block; margin-top: 5px; background-color: #aaaaFF; border-top: 1px solid #000088; padding: 3px;}
#footer p {text-align: center; margin: 0px;}


#template1024 {float: left; width: 1000px;}
#template800 {float: left; width: 780px;}
#template100 {float: left; width: 100%;}

#temp1ProdGeral {width: 1000px; margin: auto;}
.temp1ProdTopo {float: left; width: 100%; text-align: center;}
.temp1Prod {float: left; width: 100%;}
.temp1Prod h1 {float: left; width: 100%; text-align: center; font-size: 16px; line-height: 30px;}

.temp1ProdImgGran {float: left; height: 300px; width: 390px; margin-right: 10px;}
.temp1ProdCont {float: left; width: 425px; margin-right: 10px;}
.temp1ProdColDir {float: right; width: 140px;}

#GoogleMaps {float: left; margin-top: 10px; size: 14px; font-weight: bold;}
#tempCats {float: left; padding: 20px; border-left: 1px solid #006699;}


/* Página Inicial */

#colEsq {float: left; width: 260px; font-size: 12px; color: #000088;}
#colEsq a {text-decoration: none;}
#colEsq a:hover {text-decoration: underline;}
#colEsq h1 {float: left; width: 90%; display: block; margin-left: 10%}

#emDestaque {float: left; width: 690px; padding-left: 30px; padding-top: 30px; border-left: 1px solid #006699;}
.destaque {float: left; width: 210px; padding: 5px; margin: 0 5px 5px 0; background-color: #EEEEEE; border: 1px solid #9999CC; height: 175px; font-color: #333388;}
.destaque p {margin: 0 0 5px 0; color: #222266;}
.destaque a {text-decoration: none;}

/* HotSite */

#hotSiteGeral {float: left; width: 905px;}
#hotSiteGeral h1 {text-align: right; margin-right: 100px; font-size: 26px;}
#hotSiteGeral h2 {font-size: 22px;}
#hotSiteGeral p {font-size: 18px;}
#barraEsqVerde {float: left; width: 54px; height: 1500px; display: block; background-color: #009D54; margin-right: 60px;}

.texto1 {float: left; width: 500px; margin-right: 60px;}
.images {float: right; width: 200px; text-align: center; }
.textoHalf1, .textoHalf2 {float: left; margin: 5px;}
.smallText {size: 12px;}
.textoHalf1 {width: 369px; }
.textoHalf2 {width: 389px; border-left: 1px solid #CCCCCC; padding-left: 10px;}
.wideText {float: left; width: 790px;}

#hotSiteGeralForm {float: left; width: 500px;}
.hotSiteInputs {float: left; width: 100px; line-height: 25px;}
.hotSiteTextArea {float: left; width: 490px; height: 150px;}

/*tabela*/
#tabela             { width:535px; padding:0; margin:0; text-align:center; font-weight:bold; float:left;}
#tabela td          { width:50px; height:25px; font:9px Verdana; color:#000; font-weight: bold;}
#tabela a           { padding:0; text-decoration:none; color:#000;}
#tabela a:hover     { color:#57AA48;}
#tabela .plano      { width:50px; height:25px; background: url(/resources/images/dcm-net/bkg-velocidade-grande.jpg) no-repeat center;}
#tabela .plano-hd   { width:150px; height:25px; background: url(/resources/images/dcm-net/bkg-plano-hd.jpg) no-repeat center;}
#tabela .normal     { width:50px; background:url(/resources/images/dcm-net/bkg-velocidade.jpg) no-repeat center;}
#tabela .vermelho   { background:url(/resources/images/dcm-net/bkg-vermelho.jpg) no-repeat center; color:#fff;}
#tabela .azul       { background:url(/resources/images/dcm-net/bkg-azul.jpg) no-repeat center; color:#fff;}
#tabela .laranja    { background:url(/resources/images/dcm-net/bkg-laranja.jpg) no-repeat center; color:#fff;}
#tabela .roxo       { width:50px; background:url(/resources/images/dcm-net/bkg-roxo.jpg) no-repeat center; color:#fff;}
#tabela .verde      { width:50px; background:url(/resources/images/dcm-net/bkg-verde-florescente.jpg) no-repeat center; color:#fff;}
#tabela .verde-2    { background:url(/resources/images/dcm-net/bkg-verde-florescente.jpg) no-repeat center; color:#fff;}      
#tabela .marrom     { background:url(/resources/images/dcm-net/bkg-marrom.jpg) no-repeat center; color:#fff;}
#tabela .velocidade { width: 50px; background:url(/resources/images/dcm-net/bkg-verde-2.jpg) no-repeat center; color:#fff;}