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

@font-face {
    font-family: 'latobold';
    src: url('webfont/lato-bold-webfont.eot');
    src: url('webfont/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/lato-bold-webfont.woff2') format('woff2'),
         url('webfont/lato-bold-webfont.woff') format('woff'),
         url('webfont/lato-bold-webfont.ttf') format('truetype'),
         url('webfont/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('webfont/lato-light-webfont.eot');
    src: url('webfont/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/lato-light-webfont.woff2') format('woff2'),
         url('webfont/lato-light-webfont.woff') format('woff'),
         url('webfont/lato-light-webfont.ttf') format('truetype'),
         url('webfont/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latomedium';
    src: url('webfont/lato-medium-webfont.eot');
    src: url('webfont/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/lato-medium-webfont.woff2') format('woff2'),
         url('webfont/lato-medium-webfont.woff') format('woff'),
         url('webfont/lato-medium-webfont.ttf') format('truetype'),
         url('webfont/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('webfont/lato-regular-webfont.eot');
    src: url('webfont/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/lato-regular-webfont.woff2') format('woff2'),
         url('webfont/lato-regular-webfont.woff') format('woff'),
         url('webfont/lato-regular-webfont.ttf') format('truetype'),
         url('webfont/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#FFF;
	font-family:'latoregular', Arial, Helvetica, sans-serif;
}

*:focus {
    outline: 0;
}

.centrado{
	margin:0 auto;
	width:1200px;
	height:auto;
	padding:10px 0 10px 0;
	display:block;
	overflow:hidden;
}

.zona_menu{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #a1bed3;
	background:#FFF;
	z-index:999;
}

.zona_menu ul{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	list-style-type:none;
	margin:0;
	padding:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li{
	float:left;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	width:14.28%;
	height:auto;
	text-align:center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li a{
	float:left;
	display:block;
	overflow:hidden;
	margin:0;
	text-decoration:none;
	color:#757575;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li a:hover{
	border-bottom:1px solid #34495c;
	color:#F90;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li + li + li + li a{
	float:left;
	display:block;
	overflow:hidden;
	margin:0;
	text-decoration:none;
	color:#757575;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
	width:100%;
	height:auto;
	background:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li + li + li + li + li a{
	float:left;
	display:block;
	overflow:hidden;
	margin:0;
	text-decoration:none;
	color:#757575;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
	width:100%;
	height:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_menu ul li a img{
	float:left;
	width:100%;
	height:auto;
	display:block;
	border:none;
	overflow:hidden;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.zona_slider{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	background:#bdd8eb;
}

.zona_horarios{
	float:left;
	width:100%;
	height:auto;
	display:block;
	background:#34495c;
	overflow:hidden;
}

.zona_horarios ul{
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	list-style-type:none;
}

.zona_horarios ul li{
	float:left;
	width:29.3%;
	height:auto;
	display:block;
	overflow:hidden;
	color:#FFF;
	margin:0;
	padding:2%;
	border-right:1px solid #666;
}

.zona_horarios ul li:last-child{
	float:left;
	width:29.2%;
	height:auto;
	display:block;
	overflow:hidden;
	color:#FFF;
	margin:0;
	padding:2%;
	border-right:none;
}

.zona_horarios ul li img{
	float:left;
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
}

.zona_horarios ul li p{
	margin:0;
	padding:10px 0 0 5px;
}


.zona_contenido{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	background:#FFF;
	padding:50px 0 50px 0;
}

.zona_contenido h1{
	font-family: 'latobold';
	color:#F90;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

.zona_contenido h2{
	font-family: 'latolight';
	font-weight:100;
	color:#666;
	text-align:center;
	font-size:28px;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0 0 15px 0;
}

.zona_contenido p{
	font-family: 'latolight';
	font-weight:100;
	color:#666;
	text-align:center;
	font-size:16px;
	max-width:650px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0;
}

.servicios{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}

.servicios ul{
	margin:0 auto;
	width:940px;
	height:auto;
	display:block;
	overflow:hidden;
	padding:40px 0 40px 0;
	list-style-type:none;
	background: url(images/fondo_servicios.jpg) no-repeat center center #FFFFFF;
}

.servicios ul li{
	float:left;
	width:38.5%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0;
}

.servicios ul li h1{
	float:right;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li p{
	float:right;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li + li + li p{
	float:left;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
}


.servicios ul li + li + li h1{
	float:left;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li + li + li + li h1{
	float:right;
	width:190px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li + li + li + li p{
	float:right;
	width:190px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li + li + li + li + li + li h1{
	float:left;
	width:190px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
}

.servicios ul li + li + li + li + li + li p{
	float:left;
	width:190px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
}

.servicios ul li + li + li + li + li + li + li h1{
	float:right;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li + li + li + li + li + li + li p{
	float:right;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
}

.servicios ul li:last-child h1{
	float:left;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
}

.servicios ul li:last-child p{
	float:left;
	width:200px;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:left;
	margin:0 0 0 10px;
	padding:0;
}


.servicios ul li + li{
	float:left;
	width:22%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li + li + li{
	float:left;
	width:38.5%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li + li + li + li{
	float:left;
	width:33%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li + li + li + li + li + li + li{
	float:left;
	width:38.5%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li + li + li + li + li + li + li + li{
	float:left;
	width:22%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li:last-child{
	float:left;
	width:38.5%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
}

.servicios ul li img{
	float:right;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.servicios ul li + li + li img{
	float:left;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.servicios ul li + li +li +li img{
	float:right;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.servicios ul li + li +li +li + li img{
	float:left;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.servicios ul li + li +li +li + li + li + li img{
	float:right;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.servicios ul li:last-child img{
	float:left;
	display:block;
	width:auto;
	height:auto;
	border:4px solid #FFF;
	border-radius:60px;
	-webkit-border-radius:60px;  /* Safari  */
    -moz-border-radius:60px;     /* Firefox */
}

.zona_resumen{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	background:#dee8ea url(images/equipo2.png) no-repeat bottom left;
	padding:50px 0 50px 0;
}

.zona_resumen h1{
	font-family: 'latobold';
	color:#F90;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

.zona_resumen h2{
	font-family: 'latolight';
	font-weight:100;
	color:#666;
	text-align:center;
	font-size:28px;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0 0 15px 0;
}

.zona_resumen p{
	font-family: 'latolight';
	font-weight:100;
	color:#666;
	text-align:center;
	font-size:16px;
	max-width:650px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0 0 10px 0;
}


.zona_servicios{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:50px 0 50px 0;
	background:#36495c;
}


.zona_servicios h1{
	font-family: 'latobold';
	color:#F90;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

.zona_servicios h2{
	font-family: 'latolight';
	font-weight:100;
	color:#fff;
	text-align:center;
	font-size:28px;
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0 0 15px 0;
}

.columna_a{
	float:left;
	width:48%;
	height:auto;
	display:block;
	overflow:hidden;
}

.columna_a img{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
}

.columna_a h1{
	font-family: 'latolight';
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:15px 0 15px 0;
	margin:0;
	text-align:left;
	font-size:28px;
	text-transform:none;
	font-weight:100;
}

.columna_a p{
	font-family: 'latolight';
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	font-size:16px;
	text-transform:none;
	font-weight:100;
}

.columna_a ul{
	float:left;
	width:96%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0 0 0 4%;
	margin:0;
	font-family: 'latolight';
}

.columna_a ul li{
	padding:0 0 10px 0;
}

.columna_b{
	float:left;
	width:51%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0 0 0 1%;
}

.columna_b ul{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}

.columna_b ul li{
	float:left;
	width:48%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0 0 2% 2%;
	padding:0;
}

.columna_b ul li img{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}


.columna_b h1{
	font-family: 'latolight';
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:15px 0 15px 0;
	margin:0;
	text-align:left;
	font-size:21px;
	text-transform:none;
	font-weight:100;
}

.columna_b p{
	font-family: 'latolight';
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	font-size:16px;
	text-transform:none;
	font-weight:100;
}

.clientes{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:15px 0 0 0;
	padding:0;
}

.clientes ul{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}

.clientes ul li{
	float:left;
	width:240px;
	height:120px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}

.clientes ul li img{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	border:none;
}

.contact-form{
	float:left;
	width:100%;
	display:block;
	overflow:hidden;
	height:auto;
	margin:0 0 0 0;
}

.contact-form input, .contact-form textarea{
	font-family: 'latolight';
border: 1px solid #F90;
min-height: 20px;
padding: 5px;
color: #333;
font-size: 18px;
background: #FFF;
border-radius: 2px;
margin-bottom: 10px;
width: 97%;
}

.contact-form select{
	font-family: 'latolight';
border: 1px solid #F90;
min-height: 20px;
padding: 5px;
color: #333;
font-size: 18px;
background: none;
border-radius: 2px;
margin-bottom: 10px;
width: 97%;
}

.s-btn{
	font-family: 'latolight';
background:#F90 url(images/icono-email2.png) no-repeat 12px 9px;
border: medium none;
display: table;
color: #FFF;
padding: 12px 20px 12px 40px;
font-size: 16px;
font-weight: 100;
border-radius: 2px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	float:right;
	margin:0 5px 0 0;
}

.s-btn:hover{
background:#333 url(images/icono-email2.png) no-repeat 12px 9px;
cursor:pointer;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.especial p{
  font-family: 'latolight';
  font-weight: 100;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  max-width: 650px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 0 0 50px 0;
}

.direcciones{
	float:left;
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	margin:20px 0 0 0;
}

.direcciones p{
	font-size:14px;
	color:#FFF;
	padding:0;
	margin:0 0 5px 0;
}

.direcciones p b{
	color: #fff;
	font-style:italic;
	font-weight:100;
}