@charset "utf-8";
/* CSS Document */
* {padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	font-family:"Times New Roman", Times, serif;
}
* a{text-decoration:none;}
* a:hover {text-decoration:underline;}
body {background:#ffffff;}
.menu_bar {display:none;}
header {
	width: 100%;
	background: url("imagenes/cabecera.jpg") no-repeat fixed center;
	background-position: 0% 0%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: 1400px 145px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.wrapper {
	z-index:100;
	max-width: 1000px;
	width:95%;
	margin:	0px auto;
	overflow:hidden;
	alignment-adjust:central;
	color:#4f5a98;
}
.telefonos {float:right;overflow:hidden;margin-right: 0px;font-size:18px;}
.telefonos ul ol a{color:#4f5a98;}
.telefono{position: relative;height: auto;page-break-after: right;}
.telefonoGeafi {font-weight: bold;font-size: 20px;text-align:right;text-decoration:none;}
.logo {
	background: none;
	z-index: 1000;
	float: left;
	overflow: hidden;
	max-width: 160px;
	width: 25%;	
	margin-left: 0px;
	margin-bottom: 4px;
	margin-top: 30px;
}
header nav {
	visibility: visible;
	position:relative;
	display: inline-block;
	margin-top: 30px;
	margin-left: 0px;
	bottom: 3%;
	clear: right;
	float: right;
	vertical-align: baseline;
}
header nav ul {list-style:none; vertical-align:baseline;visibility: visible;}
header nav ul li {
	visibility: visible;
	display: inline-block;
	text-align: center;
	position: relative;
	font-size: 18px;
	margin-left: 25px;
	min-height: 60px;
	padding-left:3px;
	padding-right:3px;
	vertical-align: middle;
}
#hijo {line-height:50px;padding-top: 7px;}
header nav ul li:hover {background:#bbbbbb;}
header nav ul li a {color:#4f5a98;display:inline-block;padding: 0px;}
header nav ul li a:hover {text-decoration:none;} 
header nav ul li a span {margin-right:10px;}
.icon{ background-image:url(imagenes/menu.png)}
.contenedor{width:100%;height:20%;overflow:hidden;display:block;}
.captionOrange, .captionBlack {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
}
.captionOrange {background:#EB5100;background-color: rgba(235, 81, 0, 0.6);}
.captionWhite {color:#fff;font-size:22px;}
.captionShadow {font-size:22px;color:#555;}
geafi {width:100%}		
.destacado {
	width: 96%;
	max-width:1000px;
	margin:20px auto;
	overflow:hidden;
	alignment-adjust:central;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:2%;
}
.titular{
	font-size: 37px;
	color: #009;
	overflow: hidden;
	text-align: left;
	padding: 15px;
	padding-left: 4%;
	margin-bottom: 15px;
	font-weight: bold;
	background-color:#eeeeee;
}
.sugerencia {
	font-size:26px;
	color: #009;
	overflow: hidden;
	text-decoration: none;
	text-align: left;
	padding: 15 0 15 40px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color:#eeeeee;
}
.sugerencia ol {padding:2px;}
.destacado li {padding-top: 5px;font-size: 20px;padding-bottom: 5px;text-align: justify; margin-left: 14px; padding-right:15px;}
#parrafo {padding-top: 5px;font-size: 20px;padding-bottom: 5px;text-align: justify;}
.indentado {
	width: 90%;
	max-width: 900px;
	margin-top: 5px;
	margin-left: 10%;
	overflow: hidden;
	alignment-adjust: central;
	padding-left:14px;
}
indentado ul {padding-left: 15px;}
.indentado2 {margin-left: 5%;color: #037;list-style-type: none;}
.sugerencias {
	width: 96%;
	max-width:1000px;
	margin:20px auto;
	overflow:hidden;
	alignment-adjust:central;
	padding-top:15px;
	padding-bottom:0px;
}
.sugerencias ol {
	padding-top: 0px;
	font-size: 20px;
	padding-bottom: 5px;
	text-decoration: none;
	text-align: justify;
	margin-left:7%;
	padding-bottom:0px;
}
.SeccionVentajas{
	width:96%;
	overflow:hidden;
	max-width:1000px;
	margin:10px;
	display:block;
	alignment-adjust:central;
	padding-top:15px;
	padding-bottom:15px;
}
.triptico {
	width:100%;
	max-width:1000px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	alignment-adjust:central;
}
.cuadro {
	width: 33%;
	display: block;
	margin: auto;
	min-width: 180px;
	overflow: hidden;
	padding: 10px;
	float: left;
	margin-left:2px;
}
.reborde {background-color:#fbfbfb; padding:1px; border-color:#ccc; border-width:4px; border-bottom-style:solid; border-top-style:solid;}
.blanco {width:100%; height:4px; background-color:#FFF;}
.cabecera {
	width:100%;
	min-width: 100px;
	display:block;
	overflow:hidden;
	font-size: 30px;
	text-align:center;
	padding-bottom:4px;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #00C;
}
.fotoCabecera {
	width:100%;
	display:block;
	overflow:hidden;
	text-align:center;
}
.ventajas {
	width: 100%;
	min-width: 100px;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 18px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	height:550px;
}
.ventajas ol{text-align: center;}
.linea {border-bottom-width: thin;border-bottom-style: inset;border-bottom-color:#ccc;}
.corto{padding-top:12%;}
.largo{padding-top:8%;}
.listado {width:100%; min-height:50px; margin:20px; clear:left; margin-bottom:19px;}
.imagen {width:20%; min-width:130px;float:left; text-align:center; margin:0px auto;}
.descripcion {width:80%; min-width:130px;vertical-align:middle; float:right; padding: 0px; font-size:14px;}
.foot {
	width:100%;
	background-color:#000;
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#4f5a98;
	color:#fff;
}
.prueba{
	width:96%;
	overflow:hidden;
	padding-left:20px;
	max-width:1000px;
	margin:20px auto;
	margin-bottom:0px;
	margin-top:0px;
	alignment-adjust:central;
	font-size: 19px;
	font-style: italic;
	padding-right:20px;	
}
.prueba a{color:#fff;}
.separador {float:left;width:100%;display:none;}
.frame{overflow-y: hidden; overflow-x:hidden;}
.flotante1{float:left}
.flotante2{float:right}
.float1{float:left; padding-right: 10px}
.float2{float:left;max-width: 350px; text-align:center; padding-right: 10px}
.float3{float:right;max-width: 150px}
@media only screen and (min-width:2000px){
header {background-size: 2800px 140px;}	
}
@media only screen and (min-width:1440px){
header {background-size: 2400px 140px;}	
}
@media screen and (max-width: 1000px) {
header nav ul li {margin-left: 12px;}
}
@media screen and (max-width: 930px) {
header nav ul li {margin-left: 6px;}
.frame{overflow-y: auto;overflow-x: auto;}
}
@media screen and (max-width: 880px) {
.flotante1{float:none; overflow:hidden; padding-bottom:10px}
.flotante2{float:none; overflow:hidden}
}
@media screen and (max-width: 850px) {
header nav ul li {margin-left: 1px;}
}
@media screen and (max-width: 800px) {
header {background-size: 800px 515px;border:none;}
	header .logo {
		margin-top:4px;
		width:100%;
		top:0;
		text-align:center; /*Centramos el menu y el logotipo*/
		line-height:100px;
		margin-bottom: 4px;
	}	
	header .telefonos {
	text-decoration:none;
	text-align:right;
	padding:10px;
	overflow:hidden;
	display:block;
	width:100%;
	font-size:16px;
	margin-right: 0px;
}
	.wrapper {background:none;}
	.menu_bar {
		display:block;
		width:100%;
		//position: fixed; // hace que la barra no se mueva
		//top:0;
		clear:both;
		background:#4f5a98;
}
	.menu_bar .bt-menu {
		display: block;
		padding: 5px;
		padding-left:20px;
		color: #fff;
		height: 40px;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	} 
	.menu_bar span {float: right;font-size: 40px;}
	header nav {
	width: 100%;
	height: 35%;/*calc(79% - 135px);*/
	background: #fff;
	position:relative;
	left: 0%;
	margin:0px;
	margin-top: 0px;
	overflow-y:auto;
	overflow-style:marquee-block;
	overflow:-x;hidden;
	display: none;
	z-index: 1000;
	}
	header nav ul {margin-top: 0px;}
	header nav ul li {
		display: block;
		position:relative;
		border-bottom:1px solid rgba(255,255,255,.5);
		font-size: 18px;
		min-height:2px;
	}
	header nav ul li a {display: block;}
	#hijo {line-height:25px;padding-top:0px;}
	.destacado{
		width:95%;
		overflow:hidden;
		display:block;
		margin:auto;
		padding-top:15px;
		padding-bottom:15px;
}
.destacado li {width:100%}
.SeccionVentajas{
	width:100%;
	overflow:hidden;
	display:block;
	margin:auto;
}
.titular{
	font-size: 24px;
	color: #009;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
	margin: 10px;
	display:block;
	width:95%;
	position:relative;
}
.cuadro {
	width: 100%;
	display: block;
	margin: auto;
	min-width: 180px;
	overflow: hidden;
	padding: 10px;
}
.sugerencias ol {margin-left:2px;}
.listado {margin:0px;}
.imagen {float: none;margin-left:0px; margin-top:15px;}
.descripcion {float:none; width:100%; margin:10px;margin-left:0px; padding-right:12px;}
.corto, .largo {padding-top:6%;}
}
@media screen and (max-width: 480px) {
.float1{float:none; padding-bottom:5px; max-width:100%}
.float2{float:none; padding-bottom:5px; overflow:hidden; text-align:center; max-width:100%}
.float3{float:none; padding-bottom:10px;; max-width:100%}
}