@charset "utf-8"; /*RECUERDA DEPURAR TODO EL CODIGO*/

/********** IMPORTED CSS **********/
@import url('modals.css') screen;
@import url(http://fonts.googleapis.com/css?family=Lato:300,700,700italic);
@font-face{font-family:"insa";
	src:url("../fonts/Insanibu.eot?") format("eot"),
	url("../fonts/Insanibu.woff") format("woff"),
	url("../fonts/Insanibu.ttf") format("truetype"),
	url("../fonts/Insanibu.svg#Insaniburger") format("svg");
font-weight:normal;
font-style:normal;}

h1,h2,h3,h4,h5,p,a{ -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-shadow:1px 1px 1px rgba(0,0,0,0.004); text-decoration:none; color:#ffffff}

html,body{ width:100%; height:100%; -webkit-font-smoothing: none;}
body{ margin:0; padding:0; min-height:100%; font-family:'Lato', sans-serif}

/********* SELECTOR *********/
#selector{ position:absolute; z-index:1200; width:100%; height:100%; background:#2D7C99}
#logo.selector{ margin:200px auto 40px auto; width:320px; height:130px;
background-image:url('../images/logos/kmovil-logo-L.png');
background-image:url('../images/logos/kmovil-logo-L.svg'),none;
background-position:center center; background-repeat:no-repeat;}
#dd{ margin:0 auto; width:260px; height:50px}
	#ddlist{ position:relative; margin:0;}
	#list{ position:absolute; z-index:100; top:50px; right:0px; width:260px; height:auto; background:#00a4da; display:none}
		#ddlist li a{ padding:0; display:block; width:260px; height:44px; border-bottom:1px solid #2d7c99; cursor:pointer;
		font-family:'Lato', sans-serif; font-size:16px; font-weight:300; line-height:44px; color:#ffffff; text-decoration:none; text-indent:10px}
		#ddlist li a:hover,#ddlist li a.current{ background:#256475}
	a.togg{ position:absolute; z-index:110; display:block; margin:0; padding:0; width:260px; height:50px; cursor:pointer;
	background-image:url('../images/dd-list-toggle.png');
	background-image:url('../images/dd-list-toggle.svg'), none;
	background-position:center right; background-repeat:no-repeat;
	font-family:'Lato', sans-serif; font-size:16px; font-weight:300; color:#ffffff; text-indent:8px; line-height:50px}
		a.togg:hover{ background-color:#28728C;}
	#by{ margin:0; position:fixed; z-index:99; bottom:50px; left:50%; margin-left:-90px; width:180px; height:70px; background:url('../images/by-bg.png') no-repeat center bottom}/*#selector{ display:none} Borrar esto al terminar con el CSS */
/********** HEADER **********/
header{ position:absolute; z-index:1100; top:0; margin:0; width:100%; height:54px; background:#2D7C99; border-bottom:1px solid #246880}
	#header{ margin:0 auto; max-width:960px; width:100%; height:54px}
	#kmovil-logo{ margin:0 7px; float:left; width:120px; height:54px;
	background-image:url('../images/logos/kmovil-flat-small.png');
	background-image:url('../images/logos/kmovil-flat-small.svg'),none;
	background-position:center center; background-repeat:no-repeat;}
	#kmovil-logo a{ margin:0; float:left; width:100%; height:100%}
#social{ margin:7px 0; padding:0; float:left; width:130px; height:40px; border-left:1px solid #00A4DA}
	#social a{ margin:5px 5px; float:left; width:30px; height:30px;
	background-image:url('../images/sprites-social.png');
	background-image:url('../images/sprites-social.svg'),none;
	background-position:-30px -5px; background-repeat:no-repeat;}
	#social a:first-child{ margin-left:15px; background-position:0 -5px}
	#social a:last-child{ background-position:-60px -5px}
a#button.medium{ margin:10px 14px; float:right; width:130px; height:34px; background:#33B5E6; font-size:16px; line-height:34px}a#button.medium:active{ background:#189bcc}
#ddmenu{ margin:0; float:right; width:54px; height:44px; background:#2D7C99}
	#submenu{ position:absolute; z-index:100; top:55px; right:0px; width:200px; height:270px; background:#2C768A; display:none}
	#dropdown{ position:relative; margin:0;}
		.root{ list-style:none; margin:0; padding:0}
		#dropdown li a{ padding:0; display:block; width:200px; height:44px; background:#2C768A; border-bottom:1px solid #338DAD; cursor:pointer;
		font-family:'insa'; font-size:18px; line-height:44px; color:rgb(255,255,255); text-decoration:none; text-indent:10px}
		#dropdown li a.mobi{ display:none}
		#dropdown li a:hover{ background:#256475}
	a#toggle{ position:absolute; z-index:110; display:block; margin:0; padding:0; width:54px; height:54px; cursor:pointer;
	background-image:url('../images/toggle.png');
	background-image:url('../images/toggle.svg'),none;
	background-position:center center; background-repeat:no-repeat;}
	a#toggle:hover,a#toggle.active{ background-color:#28728C;
	background-image:url('../images/toggle.png');
	background-image:url('../images/toggle.svg'),none;
	background-position:center center; background-repeat:no-repeat;}
/********** FOOTER **********/
footer{ position:fixed; z-index:980; bottom:10px; width:100%; height:30px}
	#copyright{ margin:0; float:left; font-family:'Lato', sans-serif; font-size:10px; font-weight:300; color:#ffffff; line-height:30px; text-indent:20px;}
	a#mov{ margin:0 20px; float:right; width:140px; height:30px; background:url('../images/logos/movH-M.png') no-repeat center center}
/******** SUPERSLIDES *******/
#slides{ position:relative}
#slides.slides-container{display:none}
#slides.scrollable{ *zoom:1; position:relative; top:0; left:0; overflow-y:auto; /*-webkit-overflow-scrolling:touch;*/ height:100%;}
	#slides.scrollable:after{ content:""; display:table; clear:both}
	.slides-navigation{ margin:0 auto; position:absolute; z-index:3; top:46%; width:100%; display:none}
	.slides-navigation a{ position:absolute; display:block}
	.slides-navigation a.prev{ left:0}
	.slides-navigation a.next{ right:0}
	.slides-pagination{display:none}
	.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{ margin:0; width:100%; min-height:100%}
/********* SIDE NAV *********/
#nav{ position:absolute; z-index:980; top:50%; margin-top:-85px; right:40px; width:130px; height:170px}
	#nav a{ margin:5px 0; padding-right:25px; float:left; width:130px; height:20px; font-family:'insa'; font-size:14px; text-align:right; text-decoration:none; color:rgba(255,255,255,0.4); line-height:20px;
	background-image:url('../images/bullet-1.png');
	background-image:url('../images/bullet-1.svg'), none;
	background-position:right; background-repeat:no-repeat;}
		#nav a:first-child{ margin-top:0}
		#nav a:last-child{ margin-bottom:0}
		#nav a:hover,#nav a.selected{ color:rgba(255,255,255,1);
		background-image:url('../images/bullet-2.png');
		background-image:url('../images/bullet-2.svg'), none;
		background-position:right; background-repeat:no-repeat;}
/********** BUTTONS *********/
a#button{ margin:0 5px; float:left; min-width:100px; min-height:30px; -webkit-border-radius:3px; border-radius:3px; border:none; outline:none; cursor:pointer; overflow:hidden;
font-family:'insa'; font-size:16px; font-weight:lighter; text-align:center; line-height:30px; text-decoration:none; color:#ffffff}
	a#button:active{ box-shadow:none; -webkit-box-shadow:none}
	a#button.blue{ background:#189bcc)}a#button.blue:active{ background:#168bb8}
	a#button.small{ min-width:70px; min-height:25px; background:#15798c; font-size:14px; line-height:25px}a#button.small:active{ background:#1b6c80}
	a#button.large{ margin:0; width:240px; height:35px; font-family: 'Lato', sans-serif; font-size:13px; font-weight:300; line-height:35px; text-indent:10px;
	background-color:#00c9b1;
	background-image:url('../images/map-icon.png');
	background-image:url('../images/map-icon.svg'), none;
	background-position:top left; background-repeat:no-repeat;}
	a#button.large:active{ background-color:#00c2ab}
	a#button.huge{ min-width:220px; min-height:50px; background:#189bcc; font-size:18px; line-height:50px}a#button.huge:active{ background:#1891bf}
	a#button.mobile{ min-width:160px; min-height:40px; background:#00c9b1; font-size:14px; line-height:40px; position:relative; z-index:100; left:50%; margin-left:-80px; top:30px; display:none}

/********* CONTAINERS ********/#wrapper{ margin:55px auto; max-width:1000px; min-height:400px}
	#wrapper.portada{ margin-top:155px}
#content{ margin:0 auto; width:500px; min-height:400px}
#heading{ margin:0 auto; width:180px; height:60px; font-family:'insa'; font-size:18px; color:#2c7a96; text-align:center; line-height:70px;
	background-image:url('../images/heading-L.png');
	background-image:url('../images/heading-L.svg'), none;
	background-repeat:no-repeat;}
#divider{ margin:15px auto; width:80%; height:1px; clear:both; background:#00a4da} /*ok*/
/********** PORTADA **********/
#logo.cover{ margin:20px auto; width:320px; height:130px;
background-image:url('../images/logos/kmovil-logo-L.png');
background-image:url('../images/logos/kmovil-logo-L.svg'), none;
background-position:center center; background-repeat:no-repeat;}
#cover_link{ margin:20px auto; width:220px; height:50px} /*ok*/
/**********  QUE ES **********/
#tabs-wat{ margin:10px auto; width:500px; height:auto}
ul#wat.tabs{ margin:5px auto; width:400px; height:20px}
	ul#wat.tabs li{ display:inline; margin:0; padding:0; float:left; width:auto; height:20px; border-right:1px solid rgb(1,68,120)}
	ul#wat.tabs li:first-child{ margin-left:10px; padding-left:0}ul#wat.tabs li:last-child{ margin-right:0; border-right:none}
	ul#wat.tabs li a{ margin:0; padding:0 12px; float:left; width:auto; height:20px;
	font-family:'Lato', sans-serif; font-size:16px; font-weight:700; text-align:center; line-height:20px; text-decoration:none}
#content-wat{ margin:0; width:100%; height:400px}
	#quees,#auspiciador,#patrocinadores{ margin:0; width:100%; height:400px}
	#quees{ background:url('../images/illustrations/what-van.png') no-repeat top center}
	#auspiciador a{ margin:5px 0; float:left; width:100%; height:180px; background:url('../images/logos/movV-M.png') no-repeat top center}
	#patrocinadores{ margin:0 auto; width:340px;}
		#patrocinadores a{ margin:10px 15px; float:left; width:140px; height:180px}
		#patrocinadores a.imz{ background:url('../images/logos/imz.png') no-repeat}
		#patrocinadores a.imls{ background:url('../images/logos/imls.png') no-repeat}
		#patrocinadores a.conaset{ background:url('../images/logos/conaset.png') no-repeat}
		#patrocinadores a.spd{ background:url('../images/logos/spd.png') no-repeat} /*ok*/
/******* COMO FUNCIONA *******/
#tabs-how{ margin:5px auto; width:400px; height:285px}
ul#numbers{ margin:0 auto; width:130px; height:30px}
	ul#numbers.tabs li{ display:inline; margin:0 10px; float:left; width:30px; height:30px}
	ul#numbers.tabs li:first-child{ margin-left:-21px}ul#numbers.tabs li:last-child{ margin-right:0}
	ul#numbers.tabs li a{ margin:0; padding:0; float:left; width:30px; height:30px;
	background-image:url('../images/number-bullets.png');
	background-image:url('../images/number-bullets.svg'), none;
	background-repeat:no-repeat;}
	ul#numbers.tabs li a.one{ background-position:0 0}ul#numbers.tabs li a.one:hover,ul#numbers.tabs li.selected a.one{ background-position:0 -30px}
	ul#numbers.tabs li a.two{ background-position:-30px 0}ul#numbers.tabs li a.two:hover,ul#numbers.tabs li.selected a.two{ background-position:-30px -30px}
	ul#numbers.tabs li a.three{ background-position:-60px 0}ul#numbers.tabs li a.three:hover,ul#numbers.tabs li.selected a.three{ background-position:-60px -30px}
#content-how{ margin:0; width:100%; height:255px}
#paso1,#paso2,#paso3{ margin:0; width:400px; height:250px; background-position:center top; background-repeat:no-repeat}
	#paso1{	background-image:url('../images/illustrations/how1-L.png');	background-image:url('../images/illustrations/how1-L.svg'), none;}
	#paso2{ background-image:url('../images/illustrations/how2-L.png');	background-image:url('../images/illustrations/how2-L.svg'), none;}
	#paso3{ background-image:url('../images/illustrations/how3-L.png');	background-image:url('../images/illustrations/how3-L.svg'), none;}
#how-links{ margin:10px auto; width:320px; height:50px}
	a#button.white{ background:#ffffff; color:#1f798c}a#button.white:active{ background:#ebebeb}a#button.white:first-child{ margin-left:0}a#button.white:last-child{ margin-right:0}
.quotes{ margin:0; position:relative; right:0px; top:0}
.textItem{ position:absolute; display:none; width:100%; font-size:16px; text-align:center} /*ok*/
/********* BENEFICIOS ********/
#bnf_link{ margin:15px auto; width:120px; height:120px;
	background-image:url('../images/bnf-link.png');
	background-image:url('../images/bnf-link.svg'), none;
	background-repeat:no-repeat;}
#bnf_link a{ margin:0; float:left; width:120px; height:120px;} /*ok*/
/******** SIGUE TU VAN *******/
#stv-pic{ margin:20px auto; width:400px; height:240px;
	background-image:url('../images/illustrations/stv-van.png');
	background-image:url('../images/illustrations/stv-van.svg'), none;
	background-position:center top; background-repeat:no-repeat;}
#stv-links{ margin:20px auto; width:320px; height:100px}
	#stv-links a{ margin:0 10px; float:left; width:100px; height:100px; overflow:hidden;
	background-image:url('../images/stv-links.png');
	background-image:url('../images/stv-links.svg'), none;
	background-position:-100px 0; background-repeat:no-repeat;}
	#stv-links a:first-child{ margin-left:50px; background-position:-200px 0}
	#stv-links a:last-child{ background-position:-100px 0} /*ok*/
/********* CONTACTO **********/
form{ margin:0 auto; width:250px; min-height:100px; clear:both; overflow:auto}label{ display:none}
	input,select,textarea{ margin:3px 0; padding:0; width:248px; height:25px; background:none; border:1px solid rgba(255,255,255,0.8);
	font-family:'Lato', sans-serif; font-size:14px; color:#fff; text-indent:5px; line-height:25px}
	textarea{ max-width:248px; min-height:80px; max-height:150px}
	select{ width:248px; background:rgba(40,114,140,0.6); text-indent:0px; padding:3px 0}
		option{ margin:5px 0;}
		input:focus,textarea:focus,select:focus{ outline:1px solid #ffffff}
		::-webkit-input-placeholder{ color:rgba(255,255,255,0.8);}
		:-moz-placeholder{ color:rgba(255,255,255,0.8);}
		::-moz-placeholder{ color:rgba(255,255,255,0.8);}
		:-ms-input-placeholder{ color:rgba(255,255,255,0.8);}
	input.submit,button{ /*margin:5px 150px;*/ position:relative; left:50%; margin-left:-50px; margin-top:10px; height:30px; width:100px; background:#189bcc; border:none; cursor:pointer;
	font-family:'Lato', sans-serif; font-size:16px; font-weight:300; color:#fff; line-height:30px; text-align:center;}
	input.submit:hover, input.submit:focus, button:hover, button:focus{ background:#00c9b1; outline:none}
#cont-links{ margin:0 auto; width:200px; height:auto; color:#fff}
	#cont-links a{ margin:10px 10px; float:left; width:40px; height:40px;
	background-image:url('../images/sprites-social.png');
	background-image:url('../images/sprites-social.svg'), none;
	background-position:-130px 0;}
	#cont-links a:first-child{ margin-left:20px; background-position:-90px 0}#cont-links a:last-child{ margin-right:0; background-position:-170px 0} /*ok*/
/******* TEXT STYLING ********/
#content p{ margin:10px auto; width:400px; font-family:'Lato', sans-serif; font-size:16px; font-weight:300; text-align:center; color:#ffffff; line-height:1.4em }
h1.cover,h2.cover{ margin:0 auto; font-family:'insa'; font-size:26px; color:#ffffff; text-align:center; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
h2.cover{ font-size:36px}
#content p.quees{ padding-top:200px; width:90%; text-align:justify; line-height:1.2em}#content p.quees span{ font-family:'insa'}
#content h1.how{ margin:0 auto; font-family:'insa'; font-size:18px; text-align:center; line-height:1.4em}
#content p.how{ margin:0 auto; font-size:14px; clear:both}
#content p.bnf{ margin:50px auto 0 auto; width:310px; font-size:21px; line-height:1.4em}#content p.bnf span{ font-family:'insa'}
#content p.bnf_txt{ margin:20px auto; font-size:21px}
#content p.bnf_tips{ margin:15px auto; font-size:14px; color:#ffffff}
#content p.contacto{ margin:0 auto; font-size:14px; clear:both}
#content p,h1.cover,h2.cover,#content p.quees,#content h1.how,#content p.how,#content p.bnf,#content p.bnf_txt,#content p.bnf_tips,#content p.contacto{-webkit-font-smoothing:antialiased;} /*ok*/

/********** ESTILOS ESPECIALES **********/
/*** TRANSITIONS ***/
.ease-fast{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.ease-slow{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
/*** SHADOWS ***/
.soft-sdw{ -webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.3);}
.hard-sdw{ -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4);}
/*** ROUNDED ***/
.soft-round{ -webkit-border-radius:3px; border-radius:3px;}
.med-round{ -webkit-border-radius:5px; border-radius:5px;}
.bot-round{ -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}

.hidden{ display:none}

/********* Breakpoint - 1280px **********/@media handheld, only screen and (max-width:1280px){
/********* SELECTOR *********/#logo.selector{ margin:180px auto 20px auto}
/********* CONTAINERS ********/#wrapper.portada{ margin-top:130px}#divider{ margin:10px auto}
/********** PORTADA **********/#logo.cover{ margin:20px auto}
/********* CONTACTO **********/#cont-links a{ margin:5px 10px;}
/******** TEXT STYLING *******/#content p{ margin:5px auto; font-size:14px}#content p.contacto{ font-size:12px}
}
/********* Breakpoint - 1024px **********/@media handheld, only screen and (max-width:1024px) {
/********* SELECTOR *********/#logo.selector{ margin:150px auto 20px auto}
/********* CONTAINERS *******/#wrapper.portada{ margin-top:100px}
}

@media handheld, only screen and (max-width:810px){
/********* SELECTOR *********/#logo.selector{ margin:220px auto 40px auto}
/********* SIDE NAV *********/#nav{ display:none}
/********* CONTAINERS ********/#wrapper.portada{ margin-top:150px}#divider{ margin:20px auto}
/**********  QUE ES **********/#tabs-wat{ margin:30px auto}ul#wat.tabs{ margin:10px auto}
/******* COMO FUNCIONA *******/#tabs-how{ margin:20px auto}
/******** TEXT STYLING ******/#content p{ margin:20px auto; font-size:16px}#content h1.how{ font-size:21px}#content p.how{ font-size:14px}#content p.contacto{ font-size:16px}#content p.bnf{ margin-top:100px}
}

@media handheld, only screen and (max-width:480px){
/********* SELECTOR *********/#logo.selector{ margin:140px auto 40px auto}#by{ bottom:30px} /*ok*/
/********** HEADER **********/#header{ width:100%}#kmovil-logo{ margin:0 5px; width:110px}#social a{ margin:5px 5px}#social a:first-child{ margin-left:10px}a#button.medium{ display:none}
#submenu{ height:280px}
#dropdown li a{ width:200px; height:39px; font-size:18px; line-height:39px}
#dropdown li a.mobi{ display:block}/*ok*/
/********** FOOTER **********/footer{ bottom:8px; height:12px;}#copyright{ display:none}a#mov{ margin:0 10px; width:60px; height:12px; background:url('../images/logos/movH-S.png') no-repeat center center} /*ok*/
/********* CONTAINERS ********/
#wrapper{ width:100%}
#wrapper.portada{ margin-top:90px}
#content{ margin:0 auto; width:96%}
#heading{ width:154px; height:50px; font-size:15px; line-height:65px;
	background-image:url('../images/heading-S.png');
	background-image:url('../images/heading-S.svg'), none;
	background-repeat:no-repeat;
	font-weight:normal;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale}
#divider{ display:none} /*ok*/
/********** PORTADA **********/
#logo.cover{ margin:10px auto}
#cover_link{ display:none}
a#button.mobile{ display:block; bottom:20px;} /*ok*/
/**********  QUE ES **********/
#tabs-wat{ margin-top:5px; width:100%}
ul#wat.tabs{ margin:5px auto; padding:0; width:360px; height:20px; overflow:hidden}
	ul#wat.tabs li{ padding:0}
	ul#wat.tabs li:first-child{ margin-left:15px}
	ul#wat.tabs li a{ padding:0 10px; font-size:14px}
	
#content-wat{ margin:0; width:100%; height:auto}
	#quees,#auspiciador,#patrocinadores{ margin:0; width:100%; height:300px}
	#quees{ background:url('../images/illustrations/what-van-S.png') no-repeat top center}
	#auspiciador a{ margin:5px 0; height:60px; background:url('../images/logos/movH-L.png') no-repeat center center}
	#patrocinadores{ margin:0 auto; width:300px;}
		#patrocinadores a{ margin:5px 25px; width:100px; height:100px}
		#patrocinadores a.imz{ background:url('../images/logos/imz-S.png') no-repeat}
		#patrocinadores a.imls{ background:url('../images/logos/imls-S.png') no-repeat}
		#patrocinadores a.conaset{ background:url('../images/logos/conaset-S.png') no-repeat}
		#patrocinadores a.spd{ background:url('../images/logos/spd-S.png') no-repeat} /*ok*/
/******* COMO FUNCIONA *******/
#tabs-how{ margin:0 auto; width:100%; height:auto}
ul#numbers{ margin:0 auto; width:130px; height:30px}
	ul#numbers.tabs li{ display:inline; margin:0 10px; float:left; width:30px; height:30px}
	ul#numbers.tabs li:first-child{ margin-left:-21px}ul#numbers.tabs li:last-child{ margin-right:0}
	ul#numbers.tabs li a{ margin:0; padding:0; float:left; width:30px; height:30px;
	background-image:url('../images/number-bullets.png');
	background-image:url('../images/number-bullets.svg'), none;}
	ul#numbers.tabs li a.one{ background-position:0 0}ul#numbers.tabs li a.one:hover,ul#numbers.tabs li.selected a.one{ background-position:0 -30px}
	ul#numbers.tabs li a.two{ background-position:-30px 0}ul#numbers.tabs li a.two:hover,ul#numbers.tabs li.selected a.two{ background-position:-30px -30px}
	ul#numbers.tabs li a.three{ background-position:-60px 0}ul#numbers.tabs li a.three:hover,ul#numbers.tabs li.selected a.three{ background-position:-60px -30px}
#content-how{ margin:0; width:100%; height:195px}
#paso1,#paso2,#paso3{ margin:0; width:100%; height:190px; background-position:center center; background-repeat:no-repeat;}
	#paso1{
	background-image:url('../images/illustrations/how1-S.png');
	background-image:url('../images/illustrations/how1-S.svg'), none;}
	#paso2{
	background-image:url('../images/illustrations/how2-S.png');
	background-image:url('../images/illustrations/how2-S.svg'), none;}
	#paso3{
	background-image:url('../images/illustrations/how3-S.png');
	background-image:url('../images/illustrations/how3-S.svg'), none;}
#how-links{ margin:10px auto; width:285px; height:30px}
	a#button{ min-width:85px; min-height:25px; line-height:25px}
	a#button.white{ font-size:14px}a#button.white:first-child{ margin-left:5px}
	.textItem{ font-size:14px} /*ok*/
/********* BENEFICIOS ********/
#bnf_link{ margin:10px auto; width:80px; height:80px;
	background-image:url('../images/bnf-link-S.png');
	background-image:url('../images/bnf-link-S.svg'), none;
	background-repeat:no-repeat;}
#bnf_link a{ margin:0; float:left; width:80px; height:80px;} /*ok*/
/******** SIGUE TU VAN *******/
#stv-pic{ margin:0 auto; width:240px; height:150px;
	background-image:url('../images/illustrations/stv-van-S.png');
	background-image:url('../images/illustrations/stv-van-S.svg'), none;
	background-position:center top; background-repeat:no-repeat;}
#stv-links{ margin:20px auto; width:320px; height:100px}
	#stv-links a{ margin:0 5px; float:left; width:100px; height:100px; overflow:hidden;}
	#stv-links a:first-child{ margin-left:0;}#stv-links a:last-child{ margin-right:0} /*ok*/
/********* CONTACTO **********/
form{ margin:0 auto; width:252px; min-height:100px; clear:both; overflow:auto}
input,select,textarea{ margin:3px 5px; padding:0; float:left; width:114px; height:20px; background:none; border:1px solid rgba(255,255,255,0.8);
font-family:'Lato', sans-serif; font-size:14px; color:rgb(255,255,255); text-indent:5px; line-height:20px}
input.mobile{ width:240px}
textarea.mobile{ width:240px; min-height:50px}
select{ width:247px; height:30px; background:rgba(40,114,140,0.6); text-indent:0px; padding:3px 0; line-height:20px}
option{ margin:5px 0;}
textarea{ max-width:248px; min-height:80px; max-height:150px}
input.submit,button{position:relative; left:50%; margin-left:-50px; margin-top:10px; height:30px; width:100px; background:#189bcc; border:none; cursor:pointer;
font-family:'Lato', sans-serif; font-size:16px; font-weight:300; color:#fff; line-height:30px; text-align:center;}
#cont-links{ display:none} /*ok*/
/******* TEXT STYLING ********/
#content p{ margin:5px auto; width:96%; font-family:'Lato', sans-serif; font-size:14px; font-weight:300; text-align:center; color:#ffffff; line-height:1.4em }
h1.cover,h2.cover{ font-size:24px}h2.cover{ font-size:28px}
#content p.quees{ padding-top:120px; width:90%; font-size:13px}
#content p.quees2{ padding-top:60px}
#content h1.how{ margin:20px auto 5px auto; line-height:1em; font-size:16px}
#content p.how{ margin:0 auto; font-size:12px}
#content p.bnf{ margin:10px auto 0 auto; width:96%; font-size:18px; line-height:1.4em}#content p.bnf span{ font-family:'insa'}
#content p.bnf_txt{ margin:10px auto; font-size:18px}
#content p.contacto{ display:none} /*ok*/
}

@media handheld, only screen and (max-width:360px){
/********* SELECTOR *********/
#logo.selector{ margin:70px auto 15px auto; width:100%; height:100px;
	background-image:url('../images/logos/kmovil-logo-S.png');
	background-image:url('../images/logos/kmovil-logo-S.svg'), none;
	background-position:center center; background-repeat:no-repeat;}
#by{ bottom:15px} /*ok*/
/********** HEADER **********/#kmovil-logo{ margin:0}#social{ width:120px; overflow:hidden}#social a:first-child{ margin-left:5px; background-position:0 -5px} /*ok*/
/********* CONTAINERS ********/#wrapper{ margin:55px auto; width:100%}#wrapper.portada{ margin-top:85px}#content{ width:100%} /*ok*/
/********** PORTADA **********/
#logo.cover{ margin:10px auto; width:250px; height:100px;
	background-image:url('../images/logos/kmovil-logo-S.png');
	background-image:url('../images/logos/kmovil-logo-S.svg'), none;
	background-position:center center; background-repeat:no-repeat;}
a#button.mobile{ display:block; min-width:140px; min-height:35px; font-size:13px; line-height:35px; margin-left:-70px; bottom:5px} /*ok*/
/**********  QUE ES **********/
#tabs-wat{ margin-top:5px; width:100%}
ul#wat.tabs{ margin:5px auto; padding:0; width:300px; height:20px}
	ul#wat.tabs li:first-child{ margin-left:0}
	ul#wat.tabs li a{ padding:0 7px; font-size:12px; text-align:left}
#quees{ background:none}
#patrocinadores a{ margin:2px 25px; width:100px; height:100px}/*ok*/
/******** COMO FUNCIONA *******/#content h1.how{ font-size:13px; margin:10px auto 5px auto}#content p.how{ display:none} /*ok*/
/******** SIGUE TU VAN *******/
#stv-pic{ display:none}
#stv-links{ margin:15px auto; width:312px; height:100px; overflow:hidden}
	#stv-links a{ margin:0 2px}
	#stv-links a:first-child{ margin-left:2px; background-position:-200px 0}#stv-links a:last-child{ float:right; margin-right:2px; background-position:-100px 0} /*ok*/
/******* TEXT STYLING ********/
#content p{ margin:5px auto; width:96%; font-family:'Lato', sans-serif; font-size:14px; font-weight:300; text-align:center; color:#ffffff; line-height:1.4em }
h1.cover,h2.cover{ font-size:18px}h2.cover{ font-size:24px}
#content p.quees{ padding-top:10px; width:96%; font-size:14px}
#content p.quees2{ padding-top:60px}
#content p.bnf{ margin:10px auto 0 auto; width:96%; font-size:18px; line-height:1.4em}#content p.bnf span{ font-family:'insa'}
#content p.bnf_txt{ margin:10px auto; font-size:18px}
#content p.contacto{ display:none} /*ok*/
}

@media handheld, only screen and (max-height:320px){a#button.mobile, footer{ display:none}}
@media handheld, only screen and (max-height:400px){
/******* COMO FUNCIONA *******/
#tabs-how{ margin:0 auto; width:100%; height:auto}
ul#numbers{ margin:0 auto; width:130px; height:30px}
	ul#numbers.tabs li{ display:inline; margin:0 10px; float:left; width:30px; height:30px}
	ul#numbers.tabs li:first-child{ margin-left:-21px}ul#numbers.tabs li:last-child{ margin-right:0}
	ul#numbers.tabs li a{ margin:0; padding:0; float:left; width:30px; height:30px;
	background-image:url('../images/number-bullets.png');
	background-image:url('../images/number-bullets.svg'), none;}
	ul#numbers.tabs li a.one{ background-position:0 0}ul#numbers.tabs li a.one:hover,ul#numbers.tabs li.selected a.one{ background-position:0 -30px}
	ul#numbers.tabs li a.two{ background-position:-30px 0}ul#numbers.tabs li a.two:hover,ul#numbers.tabs li.selected a.two{ background-position:-30px -30px}
	ul#numbers.tabs li a.three{ background-position:-60px 0}ul#numbers.tabs li a.three:hover,ul#numbers.tabs li.selected a.three{ background-position:-60px -30px}
#content-how{ margin:0; width:100%; height:150px}
#paso1,#paso2,#paso3{ margin:0; width:100%; height:150px; background-position:center center; background-repeat:no-repeat}
	#paso1{
	background-image:url('../images/illustrations/how1-XS.png');
	background-image:url('../images/illustrations/how1-XS.svg'), none;}
	#paso2{
	background-image:url('../images/illustrations/how2-XS.png');
	background-image:url('../images/illustrations/how2-XS.svg'), none;}
	#paso3{
	background-image:url('../images/illustrations/how3-XS.png');
	background-image:url('../images/illustrations/how3-XS.svg'), none;}
#how-links{ margin:0px auto; width:285px; height:30px}
	a#button{ min-width:85px; min-height:25px; line-height:25px}
	a#button.white{ font-size:14px}a#button.white:first-child{ margin-left:5px}
	.textItem{ font-size:14px} /*ok*/
}

/********** RETINA DISPLAY TEXTS **********/
@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 192dpi){
body,#ddlist li a,a.togg,#copyright,a#button.large,ul#wat.tabs li a,#content p,input,select,textarea,input.submit,button{ font-family:Arial, Helvetica, sans-serif; font-weight:300}
#dropdown li a,#nav a,a#button,#heading,h1.cover,h2.cover,#content p.quees span,#content h1.how,#content p.bnf span{ font-family:Arial, Helvetica, sans-serif; font-weight:700; letter-spacing:-1px}
}