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

body {
	background:url(images/bcg.jpg) center top #e4eaea repeat-x;
	margin:0 auto;
}

a img {
	border:0;}
	
p {
	font:normal 13px 'Ubuntu', sans-serif;
	color:#000;
	margin:5px 0;
	line-height:18px;
	text-align:justify;
}
	
h1 {
	font:bold 14px 'Ubuntu', sans-serif;
	color:#3a81c0;
	margin:10px 0 ;
}

h2 {
	font:bold 16px 'Ubuntu', sans-serif;
	color:#175b98;
	margin:20px 0 10px 0;
}

h3 {
	font:bold 26px 'Ubuntu', sans-serif;
	color:#3a81c0;
	margin:5px 0;
}

h4 {
	font:bold 12px 'Ubuntu', sans-serif;
	color:#67ad45;
	margin:5px 0;
}

h5 {
	font:normal 42px 'Ubuntu', sans-serif;
	color:#062037;
	margin:20px 0 10px 0;
}

#top {
	width:967px;
	height:520px;
	margin:0 auto;
	position:relative;
}

#logo {
	width:301px;
	height:130px;
	position:absolute;
	top:5px;
	left:0px;
}


#galleria {
	width:967px;
	height:361px;
	position:absolute;
	bottom:0px;
}

#datos-contacto {
	width:190px;
	height:20px;
	position:absolute;
	top:5px;
	right:0;
	font:normal 14px 'Ubuntu', sans-serif;
	color:#FFF;
}

#datos-contacto a {
	font:bold 14px 'Ubuntu', sans-serif;
	color:#FFF;
	text-decoration:none;
}
#datos-contacto a:hover {
	color:#4c98db;
}

#menu {
	width:660px;
	height:55px;
	position:absolute;
	top:30px;
	right:-1px;
	background:url(images/bcg-menu.jpg) no-repeat;
	padding:20px 0 0 0;
	text-transform:uppercase;
	
}

#menu a {
	font:bold 14px 'Ubuntu', sans-serif;
	color:#3d86c6;
	text-decoration:none;
	margin:0 46px;
	width:165px;
	
}

#menu a:hover {
	color:#5F9ACF;
}

#pie {
	width:100%;
	background:url(images/bcg-pie.jpg) repeat-x;
}

#cont-pie {
	width:967px;
	height:215px;
	margin:0 auto;
	position:relative;
}

#content {
	width:967px;
	margin:0 auto;
	padding:10px 0 50px 0;
}

#mapa-pie {
	width:387px;
	height:195px;
	position:absolute;
	top:-20px;
	left:0;
	border:2px solid #185589;
}

#logo-pie {
	width:200px;
	height:65px;
	position:absolute;
	bottom:15px;
	left:407px;
}

#empresa-pie, #servicios-pie, #clientes-pie {
	width:180px;
	height:78px;
	position:absolute;
	top:30px;
	font:normal 14px 'Ubuntu', sans-serif;
	color:#b9deff;
}

#empresa-pie a, #servicios-pie a, #clientes-pie a {
	font:normal 14px 'Ubuntu', sans-serif;
	color:#b9deff;
	text-decoration:none;
}

#empresa-pie {
	left:407px;
}

#servicios-pie {
	left:595px;
}

#clientes-pie {
	left:783px;
}

#dir {
	position:absolute;
	right:170px;
	bottom:36px;
	font:normal 14px 'Ubuntu', sans-serif;
	color:#FFF;
}

#tel {
	position:absolute;
	right:10px;
	bottom:36px;
	font:normal 14px 'Ubuntu', sans-serif;
	color:#FFF;
}

#col-izq {
	width:600px;
	float:left;
}

#col-der {
	width:305px;
	float:right;
}

#der-cont {
	width:275px;
	background:url(images/bcg-col-der.jpg) no-repeat #FFF;
	padding:15px;
	margin-bottom:20px;
}


#der-cont .col-items {
	width:275px;
}

#der-cont .col-items p {
	background:url(images/items.png) 0 2px no-repeat;
	padding:0 0 2px 20px;
	text-align:left;
	font-size:12px !important;
	color:#4d4d4d !important;
}

#col-izq .col-items p, #col-izq .col-items2 p {
	background:url(images/items.png) 0 2px no-repeat;
	padding:0 0 2px 20px;
	font-size:16px;
	text-align:left;
}

/* Clases */

.reset {
	clear:both;
	margin:0px 0px 5px 0px;
	font-size:1px;
}

.warning{
	background:#000000;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:10000;
	display:none;
	width:100%;
	height:90px;
}

.banners-home {
	width:445px;
	height:220px;
	background:url(images/bcg-banners-home.png) no-repeat;
	float:left;
	padding:10px 20px 10px 0;
	margin-right:15px;
}

.banners-home h3 {
	letter-spacing:-0.1em;
	word-spacing:0.05em;
}

.banners-home img{
	float:left;
}

.banners-home p {
	font-size:12px;
	color:#4d4d4d;
	text-align:justify;
}

.col-items {
	width:290px;
	float:left;
	padding-right:10px;
}

.col-items2 {
	width:400px;
	float:left;
	padding-right:10px;
}



/*Estilos contacto*/

.form1 {
	float:left;
	width:550px;
	margin:10px 0 20px 20px;
	padding:0;
	text-align:right;
	font:bold 14px 'Ubuntu', sans-serif;
	color:#000;
	float: left;
	text-transform:uppercase;
}

.inputs {
	width:400px;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	vertical-align:middle;
	margin:2px 30px 2px 6px;
	padding:5px 5px;
	font:normal 11px 'Ubuntu', sans-serif;
	color:#000;
}

.boton {
	margin:10px 30px 0 0;
	border:none;
	background-color:#3678b3;
	text-align:center;
	padding:5px 20px;
	font:bold 14px 'Ubuntu', sans-serif;
	color:#FFF;
}

.selects {
	width:211px;
	margin:4px 30px 4px 6px;
	padding:2px 5px;
	border:1px solid #C2C1C1;
	font:normal 12px 'Ubuntu', sans-serif;
	vertical-align:middle;
}

label {
	display:block;
}

.margenes {
	display:block;
	margin:0 20px;
}