/* CSS Document */
body{
    margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background:url(../img/fondo.png) no-repeat center top;
	background-size:cover;
}

/* my styles */

#wrapper{
	margin:0 auto;
	padding:0;
	position:relative;
	width:960px;
	min-height:500px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.65);	
}
/* HEADER */

header{
	padding:10px 0;
	margin:0 auto;
	width:960px;
	height:100px;	
}
#logo{
	width:200px;
	margin:0 20px;
	float:left;
}


nav ul{
	margin:0;
	padding:0;
	position:relative;
	top:75px;
	font-size:13px;
	float:right;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.65);
}
nav ul li{
	list-style:none;
	float:left;
	padding:10px 25px;
	text-transform:uppercase;
	background: rgb(5,139,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(5,139,175,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,139,175,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(5,139,175,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(5,139,175,1) 0%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(5,139,175,1) 0%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(5,139,175,1) 0%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058baf', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	
	transition: transform 0.2s ease-in-out;	
	
}
.nav-hover{
	opacity:1;
	background: rgb(203,203,203); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(203,203,203,1) 28%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(203,203,203,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(203,203,203,1) 28%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(203,203,203,1) 28%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(203,203,203,1) 28%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(203,203,203,1) 28%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	color:#000;	
	
	webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
nav ul a{
	color:#fff;
	text-decoration:none;
}
nav ul ul{
	display:none;
}
nav ul > li:hover ul{
	displa:block;
}

.contenido{
	padding:0 5px 10px;	
}
/* FOOTER */
footer{
	margin:0;
	padding:15px 0;
	font-size:11px;
	background:#231f20;
	
	-webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	
	position:relative;
	bottom:0;
	text-align:center;

   	bottom:0;
   	width:100%;
   	height:40px;   /* Height of the footer */
	clear:;
	
}
footer p{
	margin:0 auto;
	padding:0;
	width:960px;
	color:#fff;
	text-align:center;	
}
footer p a{
	color:#999;
	text-decoration:none;	
}



/* INICIO */
#inicio{
	margin:0;
	padding:0;
	padding-bottom:0;
	height:100%;	
}
#inicio a{
	text-decoration:none;
}
#inicio h1{
	margin-bottom:15px;
	color:#0580a1;
	font-size:22px;
	text-align:center;
}

#inicio .derecha{
	width:400px;
	height:680px;
	display:inline-block;
	color:#0580a1;
}
	#inicio .derecha .fb-like-box{
		border:#cfcfcf 1px solid;	
	}

#inicio .izquierda{
	width:520px;
	float:left;
	display:inline-block;
	padding-top:0;
}
	#inicio .item{
		padding:0 45px 0 15px;
	}
		#inicio .item img{
			border:4px solid #cfcfcf;
		}
		#inicio .item p{
			float:right;
			font-size:12px;
			width:220px;	
		}
		#inicio .item a{
			margin-top:30px;
			background:#bfbfbf;	
		}
		
	#inicio .item .externo{
		background:#000;
		height:175px;	
	}
		
		


/* NOSOTROS */
#nosotros{
	min-height:400px;
	text-align:justify;	
}

#nosotros h2{
	text-align:center;
	color:#0580A1;
	text-transform:uppercase;	
}

#nosotros .arriba{
	margin:0 auto;
	padding:0;
	width:900px;	
}

	#nosotros .arriba p{
		font-size:14px;
		line-height:28px;
		width:850px;
		margin:20px auto;
	}

#nosotros .abajo{
	margin:0 auto;
	padding:0 0 25px 0;
	width:900px;
	text-align:center;
	border-top:#ccc solid 2px;	
}

#nosotros .abajo .izquierda{
	display:inline-block;
	width:330px;
	float:left;
	padding-left:30px;
}
	#nosotros .abajo .izquierda h2{
			
	}
	#nosotros .abajo .izquierda img{
		border:#ccc solid 5px;
		position:relative;
	}
#nosotros .abajo .derecha{
	display:inline-block;
	width:450px;
	margin-left:40px;
}
#nosotros .abajo p{
	font-size:14px;
	line-height:28px;
	text-indent:10px;
	margin:20px auto;
	text-align:justify;
}

#nosotros #empresas_relacionadas{
	width:900px;
	height:300px;
	margin:0 auto;
	text-align:center;
	border-top:2px solid #CCCCCC;
}
	#nosotros #empresas_relacionadas .info{
		width:180px;
		height:200px;
		display:inline-block;
		margin-right:40px;
		padding:3px;
		background:;
		color:#222;
		border:1px solid #ccc;
	}
		#nosotros #empresas_relacionadas .info.last{
			margin-right:0;
		}
		#nosotros #empresas_relacionadas .info h4{
			margin:0 auto;
			margin-top:5px;
			text-transform:uppercase;
			font-size:16px;	
		}
		#nosotros #empresas_relacionadas .info a{
			color:#888;
			text-decoration:none;	
		}
			#nosotros #empresas_relacionadas .info a:visited{
				color:#888;
			}
			#nosotros #empresas_relacionadas .info a:hover{
				text-decoration:underline;
			}
	#nosotros #empresas_relacionadas img{
		width:180px;	
	}

/* */
#slider2{
	margin:0;
	padding:0;
	overflow:hidden;
	height:400px;
	border-bottom:3px solid #000;
}


/* PRODUCTOS */
#productos h1{
	text-align:center;
	color:#0580A1;
	text-transform:uppercase;	
}
.menu-productos{
	text-align:center;
	margin-bottom:10px;	
}
	.menu-productos a.current{box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);}
	
	
#productos .tab{
	display:none;	
}
	#productos .tab.current{
		display:block;
	}
	
	#productos .tab.i2, #productos .tab.i3{
		min-height:400px;	
	}

	#productos .tab.i2 ul,#productos .tab.i3 ul{
		width:750px;
		margin:0 auto;
		font-size:13px;
		line-height:30px;
		text-align:justify;
	}
	#productos .tab.i2 li, #productos .tab.i3 li{
		margin-bottom:15px;
		list-style:none;
	}
	#productos .tab.i2 img, #productos .tab.i3 img{
		-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.4);
margin-bottom:20px;
margin-top:20px;
	}
	#productos .tab.i2 ul li:before, #productos .tab.i3 ul li:before{
	content:url('../img/check.png');
	margin-right:5px;
	margin-top:5px;
}




/* ALIANZAS */

#alianzas{
	padding-bottom:30px;	
}
#alianzas h1{
	text-align:center;
	color:#0580A1;
	text-transform:uppercase;
	width:800px;
	margin:20px auto 10px auto;
}

#alianzas .item{
	border:1px solid #ccc;
	width:210px;
	text-align:center;
	display:inline-block;	
}
	#alianzas .item a{
		color:#888;
		text-decoration:none;	
	}
	#alianzas .item a:hover{
		text-decoration: underline;	
	}




	
/* SERVICIOS */
#servicios{
	padding-bottom:30px;	
}
#servicios h1{
	text-align:center;
	color:#0580A1;
	text-transform:uppercase;
	width:800px;
	margin:20px auto 10px auto;
}
#servicios h3{
	text-align:left;
	color:#0580A1;
	width:680px;
	margin:20px auto 10px auto;	
	font-size:17px;
}
#servicios ul{
	width:700px;
	margin:20px auto;
	font-size:12px;
	color:#444;
	padding-left:50px;
}
#servicios ul li{
	line-height:28px;
	margin-bottom:15px;
	list-style:none;
}
#servicios ul li:before{
	content:url('../img/check.png');
	margin-right:5px;
	margin-top:5px;
}

#servicios .sub{
	display:inline-block; margin:0; width:445px; height:140px;
	border:1px solid #ccc;
}
#servicios .sub img{
	border:1px solid #000;
}
#servicios .sub h4{
	width:150px; display:inline; position:relative; top:-120px; margin-left:5px; font-size:16px;
}
#servicios .sub p{
	width:220px; display:inline-block; float:right; position:relative; top:-120px; font-size:12px;
}


/* FORMULARIO */
#formulario{
	height:450px;
	padding-bottom:30px;
}
#formulario.contacto{
	height:570px;
}
	#formulario.contacto .bloque .label{
		display:inline-block;
		width:160px;
		margin-bottom:25px;
		text-align:right;
	}
	#formulario.contacto .siniestro{
		min-width:285px;
		max-width:285px;
		min-height:100px;
		max-height:100px;
		padding:3px;
		margin-left:80px;
	}
	#formulario.contacto .bloque .gen{
		margin-left:75px;	
	}
	#formulario.contacto .bloque .gen2{
		margin-left:15px;	
	}
	#formulario.contacto .contacto-item{
		margin:10px 10px 10px 15px;
		font-size:13px;
		color:#555;
		line-height:28px;
	}
		#formulario.contacto .contacto-item img{
			margin-bottom:-10px;
			margin-right:10px;
		}
		#formulario.contacto .contacto-item a{
			text-decoration:none;
			color:#555;	
		}
			#formulario.contacto .contacto-item a:hover{
				text-decoration:underline;	
			}
#formulario.denuncie{
	height:530px;
}
	#formulario.denuncie .bloque .label{
		display:inline-block;
		width:170px;
		margin-bottom:25px;
		text-align:right;
	}
	#formulario.denuncie .bloque .gen{
		margin-left:85px;	
	}
	#formulario.denuncie .bloque .gen2{
		margin-left:15px;	
	}
	#formulario.denuncie .fecha{
		display:inline-block;
	}
	#formulario.denuncie .siniestro{
		min-width:400px;
		max-width:400px;
		min-height:60px;
		max-height:60px;
		padding:3px;
	}
	.denuncia-datos{
		margin:15px auto 0 auto;
		width:800px;
		padding-bottom:40px;
		font-size:13px;
		text-align:center;
		font-style:italic;	
	}
#formulario h1{
	text-align:center;
	color:#0580A1;
	text-transform:uppercase;
	width:800px;
	margin:20px auto 30px auto;
}

#formulario h4{
	background:#464646;
	color:#f0f0f0;
	text-align:center;
	padding:10px 0;
	margin:0 0 15px 0;
}
	#formulario.contacto h4{
		background:#242424;
		color:#f0f0f0;
		text-align:center;
		padding:5px 0;
		margin:0 0 15px 0;
		font-size:13px;
		color:#ccc;
	}
#formulario .red{
	color:#F00
}
#form1 input{
	padding:2px 0 2px 5px;
	margin-left:10px;	
}
#form1 select{
	margin-left:10px;
	padding:2px 0;	
}

#form1 input[type=radio]{
	padding:0;
	margin:0;	
}

#form1 .bloque .label{
	display:inline-block;
	width:125px;
	margin-bottom:25px;
	text-align:right;
}
#form1 .bloque input{
	height:20px;
}

#form1 .bloque-derecha .label{
	display:inline-block;
	width:120px;
	margin-bottom:15px;
	text-align:right;
}

#form1 .bloque{
	margin:0;
	padding:0;
	float:left;
	width:472px;
	background:efefef;	
}
#form1 .bloque-derecha{
	margin:0;
	padding:0;
	float:right;
	width:472px;
	background:efefef;	
}
	.bloque-derecha .maps{
		border:1px solid #ccc;;	
	}

#form1 .bloque .gen{
	margin-left:35px;	
}
#form1 .bloque .gen2{
	margin-left:15px;	
}
#form1 .enviar{
	margin-top:15px;
	text-align:center;
}
	#form1 .enviar input{
		padding:3px 8px;
	}
	#form1 .enviar input:hover{
		cursor:pointer;
	}


#form1 .captcha{
	width:;
	margin:0 auto;
	margin-top:10px;
	margin-left:30px;	
}
	#form1 .captcha .small{
		font-size:12px;
		margin-top:-10px;
	}
		#form1 .captcha .small .aqui{
			color:#0580A1;	
		}
	#form1 .captcha img{
		border:2px solid #999;
		margin-bottom:0px;	
	}
	#form1 .captcha .info{
		width:;
		display:inline-block;
		padding-left:20px;
	}
		#form1 .captcha .info label{
			width:100px;
			display:inline;
		}
		#form1 .captcha .info input{
			width:70px;
			padding-left:5px;	
		}
		
#contact_form_errorloc ul li{
	list-style:none;
	color:#F00;	
}
p.err{
	margin:0;
	padding-left:40px;
	margin-top:-20px;
	margin-bottom:20px;
	color:#F00;	
}