/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:900;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../_images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#fff;
  filter:alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: transparent;
  z-index: 902;
  color:#000000;
  display:none;
  text-align:left;
  top:60%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
  display:none;
}
#TB_ajaxContent{
  clear:both;
  /*padding:2px 15px 15px 15px;*/
  overflow:hidden;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  /*padding:15px;*/
}
#TB_ajaxContent p{
  /*padding:5px 0px 5px 0px;*/
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:903;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
*{padding:0;margin:0;border:none;outline:none;list-style:none;}

/* ESTRUTURA */

/* CLASSES CORINGA */
.algcenter{width:1002px; margin:0 auto;position:relative;}
.offtxt{text-indent:-999px; line-height:300px; overflow:hidden; display:block}
a{text-decoration:none}
a:hover{text-decoration:underline}
.lateral{float:left;position:relative;}
.clear{display:block;height:0 !important;overflow:hidden !important;line-height:0 !important;font-size:1px !important;clear:both;}
.hide{display:none !important;}
.show{display:block !important;}
.invis{visibility:hidden !important;}
.vis{visibility:visible !important;}
.textfield{padding:2px 7px;border:none;background:white;font-size:11px;font-weight:bold;color:#666;font-family:Arial;}

.hitEnter{position:absolute;height:1px;width:1px;opacity:0;filter:alpha(opacity=0)}
.titFloat{font-size:12px;font-weight:bold;color:#FFF;text-transform:uppercase;}

.mundoChilli{float:left !important;}
.zTop{z-index:400 !important;}

h1{font-size:30px; font-weight:bold; color:#FFFFFF;display:inline; text-transform:uppercase; top:28px; margin:0 0 0 10px; position:relative; padding:2px}

/* BODY e TIPOGRAFIA */
body,html{height:100%;}
body{font:15px Arial, Helvetica, sans-serif;background:black;}

#bigHolder{min-height:100%;position:relative;z-index:90;min-width:1002px;background-attachment:fixed;background-repeat:no-repeat !important;background-position:top center !important;overflow:hidden;}
/*.msie6 #bigHolder{overflow:hidden;}*/
.msie6 #bigHolder{height:100%;}
.firefox2 #bigHolder{height:100%}

#flashHolder{height:100%;width:100%;left:0;top:0;position:absolute;}

/** ELEMENTOS COMUNS **/
.seta-left{display:inline-block;margin-right:5px;background:url('../_images/vet-seta-esquerda.png');width:8px;height:7px;}
.seta-right{display:inline-block;margin-left:5px;background:url('../_images/vet-seta-direita.png');width:8px;height:7px;}
.seta-top{display:inline-block;margin-top:4px;background:url('../_images/vet-seta-cima.png');width:8px;height:7px;}
.seta-bottom{display:inline-block;margin-top:4px;background:url('../_images/vet-seta-baixo.png');width:8px;height:7px;}
.rad{-moz-border-radius: 2px;border-radius: 2px;-webkit-border-radius: 2px;}

.menu-fundo{width:100%;}
#over-menu{height:30px;position:relative;z-index:70;}
#menu{height:60px;position:relative;z-index:60;}

/* OVER MENU */
#over-menu .mundo-chilli{width:125px; height:24px; background:url(../_images/logo-mundo-chilli.png); float:left; margin:5px 31px 0 0}
#over-menu .login .detalhe-fundo{position:absolute !important;height:30px;width:1700px;right:0;top:0;}
#over-menu .separa{width:1px; height:30px; display:block; float:left;background:url(../_images/separa.gif)}
#over-menu .login{float:left; padding:7px 0 0 24px; /*width:506px;*/position:relative }
#over-menu .login{width:540px;}
#over-menu .login img{ float:left; margin-top:-6px;}
#over-menu .login .separa{margin:-7px 10px 0 10px;}
#over-menu .login .options{font-size:12px; float:right;position:relative;margin-right:5px;color:#FFF;}
#over-menu .login a{color:#FFFFFF; display:block; font-size:11px; text-align:center; height:21px; float:right; padding:2px 0 0 0; position:relative;}

#over-menu .welcome{padding-right:10px;}

#over-menu .login a.bt{padding:2px 10px 0 10px;margin:-2px 0 0 5px;height:18px;}

#over-menu .busca{float:left; padding:6px 13px 0 10px}
#over-menu .busca label,label.lupa{background:url(../_images/lupa.png); width:16px; height:16px; float:left;margin:3px 12px 0 1px}
#over-menu .busca input,input.busca{width:234px; /*height:14px;*/ border:none; font-size:11px; color:#959595; float:left }
#over-menu .busca input{/*width:190px; com IDIOMAS*/width:210px;}
#over-menu .busca .ok,.searchBar .ok,#loginTab .ok{width:23px;text-align:center;color:#FFFFFF; font-size:11px; border:none; float:left; margin:0 0 0 4px}
#loginTab .ok{top:-18px;right:10px;}

#over-menu .idiomas{/*width:140px;*/height:30px;float:right;font-size:12px;color:#FFF;font-weight:bold;margin-right:10px;width:120px;}
.msie6 #over-menu .idiomas{height:23px;}
#over-menu .idiomas span{float:left;padding-top:7px;}
#over-menu .idiomas ul{float:right;}
#over-menu .idiomas li{display:block;float:left;width:25px;height:30px;margin-left:4px;}
#over-menu .idiomas li a{display:block;width:100%;height:100%;text-align:center;}
#over-menu .idiomas li a:hover{background-position:bottom;}
#over-menu .idiomas li a img{margin-top:7px;}

/* LOGIN */
#loginHolder{display:none;}
#loginTab{width:339px;height:70px;position:absolute;right:120px;top:23px;z-index:100;}
#loginTab .form{padding:20px 0 0 13px;}
#loginTab .form .row{position:relative;}
#loginTab .form .col1{position:relative;}
#loginTab .form .col1 *,#loginTab .form .col2 *{vertical-align:top;}
#loginTab .form .col2{font-size:11px;color:#000;width:313px;}
#loginTab .form .col2 b{display:block;width:148px;float:left;position:absolute}
#loginTab .form .col2 input{margin-left:148px;}
#loginTab .form .ok{position:absolute;top:0px;}

#loginTab input{margin-right:13px;width:117px;}
#loginTab button{color:#FFF;font-size:11px;padding:2px 3px;display:inline !important;margin-left:-5px;height:auto !important;}
#loginTab .esqueci{position:absolute !important;display:inline !important;float:none !important;color:#000 !important;font-weight:bold;right:82px;top:18px;margin-top:3px; }
.msie6 #loginTab .esqueci{top:15px;}

/** CORPO **/
/*#content{height:737px}*/
#content{padding-bottom:135px;position:relative;z-index:80;/*padding-bottom: rodape height + respiro, min-height:737px;*/}



/* MENU */
.logo{background:url(../_images/logo-chillibeans.png); width:163px; height:34px; margin:11px 0 0 7px; float:left}
.logo a{display:block;width:100%;height:100%;}
#menu ul{float:left; margin:10px 0 0 20px;}
#menu ul a:hover{text-decoration:none;}
#menu li{float:left; margin:0 1px 0 0 }
#menu li .section{text-transform:uppercase; color:#FFF; font-weight:bold; font-size:11px; height:50px; line-height:49px; display:block; text-align:center}
#menu .chili a{ width:99px;}
#menu .colecao{position:relative;}
#menu .colecao a{ width:99px;}
#menu .ondecomprar a{width:99px;}
#menu .club a{ width:85px;}
#menu .mundo a{ width:105px;}
#menu .franquia a{ width:86px;}
.sac a{ width:44px;}
#menu .separa{background:url(../_images/separa-menu.png); width:2px; height:60px; float:left; margin:0 0 0 18px}
#menu .radio{width:135px; height:50px; margin:10px 12px 0 0; float:right;position:relative;}
.msie6 #menu .radio{margin-right:7px;}
#menu .radio .bg-radio{padding:11px 0 0 10px;}
#menu .radio .radioBg{width:135px;}
#menu .radio .playStop{width:18px;position:absolute;right:15px;top:16px;}
#menu .radio .playStop.stop{width:18px;position:absolute;right:15px;top:16px;}

#menu .radio .playStop span{display:block;background:url(../_images/bt-stopplay.png);height:8px;width:8px;margin:3px auto 0 auto;font-size:1px;}
.msie6 #menu .radio .playStop span{background:url(../_images/bt-stopplay.gif)}

#menu .radio .playStop.stop span{background-position:bottom !important;}
.msie6 #menu .radio .playStop span,.msie7 #menu .radio .playStop span{margin-top:5px;}
#menu .active,#menu a:hover { background-position:center bottom !important; }

#menu .colecaoDrop{margin:0 !important;position:absolute;left:0;display:none;width:700px;}
#menu .colecaoDrop ul{float:left;margin:0;padding:6px;display:block;position:relative;}
#menu .colecaoDrop li{height:26px;float:left;margin:1px;width:auto;}
#menu .colecaoDrop li a{height:26px;display:block;float:left;padding:0 6px;text-align:center;line-height:24px;font-size:11px;color:#FFF;font-weight:bold;width:auto;position:relative;z-index:80;}

/* FOOTER */
#rodape { height:24px; width:100%;position:absolute;bottom:20px;left:0;z-index:101; }
#rodape .institucional{float:left; margin:9px 0 0 0}
#rodape .institucional li{float:left; border-right:1px solid #FFFFFF; height:11px; overflow:hidden; line-height:10px; overflow:visible}
#rodape .institucional li *{vertical-align:top;}
#rodape .institucional li.last{border:none}
#rodape a{color:#FFFFFF; text-transform:uppercase; font-size:9px; margin:0 12px}
#rodape .rss{background:url(../_images/ico-rss.gif) no-repeat; height:14px; padding:0 0 0 4px; width:38px; float:left; margin:8px 0 0 51px }
#rodape .addTwitter{ float:right;margin:5px 0 0 0; }

#macacao-area { width:1002px;position:relative;margin:-2px auto;height:20px; right:0; }

.copyright { margin:7px 15px 0 0; font-size:10px; color:#FFFFFF; margin:6px auto;text-align:right;float:right; }
#fessHolder{height:13px;padding:0 0 0 4px; float:right; margin:5px 40px 0 0;width:65px; }

#rodape .verdadeMentira{display:none;} /** só visivel em home.css **/


/* BREADCRUMB */
#breadcrumb{ margin:15px 0 0 0; height:15px;position:relative;/*z-index:200;*/}
#breadcrumb li{float:left; display:block; padding:0 15px; border-right:1px solid #FFF; font-size:12px; color:#FFFFFF}
#breadcrumb li span{ background: #000; }
#breadcrumb li a{color:#FFFFFF; background:#000000; padding:1px 0px;}
#breadcrumb .last{border:none}
#breadcrumb .first{padding:0 15px 0 8px}

/* LIGHTBOX */
.thick-content	{ height:auto;position:relative;padding:30px 12px 10px 12px; }
.thick-title	{ position:absolute;left:-38px; top:-28px; z-index:115; height:18px; padding:10px 8px 6px 8px; }
.control		{ display:block; position:absolute; color:#ffffff !important; text-align:center; font:bold 12px arial; text-transform:uppercase; height:17px; padding-top:2px; }
.close-x		{ right:64px; z-index:116;top:-14px; width:21px; }
.close			{ z-index:117;top:-14px; width:69px; right:-10px; }

/* BOTÕES **/
.bg-btn{height:21px;padding-top:6px;display:block;color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;}
.bg-btnPeq {height:18px !important;padding-top:2px;display:block;cursor:pointer;}

.sendForm{color:#FFFFFF;display:block;font-size:11px;font-weight:bold;height:18px;padding-top:2px;text-align:center;float:left;width:50px;}

/* TEMAS */
#themeHolder{position:absolute;height:100%;background:no-repeat center bottom;width:100%;top:-40px;display:none;}
#themeHolder img{position:absolute;bottom:0;left:50%;}
.themePlay{background-image:url('../_images/bigico-play.png') !important;}
.themeGasoline{background-image:url('../_images/bigico-gasoline.png') !important;}

/** INTERNACIONALIZAÇÃO **/
.en .detalhe-fundo, .es .detalhe-fundo,.ptpt .detalhe-fundo{display:none !important;}
.en .welcome, .es .welcome, .ptpt .welcome{visibility:hidden !important;}
.en .busca, .es .busca, .ptpt .busca{visibility:hidden !important;}
.en .separa,.es .separa,.ptpt .separa{visibility:hidden !important;}
.en .radio,.es .radio,.ptpt .radio{display:none !important;}
.en .mundo-chilli,.es .mundo-chilli,.ptpt .mundo-chilli{visibility:hidden !important;}
.en .franquia-chilli,.es .franquia-chilli,.ptpt .franquia-chilli{visibility:hidden !important;}
.en .titulo-area,.es .titulo-area,.ptpt .titulo-area{display:none !important;}
.en #rel-list,.es #rel-list,.ptpt #rel-list{visibility:hidden !important;}

.en .club,.es .club,.ptpt .club{display:none;}
.en .mundo,.es .mundo,.ptpt .mundo{display:none;}
.en .sac,.es .sac,.ptpt .sac{display:none;}
.en .franquia,.es .franquia,.ptpt .franquia{display:none;}

.en .ptOnly, .es .ptOnly,.ptpt .ptOnly{display:none;}

/* SOCIAL MEDIA */
#social-media		{ height:20px; width:100%;position:absolute;bottom:0;z-index:100; }
#comunidades ul		{ display:block;width:430px;margin:0px auto; padding-top:2px; position:absolute; right: 10px }
#comunidades ul li		{ display:block;float:right;margin-left:2px;  }
#comunidades .last	{ margin-right:80px; }
#comunidades ul li a	{ color:#fff;font:normal 9px arial; text-transform:uppercase; margin-right:2px; }
#comunidades ul li img	{ vertical-align:-4px }

#bigHolder{background:url(../_images/bg-mundo-chilli.jpg) center center !important;}
.firefox2 #content,.firefox3 #content,.safari3 #content{padding:0;position:static !important;}