/*** GERAL ***/
html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content-in, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content-out {padding-bottom:212px; background:url(../pics/bg-contant_out.jpg) repeat-x top;}
#content-in {padding-bottom:20px;}

/*** HEADER ***/
#header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x;}
#header-in {height:277px; background:url(../pics/bg-header_in-2.jpg) no-repeat top;}

#buscar {position:absolute; width:214px; height:23px; right:20px; top:12px;}
#bg-busca {float:left; width:183px; height:23px; background:url(../pics/bg-busca.jpg) no-repeat;}

#mapa-site {background:url(../pics/mapa.jpg) no-repeat; margin:-20px 0 0 44px;position:absolute; }
#mapa-site a{color:#ee4d0d; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:30px;margin-top:50px;}
#mapa-site a:hover {text-decoration:underline}

#atendimento {padding:2px 0 0 15px;position:absolute;width:120px;height:21px;right:100px;top:2px; text-align:right;}
#trabalhe{padding:2px 0 0 15px;position:absolute;width:120px;height:21px;right:100px;top:25px; text-align:right;}
#atendimento img, #trabalhe img{float:left;}
#atendimento a, #trabalhe a{color:#ee4d0d; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; margin-left:5px;}
#atendimento a:hover, #trabalhe a:hover {text-decoration:underline}

/*** Song ***/
#song {padding:2px 0 0 600px; position:absolute; width:180px; height:23px; right:-110px; top:2px;}

/*** MAINCONTENT GERAL ***/
#sidebar, #mainContent, #promnot, #promo, #not, #uvifrios, #banners, #novaloja, #parceiros {float:left; display:inline;}

#mainContent {width:731px; padding-top:53px;}

/* home */
div.caixa {position:relative; width:235px; height:255px; float:left; display:inline; 
background:url(../pics/bg-caixa.jpg) no-repeat bottom right;}

#caixa01 {}
#caixa02 {margin:0 13px}
#caixa03 {}

#caixa01 p.chamada a, #caixa02 p.chamada a, #caixa03 p.chamada a {color:#383838;}

.h1-fora {height:45px;}

div.saibamais {position:absolute; bottom:0; text-align:center; width:235px; height:22px; font:normal 11px arial; color:#fff;}
#saibamais01 {background:#e90000;}
#saibamais02 {background:#4690bd;}
#saibamais03 {background:#86ae48;}

#promnot {width:731px; height:190px; margin-top:20px; border-bottom:1px solid #c5c5c5;}
#banner {width:731px; height:190px; margin:490px 0 20px 0; border-bottom:1px solid #c5c5c5;}
#promo {width:355px; height:182px; padding-right:10px;}
#not {position:relative; width:355px; height:182px; border-left:1px solid #c5c5c5; padding-left:10px;}
#not-saibamais {position:absolute; right:0; bottom:0;}

.h1-fora02 {height:38px;}

#uvifrios {width:731px; height:229px; margin-top:15px;}
#banners {width:484px;height:229px;  margin-right:12px;}
.h1-fora03 {height:42px;}
#novaloja {width:223px; height:229px; padding-left:12px; background:url(../pics/bg-novaloja.jpg) no-repeat left;}
.h1-fora04 {height:70px; margin-top:5px;}

.h1-fora05 {width:731px; height:25px; border-bottom:1px solid #a3a3a3; margin-top:20px;}

/* internas */

/* TOPBAR */
#topbar {position:relative; top:67px; left:233px; background: url(../pics/temp-flash.jpg) no-repeat;  width:745px; height:249px; padding: 3px 0 0 10px;}
div.lista-topbar #ani-imagens {position:absolute; width:730px; height:249px; top:0px; left:0px;}
#topbar #ani-nav {width: 686px; height: 29px; background:url(../pics/bg-topbar.png) no-repeat; position:absolute; bottom:9px; margin-left: -3px; text-align:right; padding:5px 50px 0 25px; z-index:9;}
#topbar #ani-nav div.num a{font:normal 10px arial; padding:5px 6px; color:#FFF; margin:0 3px;}
#topbar #ani-nav div.num a.activeSlide {background:#000; padding:2px 6px;}
div.lista-topbar {width: 742px; height: 237px; overflow:hidden; position:relative;}

/* formulário de contato */
#formulario {width:320px; margin:0 auto;}

#formulario p {text-align:center; margin-left:65px; padding:0;} 

div#formulario fieldset {width:320px;}

div#formulario fieldset label {float:left; display:block; height:25px; line-height:25px; width:65px; padding-right:5px; text-align:right; font:normal 12px arial; cursor:pointer; padding-top:5px; color:#383838;}

div.contato input, div.textare textarea {background:#F2F2F2;border: 1px solid #eeecec;font: 11px arial;}

div.contato input {width:234px;  padding: 6px; background:}

div.textare textarea {width:230px; height:68px; padding:8px; overflow:auto;}

div.contato, div.textare {width:250px; float:left;}

div.contato {height:28px; background:url(../pics/bg-contato_field.jpg) no-repeat; margin-bottom:3px;}

div.contato #recipient {background:#F2F2F2;border: 1px solid #EEECEC;font-size: 13px;height: 28px;padding: 3px 0 0;width: 250px;}

div.textare {height:85px; background:url(../pics/bg-contato_texta.jpg) no-repeat;}

div.bt-enviar {float:right; display:inline; margin-top:10px;}

div.bt-enviar input {width:54px; height:21px; border:none; cursor:pointer; background:url(../pics/bt-enviar.jpg) no-repeat;}

/*** SIDEBAR ***/
#sidebar {width:200px; margin:22px 15px 0 0; padding:0 15px 0 21px;
 background:url(../pics/bg-sidebar.jpg) repeat-y right;}
 
#pos02 {position:absolute;float:left;display:inline;width:216px; height:19px;z-index:10;top:130px;left:21px; bottom:93px;color:#8f8f8f;}
#pos03 {position:absolute;float:left;display:inline;width:216px; height:19px;z-index:10000;top:0px;left:21px; bottom:93px;color:#8f8f8f;border:1px solid red;}

/*** FOOTER ***/
#pos01 {position:absolute;float:left;display:inline;width:216px; height:19px;z-index:10000;top:96px;left:20px;bottom:93px;}
input.nice_select, ul.virtual_select {font:normal 9px verdana;color:#1e242c;border:none;cursor:pointer;;}
input.nice_select {width:160px;height:19px;margin:0;padding:0 0 0 8px;background:url(../pics/bg-select.jpg) no-repeat;}
ul.virtual_select {width:180px;position:absolute;display:none;left:4px;top:21px;z-index:1 !important;}
ul.virtual_select li {display:block;width:145px;height:18px;padding:3px 0 0 5px;margin:0;border:1px solid #ddd;
border-bottom:1px solid #fafafa;border-top:0;background-color:#fff;}
ul.virtual_select li.last{border-bottom:1px solid #ddd !important;}
ul.virtual_select li.over, ul.virtual_select li.selected{background-color:#FAFAFA;color:#000;}
ul.virtual_select li.selected{border:1px solid #ddd;}

#arvore {position:absolute; bottom:16px; right:20px; width:118px; height:28px; padding:13px 0 0 39px;
background:url(../pics/arvore.jpg) no-repeat left;}

#footer-out {position:absolute; bottom:0; width:100%; background:url(../pics/bg-footer_out.jpg) repeat-x;}
#footer-in {height:212px; background:url(../pics/bg-footer_in.gif) no-repeat;}