*{
	margin: 0;
	padding: 0;}
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;}
img a{
	text-decoration: none;
	border: none #fff;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
.noneg strong{
	font-weight: normal;}
address{
	font-style: normal;}	
.borra{
	clear: both;}
#cabecera{
	padding: 20px 0 0 0;}
#membrete{
	width: 350px;
	margin: 25px 0 0 0;}
.nombre{
	color: #06C; font-size: 24px; font-weight: bold;}
.numero{
	display: block; margin: 10px 0 0 0;}
#telefono{
	color: #70cae4; font-size: 32px;
	margin: 20px 0 0 0;}
#logozurich{
	width: 160px;}
#insurance{
	font-weight:bold; color: #06C;
	font-size: 13px; line-height: 20px;
	margin: 10px 0 0 0;}
#menu{
	text-align: center;
	font-size: 1.1em; line-height: 1.1em;
	background: #06c;}
#menu .submen{
	font-size: 0.7em; color: #70cae4;}
#menu ul li{
	list-style-type: none;}
#menu ul li a{
	padding: 5px 0 0 0;
	height: 50px; text-decoration: none;
	color: #fff; background: #06c;
	display: block;}
#menu ul li a:hover{
	color: #3597db; background: #fff;}
#menu nav ul .v a{
	color: #06c; background: #fff;}
#menu nav ul .index a{
	padding: 24px 0 0 0; height: 31px;}
#menu nav ul .contacto a{
	padding: 24px 0 0 0;
	height: 31px;}
#derecho{
	text-align: center; line-height: 20px;}
#contenido{
	margin: 0 150px 0 150px; line-height: 1.8em;}
#informacion ul{
	margin: 10px 0 0 20px;}
h1{
	font-weight: normal; font-size: 20px;
	color: #06c; margin: 0 0 10px 0;}
#seguros{
	padding: 20% 0 0 0;}
#as1{
	width: 160px; padding: 22px; color: #fff;
	background: url(../imagenes/taco1.png) no-repeat 0 0;}
#as2{
	width: 160px; padding: 22px; color: #fff;
	background: url(../imagenes/taco1.png) no-repeat 0 0;}
.asis{
	display: block;
	margin: 5px 20px 0 20px;}
.horas{
	font-size: 20px;
	display: block;
	margin: 5px 0 0 0;}
.tel{
	display: block;
	font-size: 23px;
	margin: 10px 0 20px 0;}
#faldon{
	font-size: 0.9em;
	padding: 30px 0 40px 0; margin-top: 40px;
	border-top: 1px solid #09C;}
#faldon .nombre{
	font-size: 1.1em;}
#faldon .numero{
	margin: 0;}
#pie{
	text-align: right;
	font-size: 11px;}
#pie a{
	text-decoration: none;
	color: #000;}
.horario{
	display: block;
	margin: 40px 0 0 0;
	color: #09c;
	font-size: 20px;}
#datos{
	margin: 20px 0 0 0;
	font-weight: bold;}
iframe{
	border: none;}
	
@media only screen 
and (max-width : 480px){
.pantalla, .tablet{
	display: none;}
#container p, #container-p p, #container-e p, #container-v p{
	text-align: center; font-size: 1.1em; line-height: 2em; }
#seguros ul{
font-size: 1.1em; line-height: 2em; margin-left: 20px;}
#cabecera, #contenido{
	margin: 0 25px;}
#container {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-m.jpg) no-repeat center 656px; 
	background-size: 100% auto;}
#container-p {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-p-m.jpg) no-repeat center 656px;
	background-size: 100% auto;}
#container-e {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-e-m.jpg) no-repeat center 656px;
	background-size: 100% auto;}
#container-v {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-v-m.jpg) no-repeat center 656px;
	background-size: 100% auto;}
h1{
	text-align: center;}
#membrete{
	margin: 30px auto; text-align: center; width: 100%;}
#container #membrete .nombre, #container-p #membrete .nombre, #container-e #membrete .nombre, #container-v #membrete .nombre{
	font-size: 24px;}
#logozurich{
	margin: 20px auto;}
#telefono{
	font-size: 25px;}
#faldon{
	margin: 40px 25px 0 25px;}
#menu ul li a{
	font-size: 1.3em; border-bottom: 1px solid #fff;}
#derecho{
	width: 200px; margin: 40px auto 20px auto;}
#izquierdo{
	padding-top: 100px;}
#informacion{
	margin: 200px 0 0 0;}
iframe{
	width: 100%; height: 300px;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%;
	margin: 0 auto;}
#cabecera, #contenido{
	margin: 0 5%;}
#membrete{
	float: left; width: 270px;}
#telefono{
	font-size: 25px; margin-top: 6px;}
#logozurich{
	float: right; width: 130px; }
#insurance{
	font-size: 10px;}
#logozurich img{
	width: 100%; height: auto; }
#container #membrete .nombre, #container-p #membrete .nombre, #container-e #membrete .nombre, #container-v #membrete .nombre{
	font-size: 23px;}
#container p, #container-p p, #container-e p, #container-v p{
	font-size: 1.1em; line-height: 2em; }
#seguros ul{
font-size: 1.1em; line-height: 2em; margin-left: 20px;}
#container {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-t.jpg) no-repeat center 241px; 
	background-size: 100% auto;}
#container-p {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-p-t.jpg) no-repeat center 241px;
	background-size: 100% auto;}
#container-e {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-e-t.jpg) no-repeat center 241px;
	background-size: 100% auto;}
#container-v {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-v-t.jpg) no-repeat center 241px;
	background-size: 100% auto;}
#faldon{
	margin: 40px 5% 0 5%;}
#menu{
	margin-top: 30px;}
#menu ul li{
	float: left; width: 20%;}
#izquierdo{
	width:100%;
	padding: 100px 0 0 0;}
#derecho{
	width: 450px; margin: 40px auto 20px auto;}
#as1{
	float: left;}
#as2{
	float: right;}
#informacion{
	margin: 40% 0 0 0;}
#dir{
	width: 250px;
	float: left;}
#pie{
	width: 100px;
	float: right;}
iframe{
	width: 100%;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
.movil, .tablet{
	display: none;}
#cabecera{
	height: 200px;}
#cabecera, #contenido{
	margin: 0 10%;}
#membrete{
	float: left;}
#logozurich{
	float: right;}
#faldon{
	margin: 40px 10% 0 10%;}
#container {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo.jpg) no-repeat center 275px; 
	background-size: 100% auto;}
#container-p {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-p.jpg) no-repeat center 275px;
	background-size: 100% auto;}
#container-e {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-e.jpg) no-repeat center 275px;
	background-size: 100% auto;}
#container-v {
	width: 100%;
	margin: 0 auto;
	background: url(../imagenes/fondo-v.jpg) no-repeat center 275px;
	background-size: 100% auto;}
#menu ul li{
	float: left; width: 20%;}
#izquierdo{
	width:100%;
	padding: 100px 0 0 0;}
#derecho{
	width: 450px; margin: 40px auto 20px auto;}
#as1{
	float: left;}
#as2{
	float: right;}
#informacion{
	margin: 40% 0 0 0;}
#dir{
	width: 300px;
	float: left;}
#pie{
	width: 100px;
	float: right;}
iframe{
	width: 100%;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .tablet{
	display: none;}
body{
	background: url(../imagenes/fondo-claro.jpg) repeat-x center 275px;}
#cabecera{
	height: 200px;
	margin: 0 150px 0 150px;}
#membrete{
	float: left;}
#logozurich{
	float: right;}
#container {
	width: 1000px;
	margin: 0 auto;
	background: url(../imagenes/fondo.jpg) no-repeat center 275px;}
#container-p {
	width: 1000px;
	margin: 0 auto;
	background: url(../imagenes/fondo-p.jpg) no-repeat center 275px;}
#container-e {
	width: 1000px;
	margin: 0 auto;
	background: url(../imagenes/fondo-e.jpg) no-repeat center 275px;}
#container-v {
	width: 1000px;
	margin: 0 auto;
	background: url(../imagenes/fondo-v.jpg) no-repeat center 275px;}
#seguros{
	padding: 80px 0 0 0;}
.todo {
	margin: 0 50px;}
#logo{
	width: 300px;
	float: left;
	margin: 20px 0;}
#menuiz{
	width: 150px; float: left;
	background: #06c; height: 55px;}
#menuder{
	width: 150px; float: right;
	background: #06c; height: 55px;}
#menu{
	width: 700px; float: left;}
#menu ul li{
	float: left; width: 20%;}
#izquierdo{
	width:450px;
	float: left;
	padding: 100px 0 0 0;}
#derecho{
	width: 200px;
	float: right;}
#informacion{
	margin: 350px 0 0 0;}
#dir{
	width: 300px;
	float: left;}
#pie{
	width: 100px;
	float: right;}
iframe{
	width: 100%;}}