/* =============================================================================
   ABC Kiosko y Más 2014 : kioskoymas.abc.es
   ========================================================================== */

/* =============================================================================
   RESETS
   ========================================================================== */
   
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, img{ display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, nav, img{ margin: 0; padding: 0; }
mark, rp, rt, ruby, summary, time{ display: inline; }
html{}
body{ background:#fff; color:#312e2f;}
input, textarea{ outline: none; resize: none; border: none; border: 0; }
a{ text-decoration: none; outline: none; color:#312e2f;}
a.active{ outline: none; }
.none{ display: none; }
.float-left{ float: left; }
.float-right{ float: right; }
.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }
.color-black{ color:#312e2f;}
.color-abc{ color:#cf3520;}
.no-border{ border:none;}
table{ border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, /*strong,*/ th, var, optgroup{ font-style:inherit; font-weight:inherit; }
li{	list-style: none; }
h1, h2, h3, h4, h5, h6{	font-size: 100%; }
input, button, textarea, select, optgroup, option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
select, input, button, textarea, button{ font: 100%; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.chromeframe{ margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0;}
img{ max-width:100%;}
p{ text-rendering: optimizeLegibility; font-feature-settings: "kern" 1;}
p{ text-rendering: optimizeLegibility; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1";}
header a{-webkit-font-smoothing:subpixel-antialiased;}
strong{	font-weight:normal;}

/* ============================
   Common 
   ============================ */
   
header{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
@font-face {
    font-family: "Museum";
    font-style: normal;
    font-weight: normal;
    src: url("../museo-webfont/museo-webfont.eot?#iefix") format("embedded-opentype"), url("../museo-webfont/museo-webfont.woff") format("woff"), url("../museo-webfont/museo-webfont.ttf") format("truetype"), url("../museo-webfont/museo-webfont.svg#MuseoSlab500") format("svg");
}	


/* ============================
   Typography
   ============================ */

body{
	font-family: "Museum",serif;
	font-size:16px; 
	line-height:22px; 
	font-weight:normal;
	}
h1{
	font-size:21px;
	line-height:27px;
	color:#cf3520;
	text-shadow:1px solid #fff;
	margin-bottom:10px;
	font-weight:normal;
	}
h2{
	font-size:20px;
	line-height:26px;
	text-shadow:1px solid #fff;
	margin-bottom:10px;
	font-weight:normal;
	}	
h3{
	font-family:Georgia, serif;
	font-style:italic;
	text-shadow:1px solid #fff;
	margin-bottom:10px;
	font-weight:normal;
	}	
	h3.title{
		font-style:normal;
		}
h4{
	margin-bottom:30px;
	font-weight:normal;
	}		
h5{
	font-size:20px;
	line-height:22px;
	text-shadow:1px solid #fff;
	font-weight:normal;	
	}		
	

/* ============================
   Grid
   ============================ */

.wrapper{
    width:90%;
    padding:0 5% 30px;
	}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-3--2-1, .grid-3--1-2{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	}
.grid-1 .col, .grid-2 .col, .grid-3 .col, .grid-4 .col, .grid-5 .col, .grid-3--2-1 .col, .grid-3--1-2 .col{
	width:100%;
	margin-bottom:20px;
	}	

/* ============================
   Header
   ============================ */

header{
	float:left;
	position:fixed;
	top:0;
	z-index:10000;
	width:100%;
	height:44px;
	background:#244f6f;
	background:-moz-linear-gradient(top, #244f6f 0%, #1f445f 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#244f6f), color-stop(100%,#1f445f));
	background:-webkit-linear-gradient(top, #244f6f 0%,#1f445f 100%);
	background:-o-linear-gradient(top, #244f6f 0%,#1f445f 100%);
	background:-ms-linear-gradient(top, #244f6f 0%,#1f445f 100%);
	background:linear-gradient(to bottom, #244f6f 0%,#1f445f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#244f6f', endColorstr='#1f445f',GradientType=0 );
	}
	header img{
		float:left;
		max-width:70px;
		margin-top:-2px;
		}
	header a{
		float:right;
		padding:10px;
		margin-top:-7px;
		color:#fff;
		border-radius:4px;
		background:#cf3520;
		box-shadow:0 4px 0 0 #8a2d20;
		}
	

/* ============================
   Hero
   ============================ */

#hero{
	padding-top:100px;
	background:#dde5ea;	
	}	
	#hero .grid-2 .col .publicaciones{
		float:left;
		width:100%;
		margin-bottom:20px;
		}
		#hero .grid-2 .col .publicaciones img{
			float:left;
			width:33.33%;
			}
			#hero .grid-2 .col .publicaciones:last-child{
				display:none;
				}
.normal-list li{
	margin-top:10px;
	padding:0 0 0 20px;	
	background:url(../images/sprite.png) no-repeat 0 -196px;
	}		
.mobile .left{
	display:none;
	}	
.mobile .included-list{
	display:none;
	}	
.tablet{
	display:none;
	}
.ipad{
	width:100%;
	height:236px;
	text-align:left;
	margin-top:30px;
	background:url(../images/bodegon.jpg) no-repeat left 0 / 300px auto;
	}	
	.ipad img{
		display:inline-block;
		max-width:128px;
		margin:38px 0 0 114px;
		position:relative;
		}			
		.ipad .zoom{
			display:none;
			}	
.price p{
	margin:0;
	}
	.price .right p{
		font-family:Georgia,serif;
		text-align:left;
		font-size:18px;
		font-style:italic;
		font-weight:700;
		padding:10px 10px 10px 20px;
		margin:10px 0 5px;
		text-shadow:1px solid #fff;
		background:url(../images/underline.png) no-repeat 0 3px;
		}				
.cta{
	display:block;
	max-width:240px;
	font-size:24px;
	padding:19px 27px;
	color:#fff;
	/*font-weight:700;*/
	min-width:228px;
	border-radius:4px;
	background:#cf3520 url(../images/sprite.png) no-repeat right -100px;
	box-shadow:0 5px 0 0 #8a2d20;
	text-align:left;
	}
	.cta:hover{
		background:#dd3720 url(../images/sprite.png) no-repeat right -100px;
		box-shadow:0 5px 0 0 #8a2d20;	
		}	
	.cta:active{
		background:#c13320 url(../images/sprite.png) no-repeat right -98px;
		box-shadow:0 3px 0 0 #75281d;
		padding:21px 27px 19px;	
		}		
.oferta{
	padding:10px;
	text-align:center;
	background:#f5e096;
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.2);
	}	
	.oferta:hover {
		cursor: pointer;
	}
	.oferta img{
		display:inline-block;
		margin:-20px 0 5px;
		}
	.oferta span{
		text-transform:uppercase;
		}	
	.oferta strong{
		font-size:20px;
		color:#CF3520;
		text-transform:uppercase;
		}	
		.oferta a{
			text-decoration:underline;
			}
		
		
/* ============================
   Devices
   ============================ */

#devices{
	text-align:center;
	background:#f1f4f7;
	padding-bottom:6px;
	}	
	#devices img{
		margin:-16px auto 0;
		}
	#devices .col div img{
		margin:10px auto 0;
		}
	#devices p{
		font-size:14px;
		line-height:18px;
		text-align:center;
		margin-top:20px;
		}	
		
		
/* ============================
   Features
   ============================ */		
		
#features.wrapper{
	padding-bottom:10px;	
	}
#features .col{
	text-align:center;
	}
#features .grid-4 strong{
	font-size:14px;
	font-family:Georgia, serif;
	font-weight:700;
	}		
	#features .col div{
		font-size:14px;
		padding:82px 0 0;
		background:url(../images/sprite.png) no-repeat;
		}	
		#features .col div.primera-edicion{
			background-position:center -900px;
			}
		#features .col div.firmas-exclusivas{
			background-position:center -1250px;
			}
		#features .col div.traductor{
			background-position:center -1600px;
			}
		#features .col div.abc20{
			background-position:center -1600px;
			}	
		#features .col div.smartflow{
			background-position:center -1950px;
			}
		#features .col div.videos-exclusiva{
			background-position:center -2300px;
			}
		#features .col div.vip{
			background-position:center -2300px;
			}	
		#features .col div.galerias-interactivas{
			background-position:center -2650px;
			}
		#features .col div.ultima-hora{
			background-position:center -3000px;
			}
		#features .col div.mejores-revistas{
			background-position:center -3350px;
			}
#features.faq .grid-1{
	border-bottom:1px solid #d3d5d7;
	padding-bottom:10px;
	margin-bottom:20px;
	}			
#features.faq h2{
	margin:30px 0 10px;
	}
#features.faq h4{
	display:inline-block;
	margin:20px 0 16px;
	font-size:18px;
	padding:5px;
	background:#f9f5ca;
	}	
		
/* ============================
   Promo
   ============================ */

#promo{
	padding-top:30px;
	background:#dde5ea;	
	}	
	#promo.wrapper{
		padding-bottom:20px;	
		}	


/* ============================
   Footer
   ============================ */		

footer.wrapper{
	padding-top:36px;
	}		
footer .col{
	text-align:center;
	}		
	footer .col div{
		font-size:14px;
		padding:82px 0 20px;
		background:url(../images/sprite.png) no-repeat;
		border-bottom:1px solid #b8baba;
		}
		footer .col div strong{
			font-size:16px;
			}	
		footer .col div.phone{
			background-position:center -300px;
			}
			footer .col div.phone strong{
				font-size:24px;
				line-height:28px;
				}
		footer .col div.mail{
			background-position:center -500px;
			}
		footer .col div.twitter{
			background-position:center -683px;
			}		
footer .grid-1 .col{
	margin:0;
	}
footer .grid-1 p{
	font-size:13px;
	}			
		
		
/* ============================
   Colorbox
   ============================ */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1; overflow:hidden; padding-top:140px; height:100%;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{/*overflow:auto;*/ overflow:visible !important; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:0 auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background:#fff;}
        #cboxTitle{position:absolute; top:-24px; left:0; color:#ccc;}
        #cboxCurrent{display:none !important;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:-56px; left:8px; background:url(../images/sprite.png) no-repeat 0 -3747px; width:23px; height:50px; text-indent:-9999px; opacity:0.3; z-index:9999;}
        #cboxPrevious:hover{opacity:1;}
        #cboxNext{position:absolute; top:-56px; left:50px; background:url(../images/sprite.png) no-repeat -25px -3747px; width:23px; height:50px; text-indent:-9999px; opacity:0.3; z-index:9999;}
        #cboxNext:hover{opacity:1;}
        #cboxClose{position:absolute; top:-48px; right:0px; display:block; background:url(../images/sprite.png) no-repeat 0 -3700px; width:40px; height:40px; text-indent:-9999px; opacity:0.6;}
        #cboxClose:hover{opacity:1;}
        /* popup monrealista add */
        .popup #cboxContent{padding:30px;}
        .popup #cboxContent h3 {margin-top:10px }
        .popup #cboxContent a.print {color:#333; float:right;}
        .popup #cboxContent small {
    display: block;
    font-size: 11px;
    line-height: 13px;
    margin-top: 15px;
}

.lightbox img{
	margin-bottom:20px;
	}		
.lightbox p{
	font-size:14px;
	line-height:20px;
	}		
.lightbox .price .right p	{
	font-size:16px;
    margin-left:-32px;
    margin-right:-32px;
	}
.lightbox .cta{
    margin-left:-44px;
	 min-height:20px;	
	}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 360px) {
	
.lightbox .price .right p	{
    margin-left:-16px;
    margin-right:-16px;
	}
.lightbox .cta{
    margin-left:-27px;	
	}
	
}


@media only screen and (min-width: 480px) {
	
.lightbox .price .right p	{
    margin-left:0;
    margin-right:0;
	}
.lightbox .cta{
    margin-left:0;	
	}	

}


@media only screen and (min-width: 768px) {
	
 
/* ============================
   Typography
   ============================ */

h1{
	font-size:26px;
	line-height:32px;
	margin-bottom:8px;
	}
h2{
	font-size:22px;
	line-height:28px;
	margin-bottom:12px;
	letter-spacing:-1px;
	}
	h2.title{
		font-size:26px;
		line-height:32px;
		margin-top:10px;
		}	
h3{
	font-size:20px;
	line-height:26px;
	text-shadow:1px solid #fff;
	margin-bottom:20px;
	}
	h3.title{
		font-size:25px;
		line-height:30px;
		}	
h4{
	margin-bottom:20px;
	}	
h5{
	font-size:25px;
	line-height:30px;
	margin-top:20px;
	}		
	

/* ============================
   Grid
   ============================ */
   
.wrapper{
	padding:0 5% 40px;
	}
.grid-1 .col, .grid-2 .col, .grid-3 .col, .grid-4 .col, .grid-5 .col, .grid-3--2-1 .col, .grid-3--1-2 .col{
	display:inline-block;
	vertical-align:top;
	margin-left:5%;
	}
	.grid-1 .col:first-child, #features.faq .grid-1 .col, .grid-2 .col:first-child, .grid-3 .col:first-child, .grid-4 .col:first-child, .grid-5 .col:first-child, .grid-3--2-1 .col:first-child, .grid-3--1-2 .col:first-child{
		margin-left:0;
		}	
		.grid-2 .col{
			width:47.5%;
			}
		.grid-3 .col{
			width:30%;
			}	
		.grid-4 .col{
			width:21.25%;
			}
			.grid-4 .col:nth-child(4n+1){
				margin-left:0;
				}
		.grid-5 .col{
			width:18%;
			margin-left:2.5%;
			}
		.grid-3--2-1 .col, .grid-3--1-2 .col{
			width:30%;
			}
			.grid-3--2-1 .col:first-child{
				width:65%;
				}				
			.grid-3--1-2 .col:last-child{
				width:65%;
				}		
	
				
/* ============================
   Header
   ============================ */
  
header{
	height:50px;
	position:relative;
	border-bottom:none;
	box-shadow:none;
	}  
header .col{
	text-align:center;
	}
header img{
	float:none;
	max-width:none;
	margin:13px auto 0;
	}
header a{
	display:none;
	}
	
		
/* ============================
   Hero
   ============================ */

#hero{
	padding-top:120px;
	background:#dde5ea;	
	}	
	#hero .grid-2 .col .publicaciones:last-child{
		display:block;
		margin:0;
		}	
	#hero h1{
		font-size:22px;
		line-height:28px;
		}										
.mobile{
	display:none;
	}
	.lightbox .mobile{
		display:block;
		}		
	.lightbox .mobile .included-list{
		display:block;
		margin-bottom:16px;
		}	
	.lightbox .price .left, .lightbox .price .right{
	width:auto;
	}		
	.lightbox .price .right{
		margin-left:1%;
		}	
	.lightbox .included-list{
		margin-top:20px;
		}
		.lightbox .included-list li{
			display:inline-block;		
			padding:0 0 0 20px;
			background:url(../images/sprite.png) no-repeat 0 -196px;
			}
			.lightbox .included-list li:first-child{
				text-align:left;
				}
			.lightbox .included-list li:nth-child(2), .lightbox .included-list li:nth-child(5){
				width:28%;
				}
			.lightbox .included-list li:nth-child(3), .lightbox .included-list li:nth-child(6){
				width:32.8%;
				}	
			.lightbox .included-list li:nth-child(4), .lightbox .included-list li:nth-child(7){
				width:24%;
				}	
.tablet{
	display:block;
	}	
.ipad{
	text-align:left;
	height:266px;
	margin-top:10px;
	background:url(../images/bodegon.jpg) no-repeat left 0 / 322px auto;
	}	
	.ipad img{
		margin:37px 0 0 122px;
		position:relative;
		max-width:141px;
		}
#hero .grid-1.tablet .col{
	margin-bottom:0;
	}	
.price .left, .price .right{
	display:inline-block;
	width:49%;
	vertical-align:top;
	}	
	.price .left{
		text-align:right;
		}
	.price .left div{
		display:inline-block;
		width:131px;
		height:133px;
		color:#fff;
		text-align:center;
		padding:0 20px 0 0;
		margin-top:10px;
		background:url(../images/bg-price.png);
		}	
		.price .left div p:first-child{
			font-size:14px;
			line-height:14px;
			/*font-weight:500;*/
			margin:18px 0 10px;
			}
		.price .left div p:nth-child(2){
			font-size:16px;
			line-height:14px;
			/*font-weight:700;*/
			color:#a3a5a5;
			}	
		.price .left div p:nth-child(3){
			font-size:28px;
			line-height:22px;
			font-weight:300;
			margin-top:-3px;
			}	
			.price .left div p:nth-child(3) strong{
				/*font-weight:700;*/
				}	
			.price .left div p:nth-child(3) span{
				font-size:14px;
				font-weight:300;
				vertical-align:super;
				}		
	.price .right{
		margin-left:2%;
		}				
.included-list{
	display:block;
	font-size:15px;
	padding:0 16px 16px;
	margin-top:30px;
	border-radius:4px;
	background:#f1f4f7;
	}
	.included-list li{
		display:inline-block;
		padding:0 20px;
		background:url(../images/sprite.png) no-repeat 0 -196px;
		}
		.included-list li:first-child{
			display:block;
			color:#CF3520;
			/*font-weight:700;*/
			text-align:center;
			background:none;
			padding:16px 0 10px;
			}
		.included-list li:last-child{
			padding-right:0;
			}
.oferta{
	text-align:left;
	}
	.oferta p{
		display:inline-block;
		}	
		.oferta p:first-child{
			display:none;		
			}
		.oferta p:last-child{
			background:url(../images/torero.png) no-repeat 0 0;
			min-height:90px;
			padding:12px 0 0 105px;
			margin-bottom: -12px;
			}
	.oferta img{
		display:none;
		}
		.line-through {
    text-decoration: line-through;
}

/* ============================
   Devices
   ============================ */

#devices{
	text-align:left;
	padding-bottom:0;
	vertical-align:top;
	}	
	#devices img{
		display:inline-block;
		margin:-16px 0 0 10%;
		}
	#devices .col{
		margin-bottom:10px;
		}		
		#devices .col div{
			display:inline-block;
			width:48%;
			margin:0 0 0 10px;
			vertical-align:top;
			}	
	#devices .col div p{
		text-align:left;
		margin:15px 0 0;
		}
		

/* ============================
   Promo
   ============================ */

#promo{
	padding-top:36px;
	}	
	#promo.wrapper{
		padding-bottom:36px;	
		}
#promo .grid-2 .col{
	width:100%;
	margin: 0;
	text-align:center;
	}
	#promo .grid-2 .col .mobile{
		display:block;
		}
	#promo .grid-2 .col img{
		width:50%;
		margin:0 auto;  
		}
	#promo .price .left{
	    width:30%;
		}			
		

/* ============================
   Features
   ============================ */
   
#features.faq .grid-1{
	padding-bottom:20px;
	margin-bottom:24px;
	}			
#features.faq h2{
	margin:36px 0 30px;
	}
#features.faq h4{
	text-align:left;		
	display:block;	
	padding:5px 10px;
	margin:20px 40px 16px;
	}
#features.faq p{
	text-align:left;
	margin-right:60px;
	margin-left:60px;
	}


/* ============================
   Footer
   ============================ */		


footer .grid-3 .col{
	width:30%;
	margin:0;
	padding:0 2.4%;
	border-left:1px solid #b8baba;
	}	
	footer .grid-3 .col:first-child{
		border:none;
		padding-left:0; 
		}
	footer .grid-3 .col:last-child{
		padding-right:0; 
		}	
footer .col div{
	border-bottom:none;
	}	
footer .grid-1 .col{
	margin:20px 0 0;
	padding-top:20px;
	border-top:1px solid #b8baba;
	}		
	

/* ============================
   Colorbox
   ============================ */

#colorbox, #cboxOverlay, #cboxWrapper{ padding-top:50px;}


        
}


@media only screen and (min-width: 1024px) {


/* ============================
   Typography
   ============================ */

h2{
	line-height:22px;
	margin-bottom:8px;
	}	
h3{
	font-size:20px;
	line-height:26px;
	text-shadow:1px solid #fff;
	margin-bottom:6px;
	}	
	h3.title{
		letter-spacing:-1px;		
		}
h4{
	font-size:18px;
	line-height:26px;
	}		
h5{
	margin-top:0;
	}	

	
/* ============================
   Hero
   ============================ */

#hero .grid-2 .col .publicaciones:last-child{
    margin-top:14px;
	}
#hero .grid-2 .col{
	margin-bottom:0;
	}		
.mobile .included-list{
	display:block;
	}	
.normal-list{
	margin-bottom:6px;
	}								
.mobile{
	display:block;
	}	
.tablet{
	display:none;
	}	
.ipad{
	height:366px;
	margin-top:10px;
	background:url(../images/bodegon.jpg) no-repeat left 0 / 436px auto;
	}	
	.ipad img{
		max-width:192px;
		margin:48px 0 0 164px;
		}			
.price .left, .price .right{
	width:auto;
	}		
	.price .right{
		margin-left:1%;
		}	
.included-list{
	margin-top:20px;
	}
	.included-list li{
		display:inline-block;		
		padding:0 0 0 20px;
		background:url(../images/sprite.png) no-repeat 0 -196px;
		}
		.included-list li:first-child{
			text-align:left;
			}
		.included-list li:nth-child(2), .included-list li:nth-child(5){
			width:28%;
			}
		.included-list li:nth-child(3), .included-list li:nth-child(6){
			width:32.8%;
			}	
		.included-list li:nth-child(4), .included-list li:nth-child(7){
			width:24%;
			}			
.oferta{
	padding:0;
	border-radius:150px 0 0 150px;
	margin-bottom:14px;
	}
.oferta p:last-child{
	font-size:15px;
	background:url(../images/torero.png) no-repeat 0 0;
	min-height:90px;
	padding:12px 10px 0 105px;
	margin-bottom:-12px;
	}
			
			
/* ============================
   Devices
   ============================ */

#devices img{
	margin:-16px 0 0 20%;
	}
	#devices .col div{
		width:38%;
		}	
		
		
/* ============================
   Promo
   ============================ */

#promo{
	padding-top:36px;
	}	
	#promo.wrapper{
		padding-bottom:36px;	
		}
#promo .grid-2 .col{
	width:47.5%;
	margin:0 0 0 5%;
	text-align:left;
	}
	#promo .grid-2 .col:first-child{
		width: 52.5%;
		margin-left:-5%;
		}
	#promo .grid-2 .col img{
		width:100%;
		max-width:509px;
		}
	#promo .price .left{
	    width:auto;
		}		
		

/* ============================
   Features
   ============================ */
   
#features.faq h4{
	margin:20px 120px 16px;
	}
#features.faq p{
	margin-right:140px;
	margin-left:140px;
	}		
			

/* ============================
   Colorbox
   ============================ */

#colorbox, #cboxOverlay, #cboxWrapper{ padding-top:100px;}

}


@media only screen and (min-width: 1100px) {


/* ============================
   Hero
   ============================ */

#hero .grid-2 .col .publicaciones img{
	width:156px;
	}
	#hero .grid-2 .col .publicaciones:last-child{
		margin-top:22px;
		}
.included-list li{
	font-size:16px;	
	}
.normal-list{
	margin:20px 0;	
	}	
.ipad{
	height:386px;
	margin-top:22px;
	background:url(../images/bodegon.jpg) no-repeat left 0 / 475px auto;
	}	
	.ipad img{
		max-width:210px;
		margin:52px 0 0 178px;
		}	
.oferta p:last-child{
	padding:23px 10px 0 110px;
	margin-bottom:-23px;
	}		
	
/* ============================
   Devices
   ============================ */

#devices img{
	margin:-16px 0 0 22%;
	}
	
/* ============================
   Features
   ============================ */		
		
#features .col div{
	margin-bottom:14px;
	}		

/* ============================
   Footer
   ============================ */	
   	
footer .grid-1 .col {
    margin:30px 0 0;
    padding-top:30px;
	}	
	
	
}


/* ============================
   Retina display
   ============================ */

		
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2){
	
	/*.hero-img-mov{
		background:url(../images/header-mobile-x2.jpg) no-repeat center 90px;	
		background-size:400px auto;	
		}*/	
	.normal-list li{ background:url(../images/sprite-x2.png) no-repeat 0 8px / 76px auto;}
	.cta{ background:#cf3520 url(../images/sprite-x2.png) no-repeat right -100px / 76px auto;}	
	.cta:hover{ background:#dd3720 url(../images/sprite-x2.png) no-repeat right -100px / 76px auto;}	
	.cta:active{ background:#c13320 url(../images/sprite-x2.png) no-repeat right -98px / 76px auto;}
	#features .col div{ background:url(../images/sprite-x2.png) no-repeat / 76px auto;	}	
		#features .col div.primera-edicion{ background:url(../images/sprite-x2.png) no-repeat center -900px / 76px auto;}
		#features .col div.firmas-exclusivas{ background:url(../images/sprite-x2.png) no-repeat center -1250px / 76px auto;}
		#features .col div.traductor{ background:url(../images/sprite-x2.png) no-repeat center -1600px / 76px auto;}
		#features .col div.abc20{ background:url(../images/sprite-x2.png) no-repeat center -1600px / 76px auto;}	
		#features .col div.smartflow{ background:url(../images/sprite-x2.png) no-repeat center -1950px / 76px auto;}
		#features .col div.videos-exclusiva{ background:url(../images/sprite-x2.png) no-repeat center -2300px / 76px auto;}
		#features .col div.vip{ background:url(../images/sprite-x2.png) no-repeat center -2300px / 76px auto;}	
		#features .col div.galerias-interactivas{ background:url(../images/sprite-x2.png) no-repeat center -2650px / 76px auto;}
		#features .col div.ultima-hora{ background:url(../images/sprite-x2.png) no-repeat center -3000px / 76px auto;}
		#features .col div.mejores-revistas{ background-position:center -3350px / 76px auto;}	
	footer .col div{ background:url(../images/sprite-x2.png) no-repeat / 76px auto;}
		footer .col div.phone{ background:url(../images/sprite-x2.png) no-repeat center -300px / 76px auto;}
		footer .col div.mail{ background:url(../images/sprite-x2.png) no-repeat center -500px / 76px auto;}
		footer .col div.twitter{ background:url(../images/sprite-x2.png) no-repeat center -683px / 76px auto;}
	.included-list li{ background:url(../images/sprite-x2.png) no-repeat 0 -196px / 76px auto;}				
	
		
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{ background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before{ content: ""; display: block; width: 0; height: 100%;}
.no-padding-top.subsection
.hidden{ display: none !important; visibility: hidden;}
.visuallyhidden{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{ clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible{ visibility: hidden;}
.clearfix:before,
.clearfix:after{ content: " "; display: table;}
.clearfix:after{ clear: both;}
.clearfix{ *zoom: 1;}


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
	header, header div, header{ position:relative; background:none;}
	.col .column:first-child.col-pdf, .col .column.col-pdf{	width:600px; margin:0; background:none;}
	.col .column:first-child.col-pdf div{ display:inline-block;	width:300px; padding:0;}
	.col .column:first-child.col-pdf p{	color:#333;	font-size:11px;	padding:20px;}
	.col .column:first-child.col-pdf p:first-child{	padding-bottom:0;}
	.col .column:first-child.col-pdf p:last-child{ padding-top:0; padding-bottom:0;}
	.col .column:first-child.col-pdf .alr{ width:48%; margin:0;	vertical-align:top;}
	.col .column:first-child.col-pdf .alr.alr-100{ width:100%;}
	.col .column:first-child.col-pdf .alr img{ width:100%;}
	.sec-title.section.pdf-title{ padding-top:0;}
	.pdf-h1{ display:inline-block; font-size:26px; line-height:26px; margin-left:30px; padding:12px 0; color:#fff; background:#000 url(../images/nav-detail.png) no-repeat 0 center;}
	.note{ /*font-weight:700;*/ font-size:18px;}	
}