@font-face{font-family:dinreg;src:url("../fonts/dinr____-webfont.eot") /* EOT file for IE */}
@font-face{font-family:dinreg;src:url("../fonts/dinr____-webfont.ttf") /* TTF file for CSS3 browsers */}
@font-face{font-family:avantg;src:url("../fonts/avant_garde_bk_bt-webfont.eot") /* EOT file for IE */}
@font-face{font-family:avantg;src:url("../fonts/avant_garde_bk_bt-webfont.ttf") /* TTF file for CSS3 browsers */}
@font-face{font-family:dinbold;src:url("../fonts/dinb____-webfont.eot") /* EOT file for IE */}
@font-face{font-family:dinbold;src:url("../fonts/dinb____-webfont.ttf") /* TTF file for CSS3 browsers */}

body{font-family:dinreg, Sans serif}
h1{font-family:avantg, Sans Serif;font-size:34px;color:#004186;position:absolute;top:5px;left:25px;width:520px;margin:0;line-height:34px;text-align:right}
h1 span{display:inline-block;color:#57504d;font-size:42px;line-height:42px}
.container{max-width:850px;margin-top:30px;border:1px solid #cacbcd;padding:10px 25px 0;box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2)}
.franja-gris{float:left;width:100%;background-color:#b7bab3;color:#004186;text-align:center}
.franja-gris span{color:#fff}
.cont-principal{background:url(../imagenes/bg_verano_17.png) no-repeat top left scroll #a3acbb;background-size:cover;width:100%;min-height:380px;margin-top:10px;position:relative}
.form-container{float:right;width:240px;background:url(../imagenes/form-bg.jpg) no-repeat top left scroll #002b60;background-size:cover;margin-right:25px;padding-bottom:10px !important}
.form-container form{width:90%;margin:5px auto 10px;color:#fff}
.form-container form span{text-align:center;display:block;font-family:dinbold, Sans serif;font-size:12px}
.form-container form span.glyphicon{display:inline-block;font-family:'Glyphicons Halflings'}
.form-control-feedback{position:absolute;top:10px !important;right:10px !important;background-color:#fff}
.form-container form .title{padding:20px 0px;line-height:15px;text-transform: uppercase;}
.form-container a{color:#fff}
.form-control{height:31px;border-radius:0;box-shadow:none;padding:0 6px}
.form-group{margin-bottom:11px}
.form-group{position:relative}
.form-group .help-block{border:1px solid #a94442;position:relative; left:0; width:100%; margin-top:10px; font-size:12px;line-height:1;padding:5px;display:block;z-index:999; background:#fff}
.form-group .help-block:before{content:" ";width: 0;height: 0;top:0; left:50%; margin:-10px 0 0 -10px;border-right:10px solid transparent;border-left: 10px solid transparent;border-bottom: 10px solid #a94442; position:absolute}
.form-control-feedback{background-color:#fff; top:7px}
label{margin-bottom:0;font-weight:100}
.form-container .btn-default{width:100%;background:#F79321;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;box-shadow:-5px -5px 4px rgba(0, 0, 0, 0.4) inset;position:relative;z-index:1;font:15px/16px avantg, sans-serif;color:#FFF;text-align:center;text-decoration:none;display:block;padding-top:10px;border:none;font-weight:bold}
.form-container .btn-default span{font-weight:100;font-family:dinreg, Sans serif}
.precio{left:25px;position:absolute;top:210px}
.testimonios{margin-top:10px;float:left;width:100%;background-color:#dddedf;padding:20px}
.testimonios div{padding:0}
.testimonios div img{margin:0px auto;text-align:center}
.testimonios div span{text-align:center;font-size:11px;margin:0px auto;display:table;padding: 0 5px}
.ciudades{float:left;width:100%;font-family:dinbold, Sans serif;text-align:center;color:#004186;border:1px solid #bfc0c2;border-left:none;border-right:none;padding:5px 0 !important}
.legal{font-family:dinreg, sans serif;float:left;font-size:10px;padding:5px 0 !important;color:#004186}
.mostrar-info{display:none !important}
#shadowbox{padding:0 15px}
#shadowbox h1{font-size:2em;margin-bottom:15px;top:10px; position: relative; text-align: center; width: 100%;}
#shadowbox p {text-align: justify;}
#shadowbox.non-informazioni h1{font-size: 18px;}
#shadowbox.non-informazioni .formulario-consulta {padding: 20px; border-top: 1px solid #004186; display: inline-block; }
#shadowbox.non-informazioni .formulario-consulta label, #shadowbox.non-informazioni .formulario-consulta input, #shadowbox.non-informazioni .formulario-consulta small {width: 100%;display: inline-block;}
#shadowbox.non-informazioni .formulario-consulta input {margin: 10px 0;}
#shadowbox.non-informazioni .formulario-consulta .enviar{ display: inline-block;width: 100%;text-align: center; background-color: #004186; color: #ffffff;  margin: 0 0 5px 0;padding: 10px 0;}

.title_gris{font-size:18px;color:#00448b;margin:10px 0px;text-align:center}
.chica{position:absolute;bottom:-20px;left:-70px}
.img-center{margin: 10px auto}
#filtro{position:fixed;left:0;top:0;width:100%;height:2000px;visibility:hidden;display:none;filter:alpha(opacity=70);opacity:.7;z-index:9999;background-color:#000}

.slider.fin{background: url(../imagenes/bg-slider-fin-promo.jpg) top center scroll no-repeat;}
.slider.fin .flex-caption-claim h2{font-family:'Open Sans', sans-serif;color: #199cde;text-transform: none;font-weight:400;margin: 0 0 10px;}
.slider.fin .flex-caption-claim p{font-size:16px}

/* Cookies box  */
.cookies-box{background:none repeat scroll 0 0 #FFFFFF;height:170px;position:absolute;bottom:30px;left:50%;margin-left:-300px;width:645px;z-index:2147483647;box-shadow:0 0 10px #888888}
.cookies-box .top{background:#014286;float:left;margin-bottom:20px;width:100%}
.cookies-box .top a.close{background:url(../imagenes/cerrar.png) no-repeat center;width:23px;height:23px;display:block;float:right;padding:4px}
.cookies-box h2{color:#FFFFFF !important;float:left;font:normal 16px dinreg, sans-serif;margin:0;padding:10px 20px}
.cookies-box img.close:hover{opacity:0.8}
.cookies-box .text{padding:10px 20px}
.cookies-box .text p{font:normal 12px dinreg, sans-serif}
.cookies-box .text a{color:#21475A;text-decoration:underline}
.cookies-box .text a.cont{float:right;font-weight:bold}
.cookies-box .text a:hover{text-decoration:none}

.gratis{width:auto;max-width:100%;height:auto;position:absolute;top:130px;left:320px}
#mensaje{width:420px;height:170px;padding:20px 30px;background:#EBEBEB;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:6px 6px 6px 6px;position:relative;z-index:1;behavior:url(css/PIE/PIE.php);text-align:center}
#mensaje h1{font:normal 20px/26px avantg, sans-serif;color:#00478B;text-transform:uppercase;width:90%;margin-top:30px;text-align:center}
#mensaje h2{font:normal 20px/23px avantg, sans-serif;color:#605B58;text-transform:uppercase;padding-top:50px}
#mensaje h2 a{font-weight:bold;color:#605B58;text-decoration:underline}



@media(max-width:998px){
	.cont-principal{background-image:none;background-color:#ffffff;width:100%/*url(../imagenes/cont-principal-responsive.jpg)*/}
	h1{width:100%;top:0;text-align:center;position:relative;margin:25px 0 15px;float:left;left:auto}
	.precio{left:20px}
  .gratis{margin:0px auto 20px;top:0;left:0;position:relative;display:block}
	.cont-principal h1{text-align:center}
	.form-container{float:left;width:100%;margin:15px auto;position:relative;top:20px;padding:10px 0}
	.form-container{margin-top:-20px}
	.chica{position:relative;bottom:auto;left:auto;margin:0 auto;display:none}
}

	
@media(max-width:768px){	
	h1{width:100%;margin-top:20px;position:inherit;display:inline-block}
	.cookies-box{width:100%;left:0;margin:0;bottom:0;height:auto;position:fixed}
	.logo{background-color: #004385;float: none!important;padding:0 0 5px;}
	.logo img{margin:0 auto}
	.pastilla {width: 50%;}
}

@media(max-width:600px){	
	.container{margin-top:0px}
	.logo, .eslogan{float:left !important;width:100%}
	.logo img{margin:0 auto}
	.cont-principal{padding-bottom:20px}
	h1, .precio{position:relative;text-align:center;top:20px}
	h1{font-size:2em;margin-bottom:15px}
	h1 span{display:inline}
	.precio img{margin:0 auto}
	.testimonios div{width:100%;margin-bottom:15px}
	.testimonios div img{margin:0 auto}
	.ocultar-info{display:none !important}
	.mostrar-info{display:block !important}
	.gratis{margin:20px auto}
	.cont-principal{margin-top:-10px;padding-top:5px}
}

@media(max-width:500px){
	.pastilla {width: 80%;}
}

@media(max-width:320px){
	.precio{left:15px}
}
	
@media(max-width:319px){
	h1, .precio{left:10px}
	.form-container{width:100%}
	.form-container .btn-default{font-size:14px}
	.pastilla {width: 100%;}
}