html, body {font-weight: 300;margin:0;padding:0;color:#ffffff; font-size:16px;}
a{text-decoration:none;color:#FFFFFF;}
h1,h2,h3{margin:0;padding:0;font-weight:normal;}
header,section,footer,div{padding:0;box-sizing:border-box; margin:0;}
.contenedor{max-width:1024px;margin-left:auto;margin-right:auto;box-sizing:border-box; text-align:center;}
#main_black, #open_header{ background: #000000 url("../jpg/background.jpg") no-repeat fixed center top;  background-size:cover;}
#header_section h1{ font-weight: 300; font-size:1.75em;}
#header_section h1 strong{font-weight: 400;}
#header_section{ padding:8em 0 1.5em; text-align:center; color:#ffffff;}
.bullet{ background:url(../png/bullet.png) repeat-x left bottom; width:28.4em; height:3.2em; margin:1.8em auto 0.5em auto;}
.box{ background-color:#ffffff; width:9.1em;margin:0 auto; padding:0.2em 0.2em 0.25em; color:#000000; font-size:3em; letter-spacing: 0.7em; text-align:center;}
.box .border{ border:5px solid #282d38;padding: 0.3em 0.5em 0.55em 0.7em; color:#282d38; }
.box .border span{ font-size:1.3em;letter-spacing: 0.55em;}

#time h3,#countdown h3{font-weight: 400; border-bottom:1px solid #989499; width:25em;  margin:0 auto 1.7em; font-size:0.9em;  line-height: 2em;}
#time h3 span,#countdown h3 span{ letter-spacing:0.3em;}
.tabbullet{ background-color:#ffffff; border-radius:2em; width:0.3em; height:0.3em;}
#time table{ margin:0 auto;}
#time table th, #countdown table th{ color:#989499; font-size:0.9em;font-size: 0.85em;letter-spacing: 0.3em;}
#time table td, #countdown table td{ padding:0.3em;}
#time .number, #countdown .number{font-weight: 400; font-size:2.1em; }
.number{ letter-spacing:0.3em;}
#time .number{ padding-left:0.6em;}
 
.footer_section{ font-size:0.75em; font-weight: 300; margin-top:11.5em; padding-bottom:2em;}
.footer_section p{ margin: 1em auto 1.5em;    width: 77.5em; color:#b7b7b7;}
.footer_section a{ font-size:1.2em; text-decoration: underline;}
.footer_section h3{font-weight: 400; font-size:1.3em;}

#open_black{ display:none;}
#open_header{ display:block; padding-bottom:2.5em;}
#open_header .box{ font-size:2em; width:9.2em; margin:0;padding: 0.22em;}
#open_header .box .border{  padding-left: 0.6em;}
#open_header .contenedor{ width:41.3em;}
#open_header #centrar{ margin-right:1em;}
#open_header #countdown{float: right; margin:1em 0.8em 0 0;}
#countdown h3{ font-size:0.85em; color:#fff; width:auto;}
#open_header .bullet{ padding-top:6.5em; background-size:2.21em; width:auto; margin:0 0 1em;}
#open_black .footer_section h3, #open_black .footer_section a{ color:#4b5964;}
#open_black  .footer_section p{ color:#8da1a1;}
#open_black h1{ color:#282d38; font-size:1.3em;   letter-spacing: 0.02em;}
#open_black h1 strong, #open_main .discount, #open_main .button{font-weight: 700; }

#open_main{ padding:2em 0 2.8em;background:url(../gif/open_main-bg.gif) left top repeat-x #ffffff;}
#boxold,#boxnew{ display:inline-table; padding:1em 1.8em; height:29em; margin-top:2.6em;position:relative;width:30.5em;}
#boxnew{ background:url(../jpg/boxnew_bg.jpg) center bottom no-repeat #2f3946; border:1px solid #cdcdcd;margin-right:1.3em; z-index:1; position:relative;}
#boxold{ background:url(../gif/boxold_bg.gif) center top repeat-x #ffffff;border:1px solid #cdcdcd;background-color:#ffffff;padding-left:1em;padding-right:1em;}
#open_main h3{ font-size:1.5em;font-weight: 700; margin:0.5em 0 0.2em; letter-spacing: 0.04em; }
/*#open_main .discount{ background-color:#5bbb71; position:absolute;  width:4.2em;left:0.5em; padding: 0.6em;top: -0.4em; font-size:1.1em;}*/
#open_main .discount{position:absolute;background:url("../png/off-label.png") left top no-repeat transparent;margin:-5px 0 0 -5px !important;width:112px;height:112px;background-color:transparent !important;border-radius:0;padding:30px 0 0;left:0;top:0;}
#open_main .discount span{-ms-transform:rotate(-45deg);/* IE 9 */   -webkit-transform:rotate(-45deg);/* Safari */    transform:rotate(-45deg);display:block;position:relative;left:-20px;font-size:1.5em;font-weight:bold;}
#open_main #boxold .discount{background-image:url("../png/off-label_rnw.png");}
#open_main .button{ background-color:#ff9012;font-weight: 700;padding: 1.01em 3.2em;width: 20em; margin:0 auto;}
#open_main .button span.xs{font-size:0.75em;}
#open_main .button:hover{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
#boxold .button{ background-color:#5fbb72;padding:1em 1.3em; }
#open_main ul{ text-align:left; margin:1.2em 0 0 2em;font-weight: 300;font-size:0.875em; list-style-image:url(../png/ul_bullet.png);}
#open_main ul li{ padding:0.4em 0;}
#open_main p{ margin-top:3em;font-weight: 400;}
#open_main .line{margin: 0 0 2.7em; color:#fff;font-weight: 300;font-size:1em;}
#open_main .topline{border-top:1px solid #595e68;padding-top:2em;}
#animacion{ background:url(../gif/animacion60.gif) no-repeat center -15px; width:100%; height:15em; margin-top:3.2em;}
#animacion50{ background:url(../gif/animacion50.gif) no-repeat center -15px; width:100%; height:15em; margin-top:3.2em;}
#shadow{   box-shadow: 0 10px 30px #73757c;    height: 2em;    left: 2.3em;    position: relative;    top: -2.3em;    width: 29.5em; z-index:1;display:none;}
#open_black .footer_section{margin-top:7.5em; }
#open_black  .footer_section p{  width: 81em;}
#login{ display:none;margin-top:8em;}
#login input{ background-color:#f3f4f6; color:#435964; width:24.3em; border:none; display:block; margin:0 auto 1.3em; padding:1.3em 0; font-size:1em; text-align:center;font-weight: 300;}
#login a{ background-color:#85a1a2;padding:1.3em 0;width:24.3em;font-weight: 300;font-size:1em;display:inline-block;}
#login a:hover{ background-color:#72898a;}
#login input.error_input{ border:1px solid red;}
.PromotionPriceAndURL{ display:none;}
.deal_blackfriday{display:none !important;}

@media screen and (max-width: 1024px){	
	#boxold, #boxnew { display:block; margin:3em auto;}
	#shadow{ display:none;}
	#open_black  .footer_section p{  width:97%;}
}

@media screen and (max-width: 950px){
	.footer_section p{ width:95%;}
}
@media screen and (max-width: 650px){		
	#open_black  #countdown { float:none;    display: inline-block;}
	#open_header .box {   margin: 0 auto;}
}
@media screen and (max-width: 600px){
	.box{ width:95%; font-size:3em;}
	#open_header .contenedor {width: auto;}
	#boxold, #boxnew { width:90%; height:auto;}
	#open_main .button { font-size:1em;display:inline-block;width:auto;}
	#open_main .button span.xs{font-size:1em;}
}
@media screen and (max-width: 550px){
	#boxold, #boxnew {height:auto !important;}
}	
@media screen and (max-width: 480px){
	#login a,#login input { width:15em;}
}
@media screen and (max-width: 450px){
	.box{ width:95%; font-size:2em;}	
	#animacion { background-size:120%}
	#open_main .button { font-size:0.8em;}
}
@media screen and (max-width: 400px){
	#header_section{ padding:7em 0 1.5em;}
	#time .number {    font-size: 1.5em;}
	#time h3 { width:90%;}
}
@media screen and (max-width: 350px){
	#open_main .button { font-size:0.75em;}
	#login a,#login input { width:13em;}
}