@import url('/RecursosAprecioSeguros/recursosAprecio/ES/estilo/fonts.css');
html,body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #565656;
	font-family: 'DINPro-Regular',Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.83em;
}

/* COMUNES */
ul {list-style-type:none; margin:0px;padding:0px;}
h1 {margin:0px;padding:0px;}


/* HEADER */
#header { margin: 0px auto;max-width: 980px;}
	.logo {margin:10px;padding: 0px;}
	.logo img {display:block;width: 6.6em; border:0px none;}
#menuContent {width:100%;background:#2a2924;}
	.menuSup { margin: 0px auto;max-width: 980px;list-style-type: none;}
	.menuSup li {padding:10px 15px; margin:10px 0; font-family:'DINPro-Bold'; font-size: 1.7em;display:inline-block;border-left:1px solid #ffffff; }
	.menuSup li a {display:inline;color:#fff; text-decoration:none;}


/* CUERPO */
#cuerpo {margin: 0px auto 20px;width: 980px;padding:10px;}

	/* Calcular precio */
	.calculaPrecio {width: 100%; margin-bottom: 10px;min-height: 314px;}
	.calculaPrecio .imgCalcular {width: 50%; float: left;max-height: 314px;}
	.calculaPrecio .imgCalcular img {width: 100%;}
	.calculaPrecio .boxCalcular .C2C {float:left; margin-bottom: 20px;}
	.calculaPrecio .boxCalcular .C2C a{border-radius:0px; background:none; font-size:100%;display: block;margin-left: 5px;padding-left: 0;}
	.calculaPrecio .boxCalcular {background:#f2b804;width: 50%;display: inline-block;height: 314px;}
	.calculaPrecio .boxCalcular .logoAprecio {float:right;position: relative;top: 10px;margin-right: 10px;}
	.calculaPrecio .boxCalcular .telefono {font-size:2.5em; font-family:'DINPro-Bold'; color:#2a2924;background:url('/RecursosAprecioSeguros/recursosAprecio/ES/imagen/icoPhone.png') no-repeat 0 0;padding:2px 0 10px 25px;width: 200px;margin-left: 15px;}
	.calculaPrecio .boxCalcular .llamada {font-size:1.1em; text-transform:uppercase; font-family:'DINPro-Bold'; color:#2a2924;padding-left:27px;background:url('/RecursosAprecioSeguros/recursosAprecio/ES/imagen/arrowPhone.png') no-repeat 9px 3px;width: 200px;margin-left: 15px;}
	.calculaPrecio .boxCalcular a {-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; background:#2a2924 url('/RecursosAprecioSeguros/recursosAprecio/ES/imagen/arrowYellow.jpg') no-repeat 9px 6px; color:#f2b804;font-size:1.4em; line-height:1.5em; font-family:'DINPro-Bold'; text-transform:uppercase; border:0px; padding:3px 15px 3px 35px;margin: 15px; text-decoration:none;}
	.calculaPrecio .boxCalcular h2 {width: 64%;color:white; font-size: 4.9em; font-family:'DINPro-Bold';line-height: 0.9em;margin: 35px 15px 20px;padding: 0;}
	.calculaPrecio .boxCalcular h2 img {width:75%; position:relative; top:8px}

	/* Plan de protección de tarjetas */
	.tarjetas {width: 100%;background:#2a2924; color:white;max-height: 150px;}
	.tarjetas .contenidoTarjetas {width: 30%; float: left;display: inline-block; }
	.tarjetas .imgTarjetas {display:inline-block;width: 70%;height: 150px;overflow: hidden;}
	.tarjetas .imgTarjetas img {width: 100%; position: relative;top: -70px;}
	.tarjetas .logoTarjetas {text-align: right;padding: 10px 10px 0 0;}
	.tarjetas .logoTarjetas img {text-align:right;width: 14%;}
	.tarjetas .plan {font-size: 2.8em; line-height:0.9em;font-family: 'DINPro-Bold'; padding:0 10px;width: 80%;}
	.tarjetas .condiciones {font-size: 1em; padding: 10px 10px 5px 10px;}
	.tarjetas a {color:white;}

/* FOOTER */
#pie {width:100%;background:#f2b804;padding: 10px 0;}
#piecontent {margin: 0px auto;max-width: 980px; padding:20px 0;}
#piecontent .logoPie {float:left;}
#piecontent .logoPie a {display:block;}
#piecontent .logoPie img{width:10.6em; border:0px none;}
#piecontent .menuPie { text-align:right; margin-top:5px;}
#piecontent .menuPie li {display:inline-block;padding:0 5px; border-right:1px solid #2a2924; font-size:9px}
#piecontent .menuPie li:last-child{border-right:0px;}
#piecontent .copyright {font-family:"DINPro-Bold"; font-size:13px; color:#2a2924;text-align: right;}
#piecontent .logoPieResponsive {display:none;}
#piecontent .menuPie li a{color:#2a2924; font-size:1.3em; text-decoration:none;font-family:"GothamBook";}  

/* Mobile tamaño vertical hasta Mobile tamaño apaisado (dispositivos y navegadores) 
============================================================================================ */
@media screen and (min-width: 319px) and (max-width: 479px) {
	.logo img {width:7em;display: block;}
	.menuSup {padding-left:10px;}
	
	#cuerpo {width:100%; padding:0px; margin:0px;}
	.calculaPrecio {width: 98%;margin: 0 auto 10px; min-height: initial;}
	.tarjetas {width: 98%;margin: 0 auto 10px;}
	.tarjetas .contenidoTarjetas {width:100%; float:none;}
	.tarjetas .imgTarjetas {display:none;}
	.tarjetas .plan {margin-top:0px;font-size: 2.1em;width: 60%;line-height: 1em;}
	
	.calculaPrecio .imgCalcular {display:none;}
	.calculaPrecio .boxCalcular {width: 100%!important; max-height: 245px;margin-top: 5px;}
	.calculaPrecio .boxCalcular .C2C {float:right;margin: 10px 0 20px 100px;}
	.calculaPrecio .boxCalcular .C2C a{margin:0px;padding: 0px 5px;}
	.calculaPrecio .boxCalcular .C2C a .telefono {width:150px;}
	.calculaPrecio .boxCalcular .C2C a .llamada {width:150px;}
	.calculaPrecio .boxCalcular h2 {font-size: 3em;width: 57%;margin-top: 15px;}
	.calculaPrecio .boxCalcular h2 img {width: 82%; top: 2px;}
	.calculaPrecio .boxCalcular .logoAprecio {top: 5px;}
	.calculaPrecio .boxCalcular button {width:90%; margin:0 5%; font-size:2em; background-position:9px}
	
	#piecontent {padding-top:0px; padding-bottom:0px;}
	#piecontent .copyright {text-align:center;margin: 0px 2% 10px;}
	.menuPie li { width: 98%;border: 0px none;margin: 2px;text-align:center;padding-left: 0px!important;padding-right: 0px !important;}
	.logoPieResponsive {display: block!important;margin-top:20px; text-align:center}
	.logoPieResponsive img {width:9.2em;}
	.logoPie {display:none;}
	}

/* Mobile Landscape 
================================================================= */
@media screen and (max-width: 479px){
	#pie {width:100%;padding: 10px 0px;}
	#pie .logoPie {display:none;}

	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
================================================================= */
@media screen and (min-width: 480px) and (max-width: 767px) {
	.logo img {width:7em;display: block;}
	.menuSup {padding-left:10px;}
	.menuPie li { width: 98%;border: 0px none;margin: 2px;text-align:center;padding-left: 0px!important;padding-right: 0px !important;}
	#piecontent {padding-top:0px; padding-bottom:0px;}
	.calculaPrecio .imgCalcular {display:none;}
	.calculaPrecio .boxCalcular {width: 100%!important; max-height: 245px;}
	.calculaPrecio .boxCalcular .C2C {float:right;margin: 10px 0 20px 300px;}
	.calculaPrecio .boxCalcular .C2C a{margin:0px;padding: 0px 5px;}
	.calculaPrecio .boxCalcular .C2C a .telefono {width:150px;}
	.calculaPrecio .boxCalcular .C2C a .llamada {width:150px;}
	.calculaPrecio .boxCalcular h2 {font-size: 3.6em;width: 60%;margin-top: 15px;}
	.calculaPrecio .boxCalcular h2 img {width: 55%; top: 2px;}
	.calculaPrecio .boxCalcular .logoAprecio {top: 5px;}
	.calculaPrecio .boxCalcular button {width:90%; margin:0 5%; font-size:2em; background-position:9px}
	#piecontent .copyright {text-align:center;margin: 0px 2% 10px;}
	.logoPieResponsive img {width:9.2em;}
	.logoPieResponsive {display:block!important; margin-top:20px; text-align:center}
	.logoPie {display:none;}
	#cuerpo {width:100%; padding:0px; margin:0px;}
	.calculaPrecio {width: 98%;margin: 0 auto 10px; min-height: initial;}
	.tarjetas {width: 98%;margin: 0 auto 10px;}
	.tarjetas .contenidoTarjetas {width:100%; float:none;}
	.tarjetas .logoTarjetas img {width:10%}
	.tarjetas .imgTarjetas {display:none;}
	.tarjetas .plan {margin-top:0px;width: 90%;font-size: 2.5em;}
	.tarjetas .condiciones {padding-top:5px}

	}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) 
============================================================= */
@media screen and (min-width: 768px) and (max-width: 979px) {
	.logo img {width:7em;display: block;}
	.menuSup {padding-left:10px;}
	.menuPie li {text-align:center;margin:5px 0px;}
	.calculaPrecio .boxCalcular .C2C {margin: 10px 0 20px 0px;}
	.calculaPrecio .boxCalcular .C2C a{margin:0px;padding: 0px;}
	.calculaPrecio .boxCalcular .C2C a .telefono {width:150px;}
	.calculaPrecio .boxCalcular .C2C a .llamada {width:150px;}
	#piecontent .copyright {margin-right:10px; }
	.logoPie {padding:0 10px;}
	#cuerpo {width:100%; padding:0px; margin:0px;}
	.calculaPrecio {width: 98%;margin: 10px auto 10px;min-height:240px }
	#piecontent .menuPie {margin-right:5px;margin-top: 0px;}
	.calculaPrecio .boxCalcular {height: 241px;}
	.calculaPrecio .boxCalcular h2 {font-size: 3em;margin-top: 20px;width: 50%;}
	.calculaPrecio .boxCalcular h2 img {top: 5px;}
	.tarjetas {width: 98%;margin: 0 auto 10px;max-height: 126px;}
	.tarjetas .plan {margin-top: 0px; font-size:2em; line-height:1em}
	.tarjetas .condiciones {font-size:1em;padding-top: 5px;}
	}