@charset "utf-8";

 @font-face{ 
            font-family: "SEGOEUIL";
            src: url('http://www.fontsforweb.com/public/fonts/1409/SEGOEUIL.eot');
            src: local("Segoe UI Light"), url('http://www.fontsforweb.com/public/fonts/1409/SEGOEUIL.woff') format("woff"), url('http://www.fontsforweb.com/public/fonts/1409/SEGOEUIL.ttf') format("truetype");
        }
        .fontsforweb_fontid_1409 {
            font-family: "SEGOEUIL";
        }
		
@font-face{
font-family: 'segoe';
src: url('../fonts/segoe.ttf'),
     url('../fonts/segoe.eot'); /* IE9 */
} 
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt sans';
    src: url('../fonts/pt_sans-web-regular-webfont.eot');
    src: url('../fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-regular-webfont.woff2') format('woff2'),
         url('../fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Documento - Body */

body{
	background: url(../img/fondo.png) no-repeat;
    background-size: 100% 100%;
	margin: 0 ;
}
.container.wrap{
   background: url(../img/fondo.jpg) no-repeat;
	overflow: hidden;
   padding-bottom: 30px;
	background-size:  107% 100%
}

/* Documento - Navegador */

#nav{
	background-color: #000000;
	height:57px;
	padding: 10px 0; /*13px*/
	width:100%;
	z-index:10;
}

#nav ul{
	float:right;
	margin-top:0.71428571428571%; /*7px*/
	font-family:SEGOEUIL;
	font-size:1em; /*16px*/
	max-width: 120px;
    width: 100%;

}

#nav ul li{
	float:left;
	max-width:110px;
	width:100%;
	margin-left:4.16666666666667%; /*10px*/
}

#nav a{
	text-decoration:none;
}

.logo{
	display:block;
	float:left;
	background:url(../img/abckymlogo.png) no-repeat;
	background-size:100%;
	width: 20%; /*86px*/
	max-width:91px;
	height:57px;
	text-indent:-9999px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.logo:hover{
	opacity:0.5;
}

.btn_suscribe{
	display:block;
	background:url(../img/btn_suscribe.png) top;
	width:110px; /*110px*/
	height:32px;
	line-height:29px;
	color:#4f4f4f;
	text-align:center;
}

.btn_suscribe:hover{
	background:url(../img/btn_suscribe.png) bottom;
	color:#FFFFFF;
}

.btn_entrar{
	display:block;
	background:url(../img/btn_entrar.png) top;
	width:63.63636363636364%; /*70px*/
	height:32px;
	padding-left:36.36363636363636%; /*40px*/
	line-height:29px;
	color:#4f4f4f;
	font-family: arial;
}

.btn_entrar:hover{
	background:url(../img/btn_entrar.png) bottom;
	color:#fff;
}


/* Documento - Promoción */

#promo{
	display:block; 
	 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;
	
    
	padding-top: 77px;
	
    padding-bottom: 20px;
}


#devices{
	background:url(../img/devices.png) no-repeat;
	background-size:100%;
	max-width:565px;
	height:100%;/*495px*/
	overflow:hidden;
	padding-bottom:9.5%;
}

.device1{
	height:auto;
	max-height:336px;
	width:44.60176991150442%; /*252px*/
	max-width:252px;
	float:left;
	margin-top:8.67256637168142%; /*49px*/
	margin-left:5.84070796460177%;/*33px*/
}

.device2{
	height:auto;
	max-height:255px;
	width:33.80530973451327%;/*191px*/
	max-width:191px;
	float:left;
	margin-top:13.98230088495575%;/*79px*/
	margin-left:5.84070796460177%;/*33px*/
}

#promo h2{
	font-size: 31px; /*43px*/
	color: #fff;
    
	line-height:48px;
	margin-bottom: 20px;
	margin-top: 0;
	font-family: roboto;
	text-align: center;
}

h5{
	font-family: SEGOEUIL;
	font-size: 24px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #d3d3d3;
	margin-bottom: 30px;
	color:#787878;
}

.btn_suscribe {
	display:none;
}
#products h3 {
	background: url("../img/logos.png") no-repeat scroll;
	display: block;
	height: 76px;
	position: relative;
	right: 39px;
	text-indent: -9999px;
	width: 100%;
	background-size: 100%;
	top: -11px;
}

#texto_dinamico{
	float:left;
}

#texto_dinamico h4{
	border-bottom: 1px dotted #999;
    color: #666666;
    font-family: SEGOEUIL;
    font-size: 1.5em;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 15px;
	line-height:30px;
}

#texto_dinamico p{
	font-family:SEGOEUIL;
	font-size:1em;/*16px*/
	color:#666;
	line-height:20px;
}

.texto_promo{
	padding-top:4.2%;
	width:40.71428571428571%;/*399px*/
	max-width:399px;
}

#purchase{
	margin-top:38px;
	overflow:hidden;
	float:left;
	width:100%;
}

#purchase p{
	font-family:SEGOEUIL;
	font-size:1.25em; /*20px*/
	color:#373737;
	text-align:right;
	color:#787878 ;
}

.btn_suscribete{
	background: none repeat scroll 0 0 #FF0000;
    display: block;
    float: left;
    height: 66px;
    margin-left: 4%;
    width: 57.406%;
	color: #fff;
	line-height: 66px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #48b2df; /* Old browsers */
	background: -moz-linear-gradient(top, #48b2df 0%, #3b95be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b95be), color-stop(100%,#b00000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #48b2df 0%,#3b95be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #48b2df 0%,#3b95be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #48b2df 0%,#3b95be 100%); /* IE10+ */
	background: linear-gradient(to bottom, #48b2df 0%,#3b95be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80000', endColorstr='#b00000',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:Open Sans;
	font-weight:800;
	font-size:32px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: 0px 0px 1px #000;
    filter: dropshadow(color=#000, offx=1, offy=0);
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
	-o-transition:all 0.3s ease-out;  /* Opera */
	-moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
	-ms-transition:all 0.3s ease-out;   /* Internet Explorer */
	transition:all 0.3s ease-out;  /* W3C */
	z-index: 0;
}

.btn_suscribete:hover{
	border-radius: 35px;
}

/* Documento - Contacto */

#contact {
	background: #cccccc
}

#contact dl{
	max-width: 980px;
	float: none;
	width: 86%;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
}

.contact_item{
	margin: 0;/*-1px*/
	font-family: pt sans;
	margin-bottom: 0;
	color: #ffffff;
	float: none;
	height: 61px;
	vertical-align: middle;
	padding-left: 8.714286%;/*105px*/
	width: 22.3%; /*211px*/
	display: inline-block;
}

.lastchild{
	border:none;
}

.contact_item dt{
	font: 20px pt sans;/*23px*/
	color: #666666;
}
.contact_item dd a {
	color: #ffffff;
	text-decoration: none;
}
#phone{
	background: url(../img/icn_phone.png) no-repeat left center;
}
#mail{
	background: url(../img/icn_mail.png) no-repeat center left;
	width: 237px;
}
#twitter{
	background:url(../img/icn_twitter.png) no-repeat left;
}
#phone dd{
	font: bold 28px pt sans;/*33px*/
}
#mail dd{
	font-size: 22px;/*18px*/
}

#twitter dd{
	font: 22px pt sans;/*27px*/
}

/* Documento - Footer */

#footer{
	padding-bottom:35px;
	margin-top: 20px;
}

#footer h4{
	font-family:SEGOEUIL;
	font-size:1.125em; /*18px*/
	color:#fff;
	text-shadow: 0px 0px 3px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

#footer dt{
	font-family:SEGOEUIL;
	font-size:1.125em; /*18px*/
	color:#fff;
	text-shadow: 0px 0px 3px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

#footer dd{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;/*12px*/
	color:#b6b6b6;
	line-height:20px;
}

#available dl{
	margin-top:48px;
}

#available dl div{
	height:67px;
}

#tablet_device{
	border-right:dotted 1px #FFFFFF;
	padding-left:10.25991792065663%;/*75px*/
	padding-right:0.6%;/*5px*/
	width:21.06703146374829%;/*154px*/
	background:url(../img/bg_smartphone.png) no-repeat left;
	background-size:23.5042735042735%;
}

#smartphone_device{
	border-right:dotted 1px #FFFFFF;
	padding-left:8.20793433652531%;/*60px*/
	padding-right:0.6%;/*5px*/
	width:23.11901504787962%;/*169px*/
	background:url(../img/bg_tablet.png) no-repeat left;
	background-size:18.37606837606838%;
}

#computer_device{
	padding-left:12.72229822161423%;/*93px*/
	padding-right:0.6%;/*5px*/
	width:17.92065663474692%;/*131px*/
	background:url(../img/bg_pc.png) no-repeat left;
	background-size:34.18803418803419%;
}

#legal p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em;/*14px*/
	color: #ffffff;
	line-height:15px;
	text-align: center;
	/* margin: 0 110px; */
}
#legal p a {
	color: #ffffff;
}
.amarillo {color: #eada33; }
.logos {background: #b1c1ce;width: 100%;margin: 0 auto 20px;padding: 7px;border-radius: 5px;max-width: 602px;}

 
.pre_footer {background: #191514;padding-bottom: 20px}
.pre_footer .wrap { width: 980px;margin: 0 auto; overflow: hidden; padding-top: 20px}
.pre_footer .wrap a {color: #ffffff}
    .pre_footer .bloque {float: left;}
    .pre_footer .device {float: left;width: 165px;padding-left: 10%;height: 70px;}
        .pre_footer p {color: #ffffff;font: 18px segoeuil;}
        .pre_footer span {color: #b6b6b6;font: 12px arial}
    .pre_footer .izq  {width: 784px;}
        .pre_footer .izq > p {margin-bottom: 10px;}
    .pre_footer .drcha {width: 20%;}
        .pre_footer .drcha p {margin-bottom: 10px}

.device.tablet {background: url(../img/bg_smartphone.png) no-repeat 10px center;}
.device.mobile {background: url(../img/bg_tablet.png) no-repeat 20px center;}
.device.pc {background: url(../img/bg_pc.png) no-repeat 20px center;padding-left: 14%;}

.suscribete {display: block; margin: 0 auto 30px;}

.promo {width: 655px; float: right;margin-right: 2%;}
.promo h2 {font: 47px/60px pt sans;color: #000000;width: 420px; margin: 20px auto}
.promo h2 strong {color: #ca0023;font-weight: bold}
.promo h2 span {background: url(../img/logo_kym.png) no-repeat center center; display: inline-block; padding-top: 14px;width: 99px;text-indent: -9999px;height: 58px;vertical-align: middle;}

.ventajas > p {font: 18px pt sans; color: #ca0023; text-align: center; margin-bottom: 40px;}
.ventajas ul li {width: 218px; float: left;;font: 12px pt sans;margin-bottom: 20px;}
.ventajas li .figure {width: 30%;display: inline-block; height: 43px;background: url(../img/ico_ventajas.png) no-repeat top center;vertical-align: top;}
.ventajas li.firmas .figure {background-position: center -166px;}
.ventajas li.abc20 .figure {background-position: center -330px;}
.ventajas li.galerias .figure {background-position: center -82px;}
.ventajas li.ultimaHora .figure {background-position: center -247px;}
.ventajas li.mejoresRevistas .figure {background-position: center -416px;}

.ventajas li .texto {width: 68%;display: inline-block;}
.ventajas li .texto p {font-weight: bold}