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

* {
	margin: 0;
	padding: 0;
	}
	
img {
	border: none;
	}

p {
	margin-bottom: 10px;
	}
	
a {
	text-decoration: none;
	color: #666;
	}

ul li {
	list-style: none;
	}

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #666;
		background: url(img/bg.jpg);
	}
	
	
#contenedor {
	width: 941px;
	margin: 0 auto;
	}
	
#encabezado {
		width: 100%;
		margin: 0 auto;
	}
	
#top {
	width: 100%;
	margin: 0 auto;
	height: 140px;
	}
	
#logo {
	float: left;
	}
	
#accesos {
	width: 277px;
	float: right;
	font-size: 12px;
	}
	
#telefonos {
	width: 125px;
	float: left;
	padding: 0 5px;
	border: 1px solid #cccccc;
	background: #FFF;
	}
	
#acceso-clientes a {
	width: 140px;
	height: 46px;
	float: right;
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 2px;
	background-color: #024C8B;
	}
	
#leyenda-menu {
	width: 100%;
	height: 110px;
	}

#leyenda {
	float: left;
	}
	
#menu {
	float: right;
	}
	
	#menu ul li {
		text-align: right;
		}
		
	#menu .menu-activo {
		font-size: 24px;
		color: #333;
}
	
	#menu ul li a {
		font-size: 23px;
		}
		
	#menu ul li a:hover {
		font-size: 24px;
		color: #333;
		}
		
#contenido {
	width: 100%;
	}
	
#banners {
	width: 941px;
	height: 347px;
	background:url(img/banner.jpg) no-repeat;
	}
	
#banners-2 {
	width: 941px;
	height: 347px;
	background:url(img/banner-2.jpg) no-repeat;
	}
	
#banners-3 {
	width: 941px;
	height: 347px;
	background:url(img/banner-3.jpg) no-repeat;
	}
	
#banners-4 {
	width: 941px;
	height: 347px;
	background:url(img/banner-4.jpg) no-repeat;
	}
	
#ve-btn {
	width: 155px;
	height: 36px;
	padding-top: 285px;
	padding-left: 670px;
	}
	
	#banners ul li a {
		width: 155px;
		height: 36px;
		display: block;
		background:url(img/ve-btn.jpg);
		background-position: top;
		}

	#banners ul li a:hover {
		background:url(img/ve-btn.jpg);
		background-position: bottom;
		}

	#banners ul li span {
		display: none;
		}
		
#ve-btn-2 {
	width: 156px;
	height: 34px;
	padding-top: 281px;
	padding-left: 630px;
	}
	
	#banners-2 ul li a {
		width: 156px;
		height: 34px;
		display: block;
		background:url(img/ve-btn-2.jpg);
		background-position: top;
		}

	#banners-2 ul li a:hover {
		background:url(img/ve-btn-2.jpg);
		background-position: bottom;
		}

	#banners-2 ul li span {
		display: none;
		}
		
#ve-btn-3 {
	width: 154px;
	height: 36px;
	padding-top: 291px;
	padding-left: 670px;
	}
	
	#banners-3 ul li a {
		width: 154px;
		height: 36px;
		display: block;
		background:url(img/ve-btn-3.jpg);
		background-position: top;
		}

	#banners-3 ul li a:hover {
		background:url(img/ve-btn-3.jpg);
		background-position: bottom;
		}

	#banners-3 ul li span {
		display: none;
		}
		
#ve-btn-4 {
	width: 153px;
	height: 36px;
	padding-top: 290px;
	padding-left: 550px;
	}
	
	#banners-4 ul li a {
		width: 153px;
		height: 36px;
		display: block;
		background:url(img/ve-btn-4.jpg);
		background-position: top;
		}

	#banners-4 ul li a:hover {
		background:url(img/ve-btn-4.jpg);
		background-position: bottom;
		}

	#banners-4 ul li span {
		display: none;
		}
	
	
#contacto {
	width: 921px;
	height: 205px;
	border: 1px solid #cccccc;
	margin-top: 35px;
	padding: 10px;
	background: #FFF;
	}
	
#clientes {
	width: 941px;
	height: 350px;
	padding-top: 30px;
	}

.clientes {
	width: 302px;
	float: left;
	margin: 0 5px;
	text-align: center;
	}

.nombre-cliente {
	color:#999;
	font-size: 17px;
	font-weight: normal;
	}
	
	
#pie {
	width: 100%;
	margin-top: 30px;
	background: #e6e6e6;
	clear: both;
	}

.formulario {
	float: left;
	padding-right: 20px;
	}

.titulo {
	font-size: 20px;
	font-weight: normal;
	}
	
input {
	width: 240px;
	height: 20px;
	margin-bottom: 5px;
	background: #cccccc;
	border: none;
	}
	
label {
	font-size: 13px;
	}
	
textarea {
	width: 270px;
	height: 90px;
	background: #cccccc;
	border: none;
	}
	
.submit {
	width: 100px;
	height: 90px;
	float: left;
	color: #FFF;
	font-size:14px;
	background: #414141;
	}
	
.centrada {
	display: block;
	margin: 0 auto;
	}
	
	
/*-- De Quien --*/

#banner-de-quien {
	width: 941px;
	height: 347px;
	background:url(img/banner-de-quien.jpg);
	}

#de-quien-txt {
	width: 550px;
	padding-top: 45px;
	padding-left: 12px;
	text-align: right;
	} 
	
.de-quien-1 {
	color: #999999;
	font-size: 14px;
	}
	
.de-quien-2 {
	padding-top: 23px;
	color: #414141;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.1;
	}
	
.de-quien-3 {
	padding-top: 21px;
	color: #999999;
	font-size: 14px;
	}
	
	
/*-- Porque --*/

#banner-porque {
	width: 941px;
	height: 347px;
	background:url(img/banner-porque.jpg);
	}
	
#porque-txt {
	width: 450px;
	padding-top: 40px;
	padding-left: 450px;

	}
	
.porque-1 {
	color: #999999;
	font-size: 14px;
	line-height: 1.3;
	}
	
.porque-2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	padding-top: 15px;
	}
	
.porque-3 {
	color: #999999;
	font-size: 14px;
	line-height: 1.3;
	padding-top:10px;
	}
	
	
/* -- De lip a web */

#banner-pasos {
	width: 941px;
	height: 546px;
	}
	
/* -- Gracias -- */

#gracias {
	margin-top: 20px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
	}