/****************************
-- Fonts --
****************************/

 @font-face {font-family: 'precios-noviembre';
      src: url('../fonts/precios-noviembre.eot?67964107');
      src: url('../fonts/precios-noviembre.eot?67964107#iefix') format('embedded-opentype'),
           url('../fonts/precios-noviembre.woff?67964107') format('woff'),
           url('../fonts/precios-noviembre.ttf?67964107') format('truetype'),
           url('../fonts/precios-noviembre.svg?67964107#precios-noviembre') format('svg');
      font-weight: normal;
      font-style: normal;
    }

/* @font-face {font-family: 'fontello';
      src: url('../fonts/fontello.eot?67964107');
      src: url('../fonts/fontello.eot?67964107#iefix') format('embedded-opentype'),
           url('../fonts/fontello.woff?67964107') format('woff'),
           url('../fonts/fontello.ttf?67964107') format('truetype'),
           url('../fonts/fontello.svg?67964107#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }*/
	
	@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?63r0bs');
  src:  url('../fonts/icomoon.eot?63r0bs#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?63r0bs') format('truetype'),
    url('../fonts/icomoon.woff?63r0bs') format('woff'),
    url('../fonts/icomoon.svg?63r0bs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
.icon-plan:before {
  content: "\e901";
}
.icon-gigas2:before {
  content: "\e801";
}
.icon-claro-01:before {
  content: "\e800";
}
.icon-5gigas:before {
  content: "\e803";
}
.icon-planes:before {
  content: "\e804";
}
.icon-gigas:before {
  content: "\e900";
}
	*/
	
	
	

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'DINCond-Bold';
    src: url('../fonts/DINCond-Bold.eot');
    src: url('../fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINCond-Bold.woff2') format('woff2'),
         url('../fonts/DINCond-Bold.woff') format('woff'),
         url('../fonts/DINCond-Bold.ttf') format('truetype'),
         url('../fonts/DINCond-Bold.svg#DINCond-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


@font-face {
  font-family: 'DINCond-Regular';
  src: url('../fonts/DINCond-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/DINCond-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/DINCond-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/DINCond-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/DINCond-Regular.svg#62f75ccd04c776030ca293d074e92944') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  200;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*body{background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-size: cover; background-position: 50% 50%;}*/
#myModalLabel{font-family:robotomedium, Arial, Helvetica, sans-serif;font-size: 22px; text-align:center;}
.gracias{
    font-family: DINCond-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align:center;
	margin:3%;
    }





.row {
   margin-right: 0px; 
    margin-left: 0px; 
}

.titulo {
	font-family:robotomedium, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.txt {
	font-family: DINCond-Regular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    padding: 24px;
    line-height: 20px;
}

.terminos { 
	border:1px solid #000;
    padding: 10px;
	float:left;
	clear:both;
	width:100%;
    margin-bottom: 5px;
    margin-top: 15px;
}


.check-span {
	float: right;
    margin-top: 1px;
}




.terminos a {
	font-family: robotolight, Arial, Helvetica, sans-serif;
    font-size: 16px;
	display:block;
	clear:both;
	width:100%;
	color:#000;
	text-decoration:none;
}
.terminos a:before {
    content: '\f067';
    position: relative;
    float: right;
    font-family: 'FontAwesome';
    right: 8px;
    top: 0px;
    transform: rotate(135deg);
    transition: all 0.5s;
}

.terminos a.collapsed:before {
  content: '\f067';
  transform: rotate(0deg);
  transition: all 0.5s;
}

.terminos div p{
	font-family: DINCond-Regular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    padding: 24px;
    line-height: 20px;
	}



.form-claro{ padding: 0 6% 0 6%;}

.form-group { margin-bottom:15px; float:left; clear:both; width:100%;}

.form-group label { font-family:robotolight, Verdana, Geneva, sans-serif; /*font-size:13px;*/}


.label-tel{ float:left; clear:both; display:block; width:100%}

.w1 {width:20%; float:left;}

.w2{ width:79%; float:right}





.container {
	max-width: 900px; /*background:#F2F2F2;*/
	padding: 2% 0px;
	font-family: gotham_book, Arial, Helvetica, sans-serif
}


input{
	font-size:12px!important;
	border: none!important;
    background: none!important;
    box-shadow: none!important;
    border-bottom: 1px solid #ccc!important;
    border-radius: 0!important;
}

.nota{ margin-top: 25px; margin-bottom: 50px;}

.campos-ob{ float:left; clear:both; width:100%; display:block; margin-top:25px;}

.btn-enviar { background:#222222!important; border:#FFF 1px solid; border-radius:none !important; width:130px; /* padding:2% 0%;*/ float:right; font-family: 'DINCond-Regular'; font-size:1.3em;}
.btn-enviar:hover { background:#222222!important; border:#FFF 1px solid; border-radius:none !important; width:130px; /* padding:2% 0%;*/ float:right; font-family: 'DINCond-Regular'; font-size:1.3em; color:#CCC;}

.btn-borrar { background:#AAAEAF!important; border:#AAAEAF!important; width:110px; min-width:80px; /*padding:2% 0%;*/ float:left; font-family:robotoregular, Verdana, Geneva, sans-serif;}
.btn-borrar:hover { background:#AAAEAF; border:#AAAEAF; font-family:robotomedium, Verdana, Geneva, sans-serif;}



.col-foot {font-family: DINCond-Regular, Arial, Helvetica, sans-serif; color:#868686}


.col-foot img,.col-foot h1,.col-foot p,.col-foot span  {float:left; clear:both; width:100%}

.col-foot h1 { font-size:15px; font-weight:bold; margin-top:5px;}
.col-foot p { font-size:10px; min-height:60px; margin-top:8px;}
.col-foot span { font-size:9px;}

.styled-select{ /*background:#FFF;*/}
/* CSS PARA CAMBIAR A MANO EL ESTILO DEL SELECT
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background:url(../img/down_arrow_select.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;
}

*/
.error-de-input {
    border-bottom: #a94442 1px solid !important;
}

span.rojo { color:#a94442;}

.nota {font-family:robotolight, Verdana, Geneva, sans-serif; font-size:13px }

.nota strong {font-family:robotoregular, Verdana, Geneva, sans-serif; font-size:13px  }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 1!important;
}

.btn-link {
	text-align:right;
	float:right;
}
.btn-link:hover {
	text-decoration:underline;
}
#carita_error{color:#D9262C; text-align:center;}
#carita_sucess{color:#096; text-align:center;}
.texto-error{color:#D9262C; 
	font-family: DINCond-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 3%;}
	
.texto-bien{
	color:#096; 
	font-family: DINCond-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 3%;
	}
	
#contenedor-con-planes{
	width:100%;
	display:block;
	margin:0px auto;
    /*background-image:url(../img/blur.jpg);
    background-position:50% 50%;
	background-color:rgba(0,0,0,0.35);
	background-repeat:no-repeat;*/
    border:none;
	padding:45px 5%;
    border:none;
	color:#FFF;
	<!--border-radius:20px;-->
	}
	
.demo-icon
    {
      font-family: "icomoon";
	  font-style: normal;
      font-weight: normal;
      speak: none;
	  width:100%;
      display: inline-block;
      text-decoration: inherit;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

.demo-icon2
    {
      font-family: "precios-noviembre";
	  font-style: normal;
      font-weight: normal;
      speak: none;
	  width:100%;
      display: inline-block;
      text-decoration: inherit;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

.icon-claro-01{font-size:50px; text-align:right!important;}
.icon-planes{font-size:8em; margin:0px; padding:0px; margin-left:-15px}
.icon-5gigas, .icon-gigas, .icon-10gigas{font-size:6.5em;}	
#contenedor-con-planes ul{ list-style:none; width:100%;}
#ul-primer{padding:0px;}
#ul-primer li{display:inline-block; border-left:1px solid #000; padding:0px 3%; vertical-align:middle;}
.planes-li{padding:0px !important; width:40%; border:none !important; min-width:300px;}
#gb5-lis{width:28%;}
#gb7-lis{width:28%;}
#gb10-lis{width:28%;}
#ul-segundo{margin-top:15px; padding:0px;}
#ul-segundo li{width:100%; font-size:1.4em; font-family: 'DINCond-Regular'; line-height:1.3em; font-weight:550 !important;}
#info-portabilidad, #formulario-contacto{display:inline-block; width:49%; height:auto; vertical-align:top;}
#info-portabilidad ul{margin:0px; padding:0px 18px;}
#info-portabilidad ul li{margin:0px; font-family: 'DINCond-Regular'; font-size:1.5em; line-height:1.2em; letter-spacing:-0.050em;}
.bajada-form,#bajada-form-mobile{font-family: 'DINCond-Regular'; font-size:1.2em; padding:20px 20px 0px 20px;}
#info-CTA{display:block;}
#botonera-mobile{display:none; clear:both; width:90%; margin:15px auto 0px;}
.boton-llamar{background-color:#222222 !important; color:#FFF; border:1px solid #FFF; width:45%; height:50px; vertical-align:middle; font-family: 'DINCond-Regular'; line-height:1em; font-size:0.85em;}
#bajada-form-mobile, #hide-form-mobile{display:none;}
.form-control{color:#FFF; font-family: 'DINCond-Regular';}
.control-label{font-family: 'DINCond-Regular' !important;}
@media (max-width: 920px) {
  
}
@media (max-width: 680px) {
	.row{width:90%;}
	.form-claro{padding:0px;}
	#ul-primer,#ul-segundo{padding-left:20px;}
	.icon-planes{font-size:7em;}
.icon-5gigas, .icon-gigas, .icon-10gigas{font-size:4.5em;}	
	.bajada-form{display:none;}
    .bajada-form-titulo{display:none;}
	#bajada-form-mobile{font-size:1em; padding:0px 20px 0px 0px;}
	#bajada-form-mobile, #hide-form-mobile{display:block; clear:both;}
	#formulario-contacto{position:fixed; float:left; z-index:100; background-color:#222222; top:1200px; height:100%; padding:3%;}
	#botonera-mobile{display:block; clear:both; width:90%; margin:15px auto 0px;}
	#contenedor-con-planes{width:85%; padding:5px 1%;}
#info-CTA{display:none;}	
	#ul-segundo li{font-size:0.7em;}
  .w1 {width:20%;}
  .W2{width:70%;}
  .col-foot .col-xs-4 { width:100%!important;}
   #gb5-lis, #gb7-lis, #gb10-lis{width:40%; border-left:1px dotted #000 !important;}
   #gb5-lis, #gb7-lis {border:none !important; padding-left:0px !important; margin-left:-15px;} 
  .col-foot .col-xs-4 img{margin-top:10px;}
  #info-portabilidad, #formulario-contacto{width:100%;}
  
  
}