@charset "utf-8";
/* CSS Document */

body{
	width: 1007px;
	margin: auto;
	font-size: 20px;
	color: #124F7E;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cabecera{
	width: 1007px;;
	float: left;
	background-color: #FFF;
}
.titulo{
	float:right;
	margin-right:30px;
	text-align:center;
	color:#6A696D;}
.titulo h1{
	font-size:56px;
	margin-bottom:0px;}
.titulo p{
	font-size:20px;
	margin-top:0px;}

.cuerpo{
	width:1007px;
	float:left;
	background-color:#FFF;}
.logo{
	float:left;
	margin-left:40px;}
.menu{
	float:left;
	width:400px;
	margin-top: 20px;
	
	}
.menu img{
	margin-top:18px;}



.banner{
	float:left;
	width:100%;
	height:380px;
	}
.galeria{
	float:left;
	width:100%;
	margin-bottom:30px;
	}
.page{
	width:1007px;
	margin:auto;
	margin-top:25px;}
.texto1{
	width:1007px;
	margin:auto;
	height:200px;
	margin-top:0px;
	
	}
.texto1i{
	float:left;
	width:270px;
	height:200px;
	background-color:#FFF;
	color:#00A2E3;
	font-size:25px;
	text-align:right;
	}
.texto1d{
	float: left;
	width: 737px;
	height: 200px;
	background-color: #FFF;
	color: #6A696D;
	font-size: 25px;
	text-align: justify;
}
.texto1d p{
	margin-left:30px;
	margin-right:20px;}
.cuadrog{
	float: left;
	width: 100%;
	background-color: #EEEEEE;
	

	}
.t{
	color: #6A696D;
	font-size: 38px;
	margin-top: 10px;
	margin-left: 80px;
	margin-right: 20px;
}
.cuadrog p{
	color: #666666;
	
}

.marcas{
	text-align: center;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 50px;
	margin-top:20px;
}

.pie{
	float:left;
	width:100%;
	margin:auto;
	margin-top:20px;
	font-size:12px;
	color: #6A696D;
	}
.pietitulo{
	font-size: 32px;
	
}

.pie img {
	margin-right:20px;}
.estrella{
	
	width: 40px;
	height: 70px;
	margin-top: -35px;
	margin-left:-60px;
	float: left;
	position: relative;
	text-align: center;
	}

.productos{
	width:1007px;
	margin:auto;
	margin-bottom:50px;
	}
.productos img{
	width:100%;
	height:auto;}
.cuadroservicios{
	float: left;
	width: 235px;
	background-color: #88878C;
	color: #fff;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom:50px;
}
.cuadroserviciostitulos{
	float:left;
	width:235px;
	text-align:center;}
.cuadroserviciostitulos h1{
	color: #fff;
	font-size: 35px;
	margin-top:10px;
	margin-bottom:10px;
	
}
.cuadroserviciostitulos h3{
	
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
	
}

.cuadroserviciostextos{
	float:left;
	width:235px;
	text-align:center;
	background-color:#C8C7CC;
	font-size:12px;
	text-align:left;
	
	}
.cuadroserviciostextos p{
    margin-left:10px;
	margin-right:10px;
}

/*   Nosotros */

.textonosotros{
	float: left;
	width: 1007px;
	height: 600px;
	background-image: url(../imagenes/nosotros.jpg);
	background-repeat: no-repeat;	
	}

.textonosotros p{
	margin-top:350px;
	margin-left:470px;
	margin-right:30px;
	text-align:justify;
	font-size:20px;
	color:#6A696D;
}

/*   Servicios */
.banda{
	float: left;
	width: 1007px;
	background-color: #E1E2E3;
	color: #11BDFF;
	font-size: 22px;
	text-align: justify;
	margin-top:50px;
	margin-bottom:70px;
	
}
.banda p{
	margin-left:20px;
	margin-right:20px;
	font-weight: lighter;
	
	}
.servicios{
	width:937px;
	float:left;
	margin-bottom:50px;
	margin-left:30px;
	}
.servicios p{
	color: #6A696D;
	text-align: justify;
	margin-left: 490px;
	margin-right: 30px;
	
}

.servicios2{
	width:937px;
	float: right;
	margin-right:30px;
	margin-bottom:50px;
	}
.servicios2 p{
	color: #6A696D;
	text-align: justify;
	margin-left: 0px;
	margin-right: 500px;
	margin-bottom:50px;
}

/*Eventos*/

.galerias {
	float:left;
	height:452px;
	margin-left:15px;}
.galerias  a{
	
	
	}
	
.galerias a:hover img {
	
	margin-top:30px;
	}
/* GOBIERNO*/


.fotos-miniatura {
	float:left;
	width:1007px;
	}
.fotos-miniatura img  {
	width:230px;
	height:230px;
	margin-left:15px;
	margin-bottom:10px;
	}
.fotos-miniatura a{
	float:left;}
/*CONTACTO*/

.contacto{
	float: left;
	width: 1007px;
	height: 650px;
	background-image: url(../imagenes/fondo-contacto.gif);
	background-repeat: no-repeat;
}
	
.formulario{
	background-color: #DCDDDE;
	float: left;
	width: 540px;
	margin-left: 37px;
	margin-top: 100px;
	}
	
.contact_form{
	width:500px;
	margin-left:30px;
	margin-bottom:30px;
	margin-top:30px;}
	
/*--- estilos para los ul y li del formulario ---*/

.contact_form ul {

    width:500px;

    list-style-type:none;

    margin:0px;

    padding:0px;

}

.contact_form li{

    padding:12px; 

    border-bottom:1px solid #eee;

    position:relative;

}

.contact_form label {

    color: #555555;

    display: inline-block;

    float: left;

    font-family: sans-serif;

    font-size: 13px;

    font-weight: bold;

    margin-top: 3px;

    padding: 3px;

    width: 90px;

}
.contact_form input {

    height:20px; 

    width:220px; 

    padding:5px 8px;

}

.contact_form textarea {

    padding:8px; 

    width:300px;

}

.contact_form button {

    margin-left:90px;

}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

    color: #888;

    font-size: 12px;

    padding-right:30px;

    -moz-transition: padding .25s; 

    -webkit-transition: padding .25s; 

    -o-transition: padding .25s;

    transition: padding .25s;

}

.contact_form input:focus, .contact_form textarea:focus {

    background: #fff; 

    border:1px solid #555; 

    box-shadow: 0 0 3px #aaa; 

    padding-right:80px;

}
/* === Estilos de Validacion === */

 

.contact_form input:required:valid, .contact_form textarea:required:valid {

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}
/* === Estilos del boton de Envio === */

button.submit {

    padding: 9px 17px;

   font-family: Helvetica, Arial, sans-serif;

   font-weight: bold;

   line-height: 1;

   color: #444;

   border: none;

   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));

   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);

   background-color: #fff;

   border: 1px solid #f1f1f1;

   border-radius: 10px;

   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}

button.submit:hover {

    opacity:.55;

    cursor: pointer; 

    color: #fff;

}

button.submit:active {

    border: 1px solid #222;

    box-shadow: 0 0 10px 5px #444 inset; 

}

.mapa{
	
	float:left;
	margin-left:15px;
	margin-top:100px;
	width:400px;
	text-align:center;
	color:#FFF;
	
	}
.numero{
	font-size:50px;}