﻿*{
	margin: 0px;	
	padding: 0px;	
	font-family:calibri;
}
body{
	overflow-x:hidden;	
}
img{
	border:none;
}
a{
	text-decoration:none;
	color:black;
}
h1, h2, h3, h4, h5{
	font-family:calibri;
}
.titulo{
	margin-left:-255px; 
}
.titulo1{
	margin-left:-265px; 
}
header, section, footer, aside, nav, article, figure, figcaption, hgroup{
	display:block;	
}
header{
	background:white;
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
	z-index:50;
	margin: 0 auto;	
	box-shadow: 0 5px 5px -3px #E2E2E2;	
	height:100%;
	max-height:62px;
}

#logo{
	/*max-width: 492px;*/
	width:22%;
}
#nosotros table{
	padding:30px 10px 10px 10px ;
	margin:5% 10% 0 10%;
}

#nosotros ol, ul{
	padding-left:5%;
}
#nosotros table h4{
	color:red;
}
#textoTabla{
	padding-left:10px;
}
#contenido-quienes-somos{
	padding:80px 10px 10px 10px ;
	margin:0 10% 0 10%;
}
#quienes-somos{
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-image: url("../images/quienes-somos.jpg"); 
	background-size: cover; 
	height: 500px; 
	width: 100%; 
	margin: 0 0 10px auto;
}
#iconos td{
	padding:25px 25px 0 25px;
}
#texto-iconos td{
	font-family:calibri;
	text-align:center;
	font-weight: bold;
	font-size:18px;
	padding:0 25px 0 25px;
}


#siniestro{
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-image: url("../images/siniestros.jpg"); 
	background-size: cover; 
	height: 500px; 
	width: 100%; 
	margin-top: -10px;	 
	text-align:center;
}
#contenido-siniestro{
	padding:90px 20px 20px 20px ;
	margin:0 12% 0 12%;
	text-align:center;
	text-decoration: underline;	
}
#contenido-siniestro img{
	max-width:220px;
	width:100%;
}

#nosotros{
	margin:5% 0 0 0;
	background-color:#DBD9DC;
}
#vida{
	margin-bottom:13%;
}

.container{
	margin:3% 0 0 0;
}

#contentSiniestros{
	margin:-200px 0 2% 21%;
	display:inline-block;
	max-width:1050px;
	width:100%;	
}
#contentSiniestros img{
	margin-right:2%;	
	max-width:80%;
	width:25%; 
}
#contentSiniestros h2{
	text-align:center;
	padding-bottom:10px; 
}

#siniestrosVida{
	margin:-250px 0 2% 21%;
	display:inline-block;
	max-width:1050px;
	width:100%;		
}
#siniestrosVida img{
	margin-right:2%;	
	max-width:80%;
	width:25%;
	margin-top:-12%; 
}
#siniestrosVida h2{
	text-align:center;
	padding-bottom:10px; 
}

#autoImage{
	margin-bottom:7%;
}
#danios li ul li, #danios li ul{
	margin-left: 13% !important;
	/*padding-left: 5% !important;*/
}
#mapa{
	text-align:center;
	margin:auto;
	margin-top: 6%;
}

#descargas{	
	width:100%;
	margin:6% 0 2% 0;
	text-align:center;	
}

#descargas img{
	padding:15px;
}

#descarga-formularios{
	padding:10px;
	background:#A7D434;
	color:white;
}
#descarga-formularios:hover{
	background:#839ABE;
}
/*------ FOOTER ------*/
footer{		
	font-family:"calibri";	
	background: #839ABE;
	width:100%;		 
    height: 130px;    
    z-index: 45;
    bottom: 0;
    left: 0;
	color:white;
	font-weight:bold;
}
#info-foot, #info-foot a{
	margin:0 10px 0 10px;
	color:black;
	font-size:18px;
	padding:10px;
	font-family:calibri;
	font-weight: bold;
}
#info a:hover{
	color: 	#A7D434;
}
#contentFoot{
	max-width:1150px;
	margin:auto;
	text-align:center;		
}
#contentFoot div{	
	display:inline-block;
	max-width:32%;
	width:100%;
	padding:5px;		
	margin:auto;	
}
#info{
	text-align:left;	
	color:black;		 
	border-right:1px solid gray;
}
#rs{
	margin:auto;
	text-align:left;	
}
#rs img{
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: middle;
}

/*--- estilos solo para firefox ----*/
@-moz-document url-prefix() {
  .formularioContacto {
     margin-top:7%;}  
  #retorno {
	margin: 8% 0 0 2%;}
	#leyes{	
	margin-top:7%;}
	.imagesBanners{		
	margin:2% 0 0 0;}
	#envio-artes{
	margin:9% 0 2% 2%;}
	#medidor{
		margin:7% 0 0 0;
	}
}

/*---- ESTILOS PARA IE8, IE9, IE10 -----*/
@media screen\0{
	.formularioContacto {
    margin-top:7%;}  
    #retorno {
	margin: 8% 0 0 2%;}
	#leyes{	
	margin-top:7%;}
	.imagesBanners{		
	margin:2% 0 0 0;}
	#envio-artes{
	margin:9% 0 2% 2%;}
	#medidor{
		margin:7% 0 0 0;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	footer{		
	font-size:0.9em;
	}
	#contentFoot{
		max-width:1024px;
	}
	#contentFoot div{	
		max-width:30%;
	}
	#contentSiniestros{
		max-width:750px;
		width:100%;	
		margin:7% 0 0 0;
		padding:0;	
	}
	#contentSiniestros img{
		width:30%;
	}
}
@media screen and (min-width:640px) and (max-width:768px) {
	header{
	height:100%;	
	max-height:50px;
	}
	.imagesBanners img{
		max-width:100px;
	}
	.container{	
	margin:6% 0 0 0;
	}
	footer{		
	font-size:0.7em;
	}
	#contentFoot{
		max-width:768px;
	}
	#contentFoot div{	
		max-width:31%;
	}
}
@media screen and (min-width:480px) and (max-width:640px) {
}
@media screen and (min-width:320px) and (max-width:480px) {
}