/******************************
* Cliente: Regional
* Product: Cerveza Light
* Site: Transformers
* Agency: ARS DDB
* Author: Franklin Salcedo
* Date: 18-07-2011
******************************/

@font-face {
    font-family: 'FuturaWeb';
    src: url('../fonts/futura-condensed-medium-olbique-webfont.eot');
    src: url('../fonts/futura-condensed-medium-olbique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-condensed-medium-olbique-webfont.woff') format('woff'),
         url('../fonts/futura-condensed-medium-olbique-webfont.ttf') format('truetype'),
         url('../fonts/futura-condensed-medium-olbique-webfont.svg#FuturaCondensedMediumOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background:#000000 url(../images/bg_int.gif) repeat-x top; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
body.home { background:#000000 url(../images/bg.gif) repeat-x top; }
#wrapper { width:960px; margin:0 auto; }
h1 span, h2 span { display:none; }
.clear { font-size:1px; height:1px; clear:both; }

/*** Check ***/
body.check { background:#000000; }
#wrap_check { font-family:'FuturaWeb'; width:640px; height:430px; margin:0 auto; padding:20px 20px 0 20px; position:relative; }
h1.check_logo { background:url(../images/check_logo.gif) no-repeat; width:207px; height:163px; float:left; }
#frm_age { margin-left:230px; padding-top:20px; position:relative; }
p.adv { color:#ff9d00; font-size:24px; }
p.instruction { color:#cd2027; font-size:19px; }
label { color:#FFF; background:#474646; font-family:'FuturaWeb'; font-size:15px; height:64px; margin-top:5px; padding:5px 0 3px 5px; display:block; float:left; }
form label input { color:#FFFFFF; background:#000000; font-family:'FuturaWeb'; font-size:37px; text-align:center; width:65px; height:44px; margin-bottom:3px; border:none; }
form label input:focus { outline:none; }
.dia { width:65px; }
.mes { width:65px; }
.anio { width:65px; padding-right:5px; }
#btn_enviar { background-color:transparent; background-image:url(../images/btn_entrar.png); background-repeat:no-repeat; width:71px; height:47px; border:none; cursor:pointer; position:absolute; top:118px; left:154px; }
#error { color:#F00; clear:both; }
form #error label.error { color:#FF0000; background:none; width:200px; height:5px; float:none; display:block; }
#wrap_check footer { color:#e4e4e4; font-family:Verdana, Geneva, sans-serif; text-align:center; height:40px; padding:10px 0; border:none; position:absolute; bottom:0; }
#wrap_check footer p { background:none; height:14px; margin:0; padding:0; }
#wrap_check footer a { color:#e4e4e4; text-decoration:none; }
#wrap_check footer a:hover { text-decoration:underline; }

/*** Header ***/
header { width:960px; height:78px; position:relative; }
.home header { height:460px; }
#swf_home { width:960px; height:460px; padding-top:1px; position:absolute; left:0; top:0; }
nav { height:45px; border-left:1px solid #ffbb4d; border-right:1px solid #b26e00; position:absolute; bottom:0; z-index:2; }
nav li { height:45px; border-right:1px solid #ffbb4d; border-left:1px solid #b26e00; float:left; }
nav a { background-repeat:no-repeat; background-position:top; height:45px; display:block; }
.btn_inicio { background:url(../images/btn_home.gif) no-repeat; width:82px; height:45px; display:block; position:absolute; top:33px; right:15px; }
nav a:hover, nav a.select { background-position:bottom; }
.btn_light { background-image:url(../images/btn_light.gif); width:173px; }
.btn_manifiesto { background-image:url(../images/btn_manifiesto.gif); width:146px; }
.btn_comerciales { background-image:url(../images/btn_comerciales.gif); width:150px; }
#social { background:url(../images/txt_siguenos.gif) no-repeat left top; width:100px; height:25px; padding:5px 0 0 75px; float:right; }
.home #social { position:absolute; top:5px; right:10px; z-index:3; }
#social li { background:#000000; width:24px; height:24px; padding:0 3px; float:left; }
#social a { width:26px; height:26px; display:block; }
.btn_facebook { background-image:url(../images/facebook.png); }
.btn_twitter { background-image:url(../images/twitter.png); }
.btn_youtube { background-image:url(../images/youtube.png); }

/*** Middle ***/
section#middle { background:#ff9d00; width:960px; min-height:385px; margin-bottom:20px; position:relative; }
.home #middle { min-height:290px; }
.shadow { background:url(../images/shadow.png); width:960px; height:5px; position:absolute; z-index:2; top:0; left:0; }
.midbottle { background:url(../images/media_botella.png) no-repeat; width:265px; height:383px; position:absolute; top:0; left:0; z-index:1; }
.home #middle { background:none; height:285px; margin:0; padding:23px 0; }
.home section { height:285px; margin-left:11px; float:left; }
#box_facebook { width:300px; }
#box_comerciales { width:325px; }
#new { width:310px; height:165px; margin:0 auto; position:relative; }
.tag_new { background:url(../images/tag_new.png) no-repeat; width:95px; height:55px; position:absolute; left:-7px; top:15px; z-index:2; }
#trama_big { background:url(../images/trama_big.png); width:310px; height:165px; cursor:pointer; position:absolute; top:0; left:0; z-index:1; cursor:pointer; }
#box_comerciales h4 { background:url(../images/tit_comerciales_home.png) no-repeat; width:325px; height:32px; margin-top:-8px; }
.others { background:#ff9d00; width:150px; height:87px; padding:9px 0 0 11px; float:left; border-left:1px solid #ff7f00; border-right:1px solid #ffbb00; position:relative; }
.others img { border:2px solid #FFF; }
.small_trama { background:url(../images/trama_small.png) no-repeat; width:134px; height:74px; position:absolute; left:13px; top:11px; cursor:pointer; }
#box_twitter { width:300px; }
#middle h2 { position:absolute; top:15px; }
.content { font-family:'FuturaWeb'; font-size:18px; line-height:20px; width:660px; margin-left:260px; padding:145px 0 30px 0; }
.content p { margin-bottom:10px; }

/*** Manifiesto ***/
#tit_manifiesto { background:url(../images/title_manifiesto.gif) no-repeat; width:230px; height:130px; left:217px; }

/*** Producto ***/
#tit_producto { background:url(../images/title_producto.gif) no-repeat; width:199px; height:108px; left:222px; }
#tit_presentaciones { background:url(../images/title_presentaciones.gif) no-repeat; width:195px; height:108px; left:222px; }
.historia { width:495px; margin-left:440px; padding-top:50px; }
.empaques { width:500px; height:340px; margin-left:430px; padding-top:10px; position:relative; }
a.btn_presentaciones { background:url(../images/btn_presentaciones.gif) no-repeat; width:113px; height:58px; display:block; position:absolute; top:120px; left:226px; z-index:3; }
a.btn_producto { background:url(../images/btn_producto.gif) no-repeat; width:113px; height:58px; display:block; position:absolute; top:120px; left:226px; z-index:3; }
.arrow_left { position:absolute; top:170px; left:0; cursor:pointer; }
.arrow_right { position:absolute; top:170px; right:0; cursor:pointer; }
#wrapper_productos { width:460px; height:340px; overflow:hidden; position:absolute; top:20px; left:20px; }
#slide { width:920px; height:330px; position:absolute; top:0; left:0; }
#slide li { width:120px; height:330px; float:left; padding:0 15px; }


/*** Comerciales ***/
#sidebar { background:url(../images/borde_sidebar.gif) repeat-y left; font-family:'FuturaWeb'; width:287px; margin:30px 0 20px 0; padding:0 0 0 20px; float:right; }
#sidebar h3 { color:#FFFFFF; background:#ec1f1f url(../images/bg_h3_red.gif) no-repeat 10px; font-size:16px; width:248px; height:22px; padding:8px 0 0 20px; }
#sidebar h3.black { background-color:#000000; background-image:url(../images/bg_h3_black.gif); }
.list_comerciales { width:267px; padding:15px 0 0 0; }
.list_comerciales li { width:118px; margin:0 7px 10px 7px; position:relative; float:left; }
.list_comerciales li img { padding:1px 0 0 1px; }
.list_comerciales .small_trama { width:118px; height:66px; border:1px solid #FFF; top:0; left:0; }
.list_comerciales p { background:url(../images/vineta.gif) no-repeat left; font-size:16px; padding:5px 0 5px 10px; }
.video { width:390px; margin-top:30px; padding:0; float:left; }
.tit_video { background:url(../images/vineta.gif) no-repeat left; font-size:20px; padding:10px 0 10px 10px; }

/*** Footer ***/
footer { color:#FFF; height:105px; border-top:1px solid #FFF; }
footer p { background:url(../images/logo_regional.gif) no-repeat; line-height:12px; height:47px; margin-top:15px; padding:15px 0 0 90px; }
footer span { color:#797979; }
footer span a { color:#797979; text-decoration:none; }
footer span a:hover { color:#F5F5F5; }
footer ul { width:240px; height:40px; float:right; }
footer ul li { width:70px; height:37px; margin-left:10px; float:left; }
footer ul li a { background-repeat:no-repeat; width:70px; height:37px; display:block; }
.link_facebook { background-image:url(../images/link_facebook.gif); }
.link_twitter { background-image:url(../images/link_twitter.gif); }
.link_youtube { background-image:url(../images/link_youtube.gif); }