@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:26px;
}
img a, image a:hover {
	border:none;
}
#wrapper {
	width:100%;
	margin:auto;
}
.centrador{
	max-width:1100px;
	margin:auto;
}
.clear{
	clear:both;
}
#head{
	width:100%;
	margin:auto;
	background-image:url(images/fondo-head.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}
#head-derecho{
	width:50%;
	float:right;
	text-align:right;
	padding-top:1%;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	line-height:21px;
}
#head-derecho a,#head-derecho a:hover {
	color:#FFF;
	text-decoration:none;
}
#head-derecho ul{
	list-style:none;
	margin:0;
	width:100%;
	padding:0px;
	float:right;
}
#head-derecho li{
	width:6%;
	display:inline-table!important;
}
#head-derecho li img{
	width:100%;
	height:auto;
}
#head-izquierdo{
	width:50%;
	float:left;
	text-align:left;
	padding-top:2%;
	padding-bottom:1%;
}
#banner{
	width:100%;
	margin:auto;
	background-image:url(images/banner-principal.jpg);
	background-position:center;
 }

#banner-texto{
	padding-top:20%;
	padding-bottom:15%;
	margin:auto;
	color:#FFFFFF;
	text-align:center;
	width:50%;
	font-family: 'Libre Baskerville', serif;
	font-size:12px;
	font-variant:small-caps;
}
.banner-principal{
	font-family: 'Libre Baskerville', serif;
	font-variant:small-caps;
	background:rgba(0,0,0,.7)!important;
	padding:2%;
	border-radius:5%;
	font-weight:lighter!important;
	font-size:30px;
}
#barra{
	background-color:#4D4D4D;
	text-align:center;
	color:#FFFFFF;
	width:100%;
	margin:auto;
	padding-top:3%;
	padding-bottom:3%;
	font-size: 24px;
	font-family: 'Libre Baskerville', serif;
	font-variant:small-caps;
	font-weight:lighter!important;
}
#intro{
	text-align:center;
	color:#333333;
	width:100%;
	margin:auto;
}
#intro-interior{
	width:50%;
	margin:auto;
	padding-bottom: 5%;
	padding-top: 5%;
}
#texto-aviso{
	width:80%;
	margin:auto;
	text-align:left;
	padding-bottom: 5%;
	padding-top: 5%;
}
#secciones-galeria{
	background-color:#000;
}
#galeria-inicio{
	width:100%;
	margin:auto;
	background-color:#000000;
}
#galeria-inicio img{
	width:100%;
	height:auto;
}
#galeria-inicio-izq{
	float:left;
	width:50%;
	border: 0px;
	padding: 0px;
}
.galeria-inicio-izq1{
	float:left;
	width:65.8%;
}
.galeria-inicio-izq1a{
	float:left;
	width:50.6%;
}
.galeria-inicio-izq1b{
	float:left;
	width:49.2%;
}
.galeria-inicio-izq1b1{
	width:100%;
}
.galeria-inicio-izq1b2{
	width:100%;
}
.galeria-inicio-izq2{
	float:left;
	width:33.4%;
}
#galeria-inicio-derecho{
	float:right;
	width:50%;
}
.galeria-inicio-derecho1{
	float:left;
	width:66%;
}
.galeria-inicio-derecho1a{
	width:100%;
}
.galeria-inicio-derecho1b{
	width:100%;
}
.galeria-inicio-derecho1b1{
	width:50%;
	float:left;
}
.galeria-inicio-derecho1b2{
	width:50%;
	float:right;
}
.galeria-inicio-derecho2{
	float:right;
	width:34%;
}
.galeria-interior-derecho1{
	float:right;
	width:66%;
}
.galeria-interior-izq2{
	float:left;
	width:33.5%;
}
#galeria-interior-izq{
	float:left;
	width:50%;
}
#galeria-interior-derecho{
	float:right;
	width:50%;
}
.galeria-interior-derecho2{
	float:right;
	width:33%;
}
.galeria-interior-derecho1a{
	float:right;
	width:49.5%;
}
.galeria-interior-izq1b{
	float:left;
	width:49%;
}
.galeria-interior-izq1a{
	float:left;
	width:49%;
}
.galeria-interior-derecho1b{
	float:right;
	width:49%;
}
.botongaleria{
	background-color:#237BAB;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	margin:auto;
	width:25%;
	font-size:18px;
	font-family: 'Libre Baskerville', serif;
	font-variant:small-caps;
}
.botongaleria a, .botongaleria a:hover{
	text-decoration:none;
	color:#FFFFFF;
}
#secciones{
	background-image:url(images/fondo-secciones.jpg);
	background-size:cover;
	background-position:center top!important;
	background-repeat:no-repeat;
}
#secciones, #secciones-galeria{
	width:100%;
	margin:auto;
	color:#FFFFFF;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
	font-size:13px;
	line-height:21px;
	background-color:#000000;
}
#secciones ul, #secciones-galeria ul{
	list-style:none;
	margin:0;
	text-align:center;
	padding:0px;
}
#secciones li, #secciones-galeria li{
	width:16%;
	text-align:center;
	display:inline-table!important;
	padding-right:2%;
}
#secciones li img,  #secciones-galeria li img {
	width:80%;
	height:auto;
}
.secciones{
	font-size:17px;
	line-height:20px;
}
.secciones a, .secciones a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#clientes{
	width:100%;
	margin:auto;
	padding-top:4%;
	padding-bottom:4%;
	background-image:url(images/fondo-logos.jpg);
	background-size:cover!important;
	background-position:center bottom;
}
#clientes ul{
	list-style:none;
padding:0;
margin:0;
text-align:center;
padding-bottom:30%;
}
#clientes li{
	display:inline-table;
	width:15%;
	margin:2%;
}
#clientes li img{
	width:100%;
	height:auto;
}
#banner-inferior{
	width:100%;
	margin:auto;
	background-image:url(images/imagen-inferior.jpg);
	background-position:center top;
	background-size:cover;
	}

#pie{
	width:100%;
	text-align:center;
	font-size:13px;
	padding-top:3%;
	padding-bottom:2%;
	background-color:#4D4D4D;
	color:#FFFFFF;
	margin:auto;
}
#pie ul{
	list-style:none;
padding:0;
margin:0;
text-align:center;
font-size:13px;
	line-height:20px;
}
#pie li{
	display:inline-table;
	width:3%;
	margin:1%;
}
#pie a, #pie a:hover {
	text-decoration:none;
	color:#FFF;
}
#contactoinferior{
	position:fixed;z-index:9999999;
	bottom:0;
	right:0;
	background-color:#fff;
	border-top:solid 2px #ccc;
	border-left:solid 2px #ccc;
	border-right:solid 2px #ccc;
	margin-bottom:-320px;
	right:10px}
.topecontacto{
	background-color:#000000;
	font-size:13px;
	padding:1%;
	font-family: 'Libre Baskerville', serif;
	font-variant:small-caps;
}
.topecontacto img{
	width:3%;
	margin-left:10px;
	height:auto
	}
	
	#galeria{
		width:100%;
		margin:auto;
		background-color:#000000;
		line-height:0;
	}

.horizontales{
		width:100%;
		margin:auto;
		-webkit-columns:4;
		-webkit-column-gap:0;
	}
.horizontales ul{
	list-style:none;
	margin:0;
	text-align:center;
	padding:0px;
}
.horizontales li{
	width:100%;
	text-align:center;
	float:left;
}
.horizontales li img {
	width:100%;
	height:auto;
}
.verticales{
		width:100%;
		margin:auto;
		-webkit-columns:5;
		-webkit-column-gap:0;
	}
	.verticales ul{
	list-style:none;
	margin:0;
	text-align:center;
	padding:0px;
}
.verticales li{
	width:100%;
	text-align:center;
	float:left;
}
.verticales li img {
	width:100%;
	height:auto;
}