body{ background: url(../assets/bg-topo.png) top center no-repeat #f1f1f1; }
p { text-align: justify;}
.logo { margin:12px 0; }
#menuTopo{ height:43px; margin: 40px 0 0 20px; }
#menuTopo li{ list-style: none; float:left; text-indent: 0; font-weight: 500; margin:0; text-align: center; margin-left: 6px; }
#menuTopo li a{ text-decoration: none; height:35px; width: 100px; padding: 8px 0 0 0; font-size:18px; float:left; color:#FFF; line-height:27px; }
#menuTopo li a:hover, #menuTopo li.atual a { background: #FFF; color:#183152;}
#menuTopo li.produtos #subMenu h2{ float: left; height: 26px; padding: 0; margin: 0; }
#subMenu .col{ float:left; background: #FFF; width:192px; }
#menuTopo li.produtos #subMenu h2 a{ padding:3px 10px; width:160px; height:20px; float:left; font-weight: 500; font-size:14px; text-align: left; background: #305593; box-shadow: 0 0 10px #00396a; line-height:20px; color:#FFF; }
#menuTopo li.produtos.abrir a{ color:#183152; }
#menuTopo li.produtos #subMenu h2 a:hover{ color:#6ba0dc; }
#menuTopo li.produtos #subMenu ul{ margin: 0 0 6px 0; padding: 0; text-indent: 0; text-decoration: none; display: block; }
#menuTopo li.produtos #subMenu ul li{ margin: 0; padding: 0; text-indent: 0; text-decoration: none; list-style: none; display: block; float: left; width: 180px; text-align: left; }
#menuTopo li.produtos #subMenu ul li a{ color: #545454; text-shadow: 1px 1px 0 #FFF; text-decoration: none; font-size: 12px; margin: 0; padding: 4px 0 0 10px; width: 170px; background: #FFF; float: left; height:20px; line-height:15px; }
#menuTopo li.produtos #subMenu ul li a:hover{ color:#000; text-shadow: 1px 1px 0 #FFF; text-decoration: none; background: #f1f1f1; }
#subMenu{ background: #FFF; width:576px; visibility: hidden; position:absolute; margin-top:43px; margin-left:-160px; z-index: 1; float:left; padding-left:12px; border-bottom:2px solid #00396A; border-left:2px solid #00396A; border-right:2px solid #00396A; border-top:none; padding-top:10px; padding-bottom:10px; }
.abrir{ visibility: visible; }
#banners, #bannersTopo{ margin-top:0; height:268px; }
#menuLateral{ background: #FFF; }
#conteudo{ background: #FFF; }
#menuLateral h1{ height: 35px; padding:5px 0 0 44px; color:#FFF; font-weight: 400; font-size:26px; width:176px; background: url(../assets/bg-topo-menu-lateral.png) top left no-repeat; margin:18px 0 0 0; text-shadow: 1px 1px 0 #000; }
#menuLateral h2{ width:220px; margin:0; background: #305593; box-shadow: 0 0 10px #00396a; }
#menuLateral h2 a{ padding:5px 0 5px 20px; color:#FFF; font-weight: 400; font-size:15px; width:200px; text-decoration: none; display:block; }
#menuLateral h2 a:hover{ color:#6ba0dc; }
#menuLateral ul{ margin:0 0 6px 0; padding:0; text-indent: 0; text-decoration: none; display:block; }
#menuLateral ul li{ margin:0; padding:0; text-indent: 0; text-decoration: none; list-style: none; display:block; float:left; width:220px; }
#menuLateral ul li a{ color:#545454; text-shadow: 1px 1px 0 #FFF; text-decoration: none; font-size:12px; margin:0; padding:4px 0 4px 20px; width: 200px; background: #FFF; float:left; }
#menuLateral ul li a:hover{ color:#000; text-shadow: 1px 1px 0 #FFF; text-decoration: none; background: #f1f1f1; }
#produtosHome{ margin-top:18px; }
#pesquisaForm{ height:40px; margin-bottom:10px; background: #f1f1f1; -moz-box-shadow: inset 0 0 7px #cdcdcd; -webkit-box-shadow: inset 0 0 7px #cdcdcd; box-shadow: 0 0 7px #cdcdcd; }
#pesquisaForm #pesquisar{ width:153px; height:40px; color:#FFF; border:0; float:right; font-weight: 400; font-size:20px; text-shadow: 1px 1px 0 #000; margin:0; padding:0 0 0 33px; background: url(../assets/btn-pesquisa.png) top right no-repeat; position:relative; }
#pesquisaForm label.error{ background: rgb(145, 0, 0); position: relative; margin-top: 40px; float: left; padding: 6px; color: #FFF; width: 531px; }
#pesquisaForm #pesquisar:hover{ background: url(../assets/btn-pesquisa.png) bottom right no-repeat; }
#pesquisaForm #pesquisa{ border:0; padding:5px 0 5px 20px; height:30px; margin:0; width: 523px; color:#545454; font-size:18px; font-weight: 100; background: none; position:absolute; }
#pesquisaForm #pesquisa:focus, #pesquisaForm #pesquisar:focus { outline-style: none; }
#breadCrumbs{ height:40px; margin-bottom:10px; margin-top:0; background: #f1f1f1; -moz-box-shadow: inset 0 0 7px #cdcdcd; -webkit-box-shadow: inset 0 0 7px #cdcdcd; box-shadow: 0 0 7px #cdcdcd; }
#breadCrumbs h3.categoria{ font-weight:400; font-size:19px; margin-top:0; margin-left:0; padding-top:9px; padding-left:14px; padding-right:29px; float:left; background: url(../assets/bg-breadcrumbs.png) top right no-repeat; height:31px; }
#breadCrumbs h3.categoria a{ color:#5a5a5a; text-decoration: none; }
#breadCrumbs h3.categoria a:hover{ color:#7D7D7D; }
#breadCrumbs h4.subcategoria{ font-weight:500; font-size:19px; margin-top:0; margin-left:0; padding-top:9px; padding-left:8px; padding-right:29px; float:left; background: url(../assets/bg-breadcrumbs.png) top right no-repeat; height:31px; }
#breadCrumbs h4.subcategoria a{ color:#183152; text-decoration:none; }
#breadCrumbs h4.subcategoria a:hover{ color:#305593; }
#breadCrumbs h3 a{ text-decoration: none; }
.fotoProduto{ height:160px; width:220px; margin:0; float:left; background-position: center center; background-repeat: no-repeat; background-color: #FFF; }
.fotoProduto a{ height:170px; width:220px; }
.maisInfo{ background: url(../assets/bg-mais-info.png) top left no-repeat; height: 20px; margin:0; float:left; font-size:14px; width:165px; text-align:center; padding:3px 0 0 54px; margin-bottom:5px; }
.maisInfo a{ text-decoration: none; color:#FFF; }
.maisInfo a:hover{ color:#6BA0DC; }
h5.tituloProduto{ float:left; width:220px; font-weight: 300; font-size:16px; margin:0; line-height: 16px; }
h5.tituloProduto a{ color:#5c5c5c; text-decoration: none; }
h5.tituloProduto a:hover{ color:#183152; }
p.descrProd{ color:#5c5c5c; text-decoration: none; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:6px 0 0 0; float:left; width:220px; }
.separador{ border-top:1px dotted #7D7D7D; float:left; margin-top:13px; margin-bottom:13px; }
#rodape{ width:100%; height: 260px; background: url(../assets/bg-rodape.png) top center no-repeat; }
#rodape .logoDistribuidora{ margin-top:70px; margin-bottom:0; float:left; }
#rodape .logoClaroTV{ margin-top:80px; float:left; margin-bottom:35px; }
#rodape h2{ color:#FFF; font-weight: 400; font-size:26px; margin: 0; }
#rodape .borda { border-right: 1px solid #ffffff;}
#rodape p{ color:#FFF; font-weight: 300; font-size: 14px; line-height: 20px; margin-top: 0; }
#rodape p span{ color:#FFF; font-weight: 500; font-size: 16px; }
#rodape p.copyright{ text-align: center; font-size:12px; margin-top:10px; margin-bottom: 0; }
#empresa h1, #parceiros h1, #duvidas h1, #contato h1 { margin:10px 0 10px 0; color:#00396A; }
#duvidas h2{ color:#313131; margin:0; font-size:18px; line-height:20px; }
#duvidas p{ width:100%; color:#313131; text-align: justify; margin:0; 	font-size:12px; }
#empresa p{ color:#313131; text-align: justify; }
#empresa h3{ color:#545454; margin-bottom:0; }
#duvidas div.faq{ padding:10px 20px; width:100%; background: #FFF; margin:0 0 10px 0; }
#duvidas div.faq:hover{ background: #F2F2F2; -moz-box-shadow: inset 0 0 10px #CCC; -webkit-box-shadow: inset 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; }
.logoParceiro{ height:140px; margin-bottom:15px; background-position: center center; background-repeat: no-repeat; }
h1.nomeProduto{ color:#FFF; background: #00396A; padding:5px 10px; font-weight: 400; }
.fotoGrande{ background: #FFF; width:341px; float:left; }
.fotosPequenas{ background: #FFF; width:346px; float:right; }

.fotoPequena{
	background: #FFF;
	width:163px;
	height:123px;
	margin:0px 0px 10px 10px;
	float:left;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
}

h2.descricao{
	font-size:20px;
	font-weight: 400;
	color:#00396A;
}

.descr p{
	font-size: 12px;
	line-height: 18px;
	color:#545454;
	text-align: justify;
}


/* contato */

#formcontato{
	margin:0px 0px 0px 25px;
	width:388px;
	padding:0px;
	float:left;
}

#formcontato input,
#formcontato textarea,
#formcontato select{
	width: 278px;
	margin-bottom: 0px;
	margin-top:5px;
	border:#CCC solid 1px;
	height:40px;
	float:left;
	background: #FFF;

}

#formcontato textarea{
	width: 274px;
	height:110px;
	float:left;
}

#formcontato select {
    margin-top:9px;
    text-align:left;
    float:left;
    display:block;
    background-color:#FFF;
}

#formcontato .boxes{
	width: 1em;
}

#formcontato #submitbutton{
    font-size:11px;
    width: 80px;
    height:25px;
    background-color:#666;
    border:0;
    color:#FFF;
    padding:3px;
    line-height:18px;
    float:right;
    margin-bottom:10px;
}

#formcontato #submitbutton:hover{
    background-color:#093A7F;
}

#formcontato #clearbutton:hover{
    background-color:#011735;
}

#formcontato #clearbutton{
    font-size:11px;
    width: 80px;
    height:25px;
    background-color: #DDD;
    border:0;
    color:#FFF;
    padding:3px;
    line-height:18px;
    float:left;
    margin-left:218px;
    margin-right:10px;
}

#formcontato br{
	clear: left;
}

#formcontato label{
    float:left;
    display:block;
    clear:both;
    margin:10px 0 0 0;
    height:10px;
}

#formcontato label.contato{
    width: 105px;
	height: 34px;
	margin-top: 14px;
}

#formcontato label.error{
    color: #FFF;
    text-align:left;
    height:14px;
    line-height:12px;
    padding:3px 10px 3px 10px;
    font-weight: bold;
    display:block;
    float:left;
    background-color:#900;
    font-size:12px;
}

#formcontato label.error{
    margin-left:105px;
    width:260px;
    margin:0px 3px 0px 0px !important;
    float:right;
}

label {
	color:#666;
}

span.requerido {
	color:#00CCFF;
	font-size:12px;
	line-height:15px;
}

span.legenda{
	color:#C00;
	font-size:10px;
	line-height:15px;
	float:right;
	margin-right:10px;
}

/* erros */
label {
	width:20px;
	float: left;
}

.submit {
	margin-left: 12em;
}

em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}

input.error,
textarea.error{
	background:#FFD2D2;
	border:1px dotted #C00 !important;
}

.alerta{
	color:#990000;
	padding:20px;
	background: #DDDDDD;
	margin:50px auto;
	width:500px;
	font-size:24px;
	line-height: 30px;
}

.ok{
	padding:20px;
	background: #093A7F;
	color:#FFF;
	margin:50px auto;
	width:500px;
	font-size:24px;
	line-height: 30px;
}

#formcontato h2{
	color:#183152;
	font-weight: 700;
	font-size:16px;
	line-height:18px;
	margin:10px 0px 0px 0px;
}

#formcontato p{
	font-size:14px;
	line-height:16px;
	color:#545454;
}

#filiais h2{
	color:#011735;
	margin:0px;
	font-size: 16px;
	line-height:18px;
}
#filiais p{ font-size:12px; color:#313131; line-height: 14px; margin-bottom: 12px; }
.descr table{ border-color:#093A7F; border-style: solid; border-width: 1px; font-size: 12px; line-height: 18px; color:#545454; text-align: left; }
.descr table td{ padding:6px; border-left: 1px solid #093A7F; }
.descr table th{ background: #093A7F; color:#fff; padding:6px; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
tr:nth-child(odd) { background-color: #DFF1FF;}
.filial div img{ margin:3px 0px 8px 0px; }
.voltarTopo { margin:5px 5px 0px 0px; float:right; }