@charset "utf-8";
/* CSS Document */

/* Fuentes */

 @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: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@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;

}		
/* Documento - Body */

body{
	background: url(../img/degradado.jpg);
	font-size:100%;
	background-size: 100% 100%;
}


/* Documento - Navegador */

#nav{
	background-color:rgba(0,0,0,0.7);
	height:57px;
	padding: 0.7% 0; /*13px*/
	position:fixed;
	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: 80px;
	
    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;
}
#promo img {display: block;margin: 0 auto;max-width: 549px;width: 100%;}
#promo .caja_promo img {
    display: block;  margin: 0 auto;
    max-width: 410px;
}
#promo .caja_promo {
	position: relative
;
	padding-bottom: 15px;
	width: 100%;
}
#promo .caja_promo span {overflow: hidden;
display: block;
position: relative;
max-width: 980px;
padding-bottom: 20px;width: 100%;}
#promo .caja_promo .chapa {
	position: absolute;
	margin: 0;
	top: 100px;
	right: 90px;
	width: 191px;
}
#promo .caja_promo a {
	display: block ;
	width: 240px;
	background: #095ba1;
	position: absolute;
	color: #fff;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	font: 37px roboto;
	left: 50%;
	border-radius: 5px;
	text-transform: uppercase;
	margin-left: -126px;
	bottom: 1px;
}
h5{
	font-family: SEGOEUIL;
	font-size: 24px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #d3d3d3;
	margin-bottom: 30px;
	color:#787878;
}
#products {
    background-color: rgba(255, 255, 255, 0.4);
    height: 66px;
    margin-left:-11.52882205513784%; /*46px*/
    margin-top:12.8%;/*29px*/
    padding-left: 25.06265664160401%; /*100px*/
    padding-top: 12px;
    width:86.46616541353383%;/*345px*/
}
.btn_suscribe {
	display:none;
}
#bases_legales{
	text-decoration: underline;
	color:#ffffff;
}
#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 dl{
	margin-top:50px;
	max-width: 980px;
	float: none;
	width: auto;
	overflow: hidden;
	margin: 50px auto 0 auto;
}

.contact_item{
	border-right: dotted 1px #8eabbf;
	margin-left:-0.10204081632653%;/*-1px*/
	font-family: arial;
	color: #8eabbf;
	height:81px;
	padding-left:10.71428571428571%;/*105px*/
	width:21.53061224489796%; /*211px*/
}

.lastchild{
	border:none;
}

.contact_item dt{
	font-size:1.4375em;/*23px*/
	margin-bottom:15px;
}

#phone{
	background:url(../img/icn_phone.png) no-repeat left;
	background-size:25.63291139240506%;
	
}

#mail{
	background:url(../img/icn_mail.png) no-repeat left;
	background-size:25.63291139240506%;
}

#twitter{
	background:url(../img/icn_twitter.png) no-repeat left;
	background-size:25.63291139240506%;
}
.contact_item dd a {color: #8eabbf;text-decoration: none}
#phone dd{
	font-size:2.0625em;/*33px*/
	font-family:Open Sans;
	font-weight:500;
}

#mail dd{
	font-size:1.125em;/*18px*/
}

#twitter dd{
	font-size:1.6875em;/*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;}
@media all and (max-width: 1040px) {
	.chapa {max-width: 190px !important;}
    .contact_item {background-size: 25% !important;padding-left: 90px;}
	.contact_item dt {font-size: 18px;margin-top: 10px;}
    #mail dd {font-size: 14px !important;}
	.contact_item dd {font-size: 24px !important;}
	.amarillo {display: block;}
}
@media all and (max-width: 950px) {
	.chapa {max-width: 180px !important;right: 0 !important;}
	.contact_item {max-width: 162px;width: 100%;padding-left: 70px;}
	.contact_item dt {font-size: 16px;margin-top: 10px;}
    #mail dd {font-size: 14px !important;}
	.contact_item dd {font-size: 20px !important;}
	#contact dl {padding-left: 4%}
}
@media all and (max-width: 850px) {
	.chapa {max-width: 180px !important;right: 0 !important;}
	.contact_item {max-width: 170px;width: 100%;padding-left: 55px;}
	.contact_item dt {font-size: 13px;margin-top: 10px;padding-left: 20px;}
    #mail dd {font-size: 13px !important;}
	.contact_item dd {font-size: 18px !important;padding-left: 20px;word-wrap: break-word;}
	#contact dl {padding-left: 3%}
}
@media all and (max-width: 815px) {
	.contact_item {
    max-width: 165px;
    padding-left: 40px;
}
	#contact dl {margin-top: 10px;}
}
@media all and (max-width: 650px) {
	.contact_item {display: block;float: none;width: 100%;border-right: 0;margin: 0 auto;max-width: 210px;padding-left: 80px;border-bottom: dotted 1px #8eabbf;}
	#contact dl {margin-top: 10px;}
}
@media all and (max-width: 400px) {
	.chapa {max-width: 90px !important; right: 0 !important;}
	#promo .caja_promo a {font-size: 20px; width: 120px;margin-left: -70px;bottom: 10px;}
}
@media all and (max-width: 350px) {
	.chapa {max-width: 70px !important; right: 0 !important;top: 70px !important;}
}