* { margin: 0; padding: 0; }
body { background: #223a5c url(../imagens/bg.jpg) repeat-x; color: #fff; font: 12px arial, helvetica, sans-serif; text-align: center; }
p { margin-bottom: 10px; }
a { color: #a8c3d9; text-decoration: none; }
a:hover,
a:active,
a.active { color: #fc0; }
img { border: none; }
small { font-size: 90%; }
big { font-size: 110%; }
/***************************************************************/
div#layout { background-image: url(../imagens/layout.jpg); margin: 0 auto; padding: 12px 24px 0px 24px; text-align: left !important; width: 722px; }
div#header { background: url(../imagens/header.jpg) no-repeat; height: 126px; text-indent: -9999px; }
div#container { background: url(../imagens/container.jpg) repeat-y; margin: 0; margin-top:15px; width: 722px; }
div#sidebar { float: left; padding-bottom: 12px; width: 144px; }
div#content { float: right; padding-bottom: 12px; width: 564px; }
div#footer { background: #0d1b35; clear: both; margin: 0 -15px; padding: 3px 5px; zoom: 1; position:relative; height:25px;}
/***************************************************************/
div#parceiros { background: url(../imagens/bg-parceiros.jpg) no-repeat; float: right; height: 180px; margin: 0 0 15px 15px; padding: 9px; width: 153px; }
div#destaques { background: url(../imagens/bg-destaques.jpg) no-repeat; margin-top:50px; height: 150px; padding: 6px 0 0 9px; width: 547px; }
div#box-1st,
div#box-2nd,
div#box-3rd { float: left; height: 81px; margin-right: 9px; padding: 13px 0; position: relative; text-align: center; width: 177px; }
div#box-1st { background: url(../imagens/destaques-1st.jpg) no-repeat; width: 175px; }
div#box-2nd { background: url(../imagens/destaques-2nd.jpg) no-repeat; }
div#box-3rd { background: url(../imagens/destaques-3rd.jpg) no-repeat; margin: 0; }
div#fotos, div#links, div#ctl00_ContentPlaceHolder1_linkscatalogocores { background: url(../imagens/icon-reddot.jpg) 0 3px no-repeat; }
div#contact { clear: both; margin: 0 auto; width: 500px; }
/***************************************************************/
div.informacoes { float: left; font-size: 10px; margin-right: 15px; width: 170px; }
/***************************************************************/
ul { list-style-type: none; }
/***************************************************************/
div#sidebar ul li { background: #1f304b url(../imagens/icon-main.jpg) 7px center no-repeat; border-bottom: 2px solid #0d1b35; padding: 3px 5px 3px 20px; }
div#sidebar ul#alucofacil li {background:#394761; font-size:11px; border-bottom: 0px solid #0d1b35; padding: 3px 5px 3px 20px;}
div#sidebar ul li.down { background: #1f304b url(../imagens/icon-sub.jpg) 7px center no-repeat; border-bottom: 1px solid #0d1b35; }
div#sidebar ul li.sub { background: #394761 url(../imagens/icon-arrow.jpg) 10px center no-repeat; border-bottom: 1px solid #0d1b35; padding: 2px 4px 2px 20px; }
div#parceiros ul li { background: url(../imagens/icon-cube.jpg) left center no-repeat; font-size: 10px; padding: 3px 5px 3px 15px; }
div#links li { background: url(../imagens/icon-links.jpg) left center no-repeat; font-size: 10px; padding: 3px 5px 3px 15px; }
/***************************************************************/
div#sidebar ul li.sub a { color: #fff; font-size: 10px; }
div#sidebar ul li.sub a:hover,
div#sidebar ul li.sub a:active { color: #ccc; }
div#sidebar a.home,
div#sidebar a.contact { border-bottom: 1px solid #60697a; border-top: 1px solid #60697a; display: block; float: left; height: 50px; text-indent: -9999px; width: 71px; }
div#sidebar a.home { background: url(../imagens/home.jpg) no-repeat; border-right: 1px solid #60697a; }
div#sidebar a.contact { background: url(../imagens/contact.jpg) no-repeat; border-left: 1px solid #60697a; }
div#destaques a.vermais { background: url(../imagens/bg-vermais.jpg) no-repeat; display: block; height: 58px; position: absolute; right: 5px; text-indent: -9999px; top: 15px; width: 13px; }
div.informacoes a,
div.informacoes a:hover,
div.informacoes a:active,
div.informacoes a.active,
div#parceiros a,
div#parceiros a:hover,
div#parceiros a:active,
div#parceiros a.active { text-decoration:underline }
/***************************************************************/
div#sidebar h2 { background: #0d1b35 url(../imagens/icon-navigator.jpg) 7px center no-repeat; border-top: 3px solid #c70101; font: bold 13px arial, helvetica, sans-serif; padding: 5px 5px 5px 25px; }
div#content h2 { color: #b0c0e1; font: bold 15px arial, helvetica, sans-serif; margin-bottom: 12px; }
div#parceiros h2 { background: url(../imagens/icon-parceiros.jpg) right no-repeat; color: #fff; font: bold 15px arial, helvetica, sans-serif; padding-left: 20px; }
div#destaques h2 { background: url(../imagens/icon-destaques.jpg) 98px center no-repeat; color: #fff; font: bold 15px arial, helvetica, sans-serif; padding-left: 10px; }
div#informacoes h2 { background: url(../imagens/icon-informacoes.jpg) no-repeat; padding-top: 60px; }
div#fotos h2, div#links h2 { color: #fff; background: url(../imagens/icon-fotos.jpg) 68px center no-repeat; padding-left: 18px; }
div#links h2 { color: #fff; background: url(../imagens/icon-fotos.jpg) 165px center no-repeat; padding-left: 18px; }
div#ctl00_ContentPlaceHolder1_linkscatalogocores h2 { color: #fff; background: url(../imagens/icon-fotos.jpg) 235px center no-repeat; padding-left: 18px; }
/***************************************************************/
div#contact div#form { background: #8fa8b6; padding: 2px; }
label { background: #628397; display: block; font-weight: bold; margin: 5px 0; padding: 2px; }
.select { background: #0d1b35; border: 1px solid #96a5bc; color: #fff; font: 11px arial, helvetica, sans-serif; width: 99%; }
.text { background: #fff; border: 1px solid #68899d; color: #003; font: 11px arial, helvetica, sans-serif; padding: 2px; }
div#contact textarea { height: 75px !important; }
.button { background: #21324e; border: 1px solid #b1c2cd; color: #bac9d1; font: 11px arial, helvetica, sans-serif; }
.short { width: 49.5%; }
.long { width: 98.5%; }
/***************************************************************/
span.red { color: #e60000; }
span.white { color: #fff; }
div#contact p { background: #628397; border: 1px dotted #6d8c9e; font-weight: bold; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
/* EOF */