/****************************
-- Fonts --
****************************/
@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: '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: 'gotham_light';
  src: url('../fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Gotham-Light.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Gotham-Light.svg#62f75ccd04c776030ca293d074e92944') format('svg'); /* Legacy iOS */

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


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#myModalLabel{font-family:robotomedium, Arial, Helvetica, sans-serif;font-size: 22px; text-align:center;}
.gracias{
    font-family: gotham_light, 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: gotham_light, 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: gotham_light, 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:593px; /*background:#F2F2F2;*/ padding:2% 1% 2% 1%; 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:#D9262C!important; border:#D9262C!important; width:110px; /* padding:2% 0%;*/ float:right; font-family:robotoregular, Verdana, Geneva, sans-serif;}
.btn-enviar:hover { background:#D9262C; border:#D9262C; font-family:robotomedium, Verdana, Geneva, sans-serif; }

.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: gotham_light, 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: gotham_light, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 3%;}
	
.texto-bien{
	color:#096; 
	font-family: gotham_light, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 3%;
	}
@media (max-width: 440px) {
  .w1,.w2 {width:100%;}
  .col-foot .col-xs-4 { width:100%!important;}
  .col-foot .col-xs-4 img{margin-top:10px;}
  
  
}