* {margin:0; padding:0; border:0; } ol,ul {list-style:none; } 
a{text-decoration: none; outline: none; color: #fff;}
body{overflow: hidden; background: #000; color: #fff;}
#container{position: relative;}

/*
* Slideshow JQuery
*/

ul#slideshows{ width: 100%; height: 100%; display: block; z-index: 2; position: relative;}
ul#slideshows li{display: inline; width: 100%; height: 100%; position: absolute; z-index: 1;}
ul#slideshows li img{ position: absolute; z-index: -9999px; }

/*
* Overlay new modal
*/

#modalbox{ width: 100%; height: 100%; background: #000; position: absolute; z-index: 12;}

/*
* Carrousel
*/

ul#carrousel{ width: 632px; height: 50px; display: inline; position: absolute; z-index: 3; left: 50%; margin-left: -280px; bottom: -100px; }
ul#carrousel li{ width: 69px; height: 70px; margin: 0 5px; display: block; float: left}
ul#carrousel li a{width: 100%; height: 100%; display: block;}
ul#carrousel li img{ width: 63px; height: 41px; margin: 10px 0 0 3px;}
ul#carrousel li span{ clear: left; width: 100%; height: 14px; overflow: hidden; display: block;  color: #fff; font-size: 11px; text-align: center; font-family: 'NewsGothBdXCnBTBold';}

/*
* Prev - Next
*/



a.prev {display:block; width:32px; height:32px; background:url(../images/PLAY2.png) no-repeat left top; position: absolute; z-index:3; top:50%; margin-top:-32px; left:25px; text-indent:9999px;}
a.prev:hover {background:url(../images/PLAY2.png) no-repeat left -38px;}
a.next {display:block; width:32px; height:32px; background:url(../images/PLAY1.png) no-repeat left top; position: absolute; z-index:3; top:50%; margin-top:-32px; right:25px; text-indent:9999px;}
a.next:hover {background:url(../images/PLAY1.png) no-repeat left -38px;}

/*
* Footer & Header
*/

#header{ height: 26px; width: 100%; background: url(../images/skel/top_mask.png) repeat-x; position: absolute; top: 0; z-index: 3;}
#footer{ width: 100%; height: 31px; background: url(../images/skel/footer_mask.png) repeat-x; position: absolute; bottom: 0; z-index: 3;}

 
/*
* Footer Social
*/

#footer div.mp3{float: right; margin: 8px 10px 0 0; width: 41px; height: 15px;}
#footer ul.social{ width:225px; float: right; margin: 8px 2px 0 0;}
#footer ul.social li{float: left; display: block; width: 20px; height: 16px; color: #fff; font-size: 10px; font-family:'FuturaXBlkCnBTExtraBlack',Tahoma; text-align: right}
#footer ul.social li a{display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/skel/social.png) 0 0; text-indent: -9999px;}
#footer ul.social li a.tw{ background-position: -20px 0;}
#footer ul.social li a:hover{background-position: 0 -16px;}
#footer ul.social li a.tw:hover{ background-position: -20px -16px;}
#footer ul.social li a.comparte{ padding-top: 4px; width: 167px; height: 14px; background: url(../images/texto_comparte.png) center center no-repeat;} 

/*
* Logo Principal & Menu
*/

a.logo{ width: 197px; height: 114px; display: block; position: absolute; z-index: 10; top: 40px; left: 0; /*text-indent: -9999px; background: url(../images/skel/logo.png);*/ } 
ul.menu{ width: 154px; height: 32px; display: inline; position: absolute; z-index: 8; top: 184px; left: 0;}
ul.menu li{width: 100%; height: 32px; display: block; margin-bottom: 0; padding-top:1px;}

ul.menu li a{ width: 100%; height: 100%; display: block;background: url(../images/skel/btn_aprende.png) 0 -32px; text-indent: -9999px;}
ul.menu li a.catalogo{ width: 100%; height: 100%; display: block;  background: url(../images/skel/btn_catalogo.png)  0 -32px;}
ul.menu li a.favoritos{ width: 100%; height: 100%; display: block;  background: url(../images/skel/btn_favoritos.png)  0 -32px;}
ul.menu li a.concurso{ width: 100%; height: 100%; display: block;  background: url(../images/skel/btn_concurso.png)  0 -35px;}


ul.menu li a:hover{  background-position: 0 0; }
ul.menu li a.current{background-position: 0 0;}

/*
* Logo Falabella.COM
*/

a.falabella{ width: 47px; height: 100px; bottom: 38px; display: block; position: absolute; z-index: 8; right: 0; background: url(../images/skel/falabella.com.png); text-indent: -9999px;}

/*
* Content & Slider
*/

#content{ width: 100%; height: 100%; position: absolute; z-index: 12;}
#content a.close{ width: 47px; height:50px; text-indent:-9999px; background: url(../images/skel/cerrar.png) 0 0 no-repeat; display: block; position: absolute; top: 50%; margin-top: -192px; left: 50%; margin-left: 284px; z-index: 13;}
#content a.close:hover{ background-position: 0 -51px;}

#content div.titular{ height: 60px; left: 50%; margin-left: -275px; position: absolute; top: 50%; margin-top: -256px; width: 551px; z-index: 7; }
#content div.titular h2{background-position: center; background-repeat: no-repeat; font-size: 22px;  text-align: center;font-family: 'NewsGothBdXCnBTBold'; letter-spacing: -1px; color: #999; font-weight: normal; display: block; width: 551px; height: 74px; text-indent: -9999px;}

#content div.tips{ width: 208px; height: 39px; top: 50%; left: 50%; position: absolute; z-index: 10; margin-left: 104px; margin-top: 190px;}
#content div.tips a{ background: url(../images/tip.png) no-repeat; display: block; width: 100%; height: 100%; text-indent: -9999px;}

#content div.videobox{background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #3F3F3F;height: 337px;left: 50%; margin-left: -300px; overflow: hidden; position: absolute; top: 50%; margin-top: -168px; width:600px;}
#content div.sliderbg{display:none;position: absolute; left: 0; bottom:0; width: 100%; height: 129px; background: #000;}

#content div.sliderbg a.prevc, #content div.sliderbg a.nextc{ text-indent: -9999px; width: 45px; height: 50px; display: block; background: url(../images/skel/flecha_izq_mini.png) no-repeat; color: #fff; position: absolute; z-index: 7; bottom: 50px; left: 50%;}
#content div.sliderbg a.prevc{ margin-left: -410px;}
#content div.sliderbg a.nextc{ margin-left: 362px;  background: url(../images/skel/flecha_der_mini.png) no-repeat; }
#content div.sliderbg a.prevc:hover, #content div.sliderbg a.nextc:hover{ background-position: 0 -53px;}
#content div.sliderbg span{display: block; width: 227px; height:29px; margin: 5px auto 0 auto; background: url(../images/skel/tipos.png) no-repeat; text-indent: -9999px;}

#content div.sliderbg div.mask{ overflow: hidden; margin: 0 auto; width: 720px; height: 80px; }
#content div.sliderbg div.mask ul.slider{ width: 10000px; height: 100%; display: block; float:left}
#content div.sliderbg div.mask ul.slider li{background: #fc0; width: 140px; height: 100%; float: left; margin: 0 2px; display: block;}

.como{ width: 155px; height: 178px; background: url(../images/skel/sacar_foto.png) no-repeat; position: absolute; z-index: 3; left: 10px; bottom: 50px;}
.como a{ display: block; text-indent: -9999px; width: 100%; height: 100%; }

.ptitle{ position: absolute; top: 50px; right: 20px; z-index: 3;}

#bgimage{ position: absolute; z-index: -99;}


/* Font faces - sitio web */

@font-face {
	font-family: 'NewsGothBdXCnBTBold';
	src: url('newgtbxc-webfont.eot');
	src: local('?'), url('newgtbxc-webfont.woff') format('woff'), url('newgtbxc-webfont.ttf') format('truetype'), url('newgtbxc-webfont.svg#webfontRW5yyeeX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaXBlkCnBTExtraBlack';
	src: url('futurxkc-webfont.eot');
	src: local('?'), url('futurxkc-webfont.woff') format('woff'), url('futurxkc-webfont.ttf') format('truetype'), url('futurxkc-webfont.svg#webfontebJy3dQN') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear{clear: both;}

.menuCorporativo {
    background: none repeat scroll 0 0 #2D2C2A;
    border-right: 4px solid #98C613;
    height: 25px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 99%;
    z-index: 7;
}
.menuCorporativo ul {
    float: right;
    text-align: right;
    width: 520px;
}
.menuCorporativo ul li {
    float: left;
    list-style-type: none;
    padding: 4px 0 0 10px;
}
.menuCorporativo ul li a:link, .menuCorporativo ul li a:visited {
    color: #848483;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    text-decoration: none;
}
.menuCorporativo ul li a:hover, .menuCorporativo ul li a:active { 
    color: #FFFFFF;
}
.menuCorporativo ul li a.falabella:link, .menuCorporativo ul li a.falabella:visited {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
}
.menuCorporativo ul li a.falabella:hover, .menuCorporativo ul li a.falabella:active {
    color: #98C613;
}
/*
div#box-aprende {width:600px; height:300px; position:absolute; top:50%; left:50%; z-index:7; margin-top: -150px; margin-left: -300px; }
div#box-aprende div {float:left;}
div#box-aprende div.left {width:9px; height:28px; background:url(../images/aprende-left.png) no-repeat left top; }
div#box-aprende div.link {display:block; width:110px; height:110px; padding:130px 0 0 180px; overflow:hidden;}
*/
div#margen-aprende {position:absolute; top:50%; left:50%; width:700px; height:400px; margin:-200px 0 0 -350px; z-index:7;}
div#margen-aprende a#link-aprende-como {display:block; width:447px; height:53px; background:url(../images/APRENDE_BOT2.png) no-repeat left top; text-indent:-9999px; position:absolute; top:50%; left:50%; margin:-27px 0 0 -223px;}
div#margen-aprende a#link-aprende-como:hover {background:url(../images/APRENDE_BOT1.png) no-repeat left top;}
/*
div#box-aprende div.right {width:9px; height:28px; background:url(../images/aprende-right.png) no-repeat left top; }
*/


a.concurso{ bottom: 40px; left: 60px; width: 90px; z-index: 6; text-indent: -9999px; display: block; height:114px; background: url(../images/skel/concu.png) no-repeat; position: absolute;}
a.concurso:hover{background-position: 0 -115px;}
#videohome{
			height: 600px;
			top: 50%;
			position: absolute;
			z-index:3;
			right: 100px;
			width: 500px;
			margin-top: -260px;
		}
		
/*a.opinion{ z-index: 7; position: absolute; bottom: 100px; width:22px; height:143px ; text-indent: -9999px; display: block; background: url(../images/opinion.png) no-repeat;}*/


div#menu-top {position:absolute; top:80px; left:160px; z-index:7;}
div#menu-top ul {display:block; width:544px; height:21px; padding:1px 0 0 0; background: url(../images/bg-menu-top.png) no-repeat left top; list-style:none; }
div#menu-top ul li {float:left;}
div#menu-top ul li.menu-aprende a {display:block; width:115px; height:10px; background:url(../images/menu-aprende.png) no-repeat left top; text-indent:-9999px; margin:5px 0 0 18px;}
div#menu-top ul li.menu-aprende a:hover { background:url(../images/menu-aprende.png) no-repeat left -11px;  }
div#menu-top ul li.menu-aprende a.current { display:block; width:115px; height:10px; background:url(../images/menu-aprende.png) no-repeat left -11px; text-indent:-9999px; margin:5px 0 0 18px; }

div#menu-top ul li.menu-catalogo a {display:block; width:80px; height:10px; background:url(../images/menu-catalogo.png) no-repeat left top; text-indent:-9999px; margin:5px 0 0 12px;}
div#menu-top ul li.menu-catalogo a:hover { background:url(../images/menu-catalogo.png) no-repeat left -11px;  }
div#menu-top ul li.menu-catalogo a.current {display:block; width:80px; height:10px; background:url(../images/menu-catalogo.png) no-repeat left -11px; text-indent:-9999px; margin:5px 0 0 12px;}

div#menu-top ul li.menu-concurso a {display:block; width:187px; height:10px; background:url(../images/menu-concurso.png) no-repeat left top; text-indent:-9999px; margin:5px 0 0 15px;}
div#menu-top ul li.menu-concurso a:hover { background:url(../images/menu-concurso.png) no-repeat left -11px;  }

div#menu-top ul li.menu-opinion a {display:block; width:90px; height:10px; background:url(../images/menu-opinion.png) no-repeat left top; text-indent:-9999px; margin:5px 0 0 15px;}
div#menu-top ul li.menu-opinion a:hover { background:url(../images/menu-opinion.png) no-repeat left -11px;  }

div#menu-top ul li a {font-family:"Helvetica Bold Condensed"; font-size:11px; text-transform:uppercase; color:white; text-decoration:none; }
div#menu-top ul li a:hover {color:#99c131;}