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

/* COMUNES */
p {font-size:1.2em; text-align:justify; color:#292a24;}
a {color:#004477;}
ul {list-style-type:none; margin:0px;padding:0px;}
h1 {margin:0px;padding:0px;}
h2 {display:block; width:70%;float:left; margin-left:20px;margin-top:30px;color: #292a24;font-size: 1.8em;text-transform: uppercase;}
h3 {color:#613608; border-bottom:1px solid #613608;font-size:1.8em;margin-bottom: 0px;}
h4 {font-size: 1.3em;color: #292a24; margin-bottom: 0px;}

#contenedor {margin: 0px auto;max-width: 980px;}
#contenidos {margin-bottom:30px}
#legal {font-family:'DINPro-Regular'; padding: 10px 25px 25px 25px;}
#legal ul.decimal, #legal ul {padding: 20px 0px 5px;}
#legal li {font-size: 1.3em; margin-bottom:10px; color:#292a24; background:url(/RecursosAprecioSeguros/recursosAprecio/ES/imagen/icoPDF.png) no-repeat 0 0; padding-left:27px; line-height:20px;}
.flotaLeft {float:left;padding-top:4px }
.seguros {display: inline-block;width:90%;margin-left:5px;}
.seguros h3 {margin-top:0px; }

/* HEADER */
.cabecera {background:#f2b804; height: 94px;margin-top: 74px;}
.logoHeader {position: relative;float: left;top: -30px;padding: 10px 15px;background: #eeeeee;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);margin-left: 20px;}
.logoHeader a {display:block;}
.logoHeader a img {border:0px none;}
#imprimir {display:none;}


/* FOOTER */
#pie {width:100%;background:#f2b804;padding-bottom: 10px;}
#piecontent {margin: 0px auto;max-width: 980px; padding: 20px 0;}
#piecontent .logoPie {float:left;background: #eeeeee;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);position: relative;top: -50px;margin-bottom: -50px;display:block;text-align: center;width: 120px;height: 100px;}
#piecontent .logoPie img{ border:0px none; width: 80%; position: relative; top: 10px; left: 3px;}
#piecontent .menuPie { text-align:right; margin-top:5px;}
#piecontent .menuPie li {display:inline-block;padding:0 7px; 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) {
	#contenidos {margin-bottom:0px}
	h2 {width: 40%;font-size: 1.5em;}
	h4 {margin-bottom:10px;}
	.flotaLeft {margin-top:9px;}
	.seguros {width:84%; margin-top:10px}
	#legal ul {padding-top:5px}
	#legal li {font-size:1.1em; line-height:1.4em;min-height: 25px;}
	#piecontent {padding-top:0px; padding-bottom:0px;}
	#piecontent .copyright {text-align:center;margin: 0px 2% 10px;}
	#pie .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:5em; padding:15px 5px; background:#eeeeee;-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
	.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) {
	#contenidos {margin-bottom:0px}
	#imprimir{display:none;}
	h2 {width:60%;font-size: 1.5em;}
	#piecontent {padding-top:10px; padding-bottom:0px;}
	#piecontent .copyright {text-align:center;margin: 0px 2% 10px;}
	#pie .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:5em; padding:10px 5px; background:#eeeeee;-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
	#pie .logoPie {display:none;}
	}
	
/* Tablet Portrait size to standard 960 (devices and browsers) 
============================================================= */
@media screen and (min-width: 768px) and (max-width: 979px) {
	#imprimir {display:none;}
	.menuPie li {text-align:center;margin:5px 0px;}
	#piecontent .copyright {margin-right:10px; }
	.logoPie {margin-left:20px}
	#piecontent .menuPie {margin-right:5px;margin-top: 0px;}
	}