/* CSS Document */



@import url(normalize.css);







@import url(https://fonts.googleapis.com/css?family=Cabin:400,500,600);

@import url('https://fonts.googleapis.com/css?family=Merienda+One');





/*VIDEO BACKGROUND */

fr

h1 {

	font-family: 'Frank Ruhl Libre', serif;

	line-height:normal;

	font-size:1em;

	margin:0;}



.ajustar{

	}



video { 



    position: fixed;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

	background-size: cover;

	



	



	



}



.video {

	text-align:center;}



.video-responsive {

position: relative;

padding-bottom: 56.25%; /* 16/9 ratio */

padding-top: 30px; /* IE6 workaround*/

height: 0;

overflow: hidden;

}



.video-responsive iframe,

.video-responsive object,

.video-responsive embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}


/*resets*/

*{

	box-sizing:border-box;

	border:none;

	text-decoration: none;

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}



figure{

	margin: 0;

	display:block;

}



#cuadro{

	max-width:1100px;

	margin-left:auto;

	margin-right:auto;

	height:auto;

	z-index:0;}





/*basicos*/

html{

	font-size: 10px;

}



body {font-family: 'Alegreya Sans', sans-serif;

background: #fff ;

font-weight:300;



	}

h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { font-size:1.4em;

line-height:normal;



	

	}



h3 {

	font-family: 'Cabin', sans-serif;

	line-height:normal;

	

	}



/*boton arriba*/

#IrArriba {

position: fixed;

bottom: 30px; /* Distancia desde abajo */

right: 30px; /* Distancia desde la derecha */

}



#IrArriba span {

width: 60px; /* Ancho del botón */

height: 60px; /* Alto del botón */

display: block;

background: url(imgs/arriba.png) no-repeat center center;

}

	

#encabezado {

	width:100%;

	

	

	}

.inscripciones a {

	border:thin solid #ccc;

	padding:0.25em 0.5em;

	display:block;

	border-radius:0px;

	font-size:0.7em;

	margin-left:0.5em;



	}



.inscripciones a:hover {

	background:#5E5F5F;



	}

	

#containerb {

	height:340px;

	margin: 0em auto 0em auto;

	width: 100%;

	border:hidden solid 0px #000000;

	background:url(imgs/quienes.png) center top;	

	

	

text-align:center;



	color:#2C675E;

	font-family: 'Cabin', sans-serif;

	font-weight:400;

	

	

}



  video {

	   display:block;

	   

	   

	   }



.cleaner{

	clear: both;

}



.container {

	max-width:1100px;

	

	margin-left:auto;

	margin-right:auto;

	

	}

.contenedor {

	max-width:950px;

	margin:auto;}



.contenedor2 {

	font-family: 'Alegreya Sans', sans-serif;

	max-width:1200px;

	padding:0 1em;

	margin:auto;

	font-size:2.1em;

	line-height:1.7em;}
	
	
.contenedorY {

	font-family: 'Alegreya Sans', sans-serif;

	max-width:1200px;

	padding:0 1em;

	margin:auto;

	font-size:2.1em;

	line-height:1.7em;}




.terrazas {

	max-width:900px; margin:auto; text-align:center; font-size:5em;

	color:#fff;

	font-weight:700;

	}



.frase {

	font-family: 'Alegreya Sans', sans-serif;

	text-align:center;

	font-size:4em;

	color:#024319;

	padding:0 1em;}



.output2 {

	line-height:1.6em;

	font-size:1.1em;}



.output3 {

	line-height:1.6em;

	font-size:1.8em;

	text-align:center;

	padding:1em 0.5em;}



.output3 a {

	color:#fff;}





.output3 a:hover {

	color:#ccc;}

	

	





.logo {




float:left;


margin-bottom:1em;

margin-top:1em;

margin-right:2em;
}

.logo img{

	max-width:210px;

	height:auto;

	border-radius:3px;

	

	}
	
	
.flyer img{

	max-width:450px;

	height:auto;

	}


.masgrande {

	font-size:1.5em;

	

	}

.masgrande2 {

	font-size:1.2em;

	

	}

	

.logui {

	text-align:right;

	margin-right:2%;

	color:#B18F52;

	float:left;

	width:59%;

	margin-top:1em;

	font-size:2em;

	

	

}

	

	



.logui img{

	max-width:650px;

	height:auto;

	

		

	}

	

.dire {width:279px;

	float:right;

	margin-left:0.5em;

	margin-right:0.5em;

	font-size:1.3em;

	margin-top:1.2em;

	text-align:right

	

	}

.redes {

	width:22%;

	float:right;

	margin-top:0.5em;

	text-align:right;

	font-size:1.2em;

	}

.redes img{

	margin-top:0.5em;

	width:135px;

	display:block;

	float:right;

	}



 .txtdos {

	font-size: 14px;

	color: #211C21;

	line-height: 25px;

	text-align: center;

	margin-left:30%;

	margin-right:40%;

	width:20%;

	

}



nav {

text-align:center;	

width:100%;

float:left;

	}



.botonera ul{

	font-family: 'Roboto', sans-serif;

	margin-top:0;

		text-transform:none;

	text-decoration:none;

	width:100%;

	margin-left:0;

	

	}

.botonera li{

	

	float:left;

	text-transform:none;

	text-decoration:none;

	text-align:center;

	display:block;

	width:14%;

	margin-right: 1px;

	background:#333;

	height:5em;



	

	

	}

	

.botonera li:first-child {

	margin-left:1px;;

	}



.botonera li:last-child  {

	margin-right: 1px;

	

	

	

	}



.botonera a{

	

	padding:0.5em 0.5em 0.5em 0.5em;

  display:block;

	font-size:1.3em;

	color:#EBEBEB;

	text-transform:none;

	text-decoration:none;

	

	

	

	}



.botonera a:hover {

	

	color:#fff;

	font-weight:bold;

	height:3.8em;

	background-color:#B55E2F;

	

	

	

	

	

	}





.toogle-button { display:none;

	

	}

	

	



#central {

	margin-top:1em;

	max-width:1100px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:2em;

	padding:0.5em;

	z-index:-100 !important;

	position:relative;

	

	}

#central img {

	max-width:100%;

	border:solid 15px #fff;

	

	}





.conteinerdos {

	max-width: 1100px;

	margin: 0 auto 0 auto;

	background:url(imgs/bco.png) repeat;

	padding:0.5em;

	border-radius:5px;

	

	

	}

.imagen {

	margin-top:0.5em;

	

	}



.imagen-responsive {width:100%;

height:auto;

	}
	
.imagen-responsive-flyer {max-width:800px;
height:auto;
	margin:auto;
	

	}


.imagen-responsive-home {width:1322px;

	margin:auto;
	

	}
	
.altura {height:400px;


	}	
	
.altura2 {height:850px;


	}	

.banner-fondo {background: #434343;
text-align:center;
	}
	
.banner-fondo img{max-width:1300px;
margin:auto;

	}
	
.banner {height:300px;
background: url(imgs/home.jpg) repeat-x;
		margin:0;

	}
	


.dirprincipal {

	font-family: 'Bree Serif', serif;

	font-size:1.4em;

	text-align:left;

	margin-left:auto;

	margin-right:auto;

	color:#1A1A1A;

	max-width:92%;

	

	



	

	}

	





.pie {

	

	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	padding:1em 0;

	color: #fff;

	text-align:center;

	border-top:thin solid #fff;





}



.clientes {

	text-align:left;

	}

	



.pie a {

	color:#fff;

	



	}

	

/*home*/





.tipogrande {

	font-size:1.4em;



	

	}



.izquierda { max-width:200px; 

float:left;

margin:0 1em 1em 0;}



.quienes {

	max-width:1000px;

	margin:0 auto 0 auto;

	font-size:1.7em;

color:#003;

	text-align:justify;

	

	padding:0.5em;

	

	}



.linea {

	border-bottom: dotted 1px #ccc;

	

	}



.linea2 {

	border-bottom: solid 2px #ccc;

	

	

	}
	

.linea_news {

	border-bottom: dotted 2px #4C4C4C;

	

	}




.villa {

	max-width:1200px;

	padding: 0.5em 1.5em;

	margin:0 auto 0 auto;

	font-size:1.7em;

color:#fff;

line-height:1.7em;



	

	

	margin-top:0em;

	



	

	}





.direccion {

	background: #424343;

	font-size:1.7em;

	color:#fff;

	padding:0.7em 2%;

	text-align:center;

	letter-spacing:1px;

	

}

	

.direccion a {	color:#fff;

display:inline-block;

font-size:1.2em;}

	

#portabotones {

width:100%;

	background:#fff;

	

	padding-bottom:0.5em;

	z-index:100;

	position:relative;

	border-bottom: thin solid #ccc;

	



	

	}



.bonera {

	max-width: 1078px;

	margin-left: auto;

	margin-right: auto;

	

	margin-top: 2em;

	padding-bottom: 0em;



	}



/*nosotros*/



.guarda  {

	margin-top:0em;

	background:url(imgs/tex.jpg) no-repeat center #7DB423;

	height:150px;

	width:100%;

	margin-bottom:2em;

	

	

	}



.nosotros {

	width:95%;

	padding:3em;

	background:url(imgs/aba.jpg);

	background-color:#007ABD;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:2em;

	font-size:1.5em;

	color:#FFF;

	text-align:justify;

	}

.color {

	color:#224257;

	

	}



.color3 {

	color:#BFD37E;

	}



.fas {

	color:#EE9C00;

	

	}



.color2 {

	background:#F30;color:#FFF;

	padding:0 0.35em;

	border-radius:10px;

font-size:1em;

line-height::1.8em;}



/*SERVICIOS*/



.recuadro {

	border:#0067CE thin solid;

	padding:1em;

	background-color:#005A8A;

	color:#CCC;

	}



.foto {

	width:75%;

	margin-left:auto;

	margin-right:auto;

	

	}



.foto img{

	width:100%;

	height:auto;

	}



.contacto {

	float: left;

	text-align: left;

	margin-left:auto;

	margin-right:auto;

	width: 100%;

	font-size: 1.0em;

	color:#333;

	text-align: left;

	background-color:#9DCEFF;

	margin-bottom:1em;

	

	}



input,textarea,select {

	

	border: 1px dotted #999;

	color:#000000;

	font-family : inherit;

  font-size   : 100%;

  width:100%;

  border-radius:5px;

  padding:0.35em;

 

	

	}

	

.verif{ display: none; }



form {

	background:#fff;

	border:solid 2px #82995d;

	border-radius:30px;

	

	}



.opcion input[type="radio"] {width   : 28px;

  margin-top:2%;

	border: 1px dotted #999;

	color:#900;

	font-family : inherit;

  font-size   : 100%;

 

	}

.opcion label {

    

   

}

.opcion label + input[type="radio"]:checked { 

    background:pink !important;

}

	

.verif{ display: none; }



.fotocontacto{

	background:url(imgs/cont.jpg) no-repeat;

	width:20%;

	height:560px;

	float:left;

	margin-left:2%;

	margin-right:2%;

	margin-top:2%;

	color:#FFF;

	

	}



input,textarea {

	margin-top:2%;

	border: 1px dotted #999;

	color:#000000;

	font-family : inherit;

  font-size   : 100%;

  width:100%;

  color:#333;

	

	}

	

.verif{ display: none; }



.arena {

	width:100%;

	height:8em;

	background:url(imgs/arena.jpg) top center;

	

	

	}

.padding {

	padding:0.5em;

	border:thin solid #fff;

	border-radius:5px;

	background:#D0E6A8;

	}	



/*galeria*/



.galeria {

	width: 32.33%;

	

	margin-right: 0.5%;

margin-left: 0.5%;	

font-size: 1em;

	float: left;

	text-align: center;

	

	padding: 0.5em;

	margin-bottom:1.5em;

	

	

	}

	

	

.galeria img{

	



	

	}

	

	/*galeria2*/



.galeria2 {

	width: 31.33%;

	

	margin-right: 1%;

margin-left: 1%;	

font-size: 1em;

	float: left;

	text-align:left;

	

	padding: 0.5em;

	

	line-height:normal;
	min-height:400px;
	border:solid 2px #fff;
	padding-top:1em;
	margin-bottom:1em;

	}

	

.galeria3 {

	width: 31.33%;

	

	margin-right: 1%;

margin-left: 1%;	

font-size: 1em;

	float: left;

	text-align:left;

	

	padding: 0.5em;

	

	line-height:normal;
	min-height:400px;
	border:solid 2px #ccc;
	padding-top:1em;
	margin-bottom:1em;

	}
	

.galeria2 img{

	

		

		max-width:100px;

		margin:0 auto;



	

	}
	
	
	
.galeria3 img{

	

		

		max-width:450px;

		margin:0 auto;



	

	}

	

	.respira {

	color:#999;

	margin-top:0em;

	text-align:;

	font-size:1.7em;

	font-family:`Cabin´,sans;

	

	}





#slider {

	width:100%;

	margin-top:-0.5em;

	

	

	}

.fotitos {

	width:100%;

	background:#B4CCF5;

	

	}







.telefono {

	width:98%;

	margin-left:auto;

	margin-right:auto;

	text-align:right;

	color:#333;

	font-size:1.2em;

	

	}

	

.frank {  font-family: 'Frank Ruhl Libre', serif;}

	

footer {

	background:

#424343;

border-top: solid 6px

#fff;

font-size: 1.9em;

color:

#fff;

text-align: center;

line-height: 1.5em;

margin-top: -0.2em;





font-family: 'Roboto Condensed', sans-serif;

	

	

	}



footer a {

	display:inline-block;

	color:#fff;}



footer a:hover{

	color:#ccc;}



.columna  {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	

	

	}
	
	
	.columna_news {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	border:solid 2px #4C4C4C;
	
	padding: 0.5em;
	line-height:normal;
	padding-top:1em;
	margin-bottom:1em;

	}

	

.columna1 {

	width:50%;



	float:left;

	

	

	}



.columna2  {

	width:58%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	

	

	}



.columna3  {

	width:38%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	

	

	}

.titulo {
	margin-left: auto;
	margin-right: auto;
	background: #E24526;
	color: #fff;
	text-align: center;
	font-size: 1.4em;
	margin-top: -0.25em;
	letter-spacing: 0em;
	padding: 1.1em;
}
	
/* 
	}
	
	.titulo_gris {
	margin-left: auto;
	margin-right: auto;
	background: #696767;
	color: #fff;
	text-align: center;
	font-size: 1.4em;
	margin-top: -0.25em;
	letter-spacing: 0em;
	padding: 1.1em;

	

	}
 */

.izquierda {

	float:left;

	max-width:300px;

	height:auto;

	

	margin: 0.25em  1em  0.25em  0em;

	}



.izquierda img {

	border-radius:5px;

	border:thin solid #ccc;

	

	}



.derecha {

	float:right;

	max-width:300px;

	height:auto;

	

	margin: 0em  0em  1em  1em;

	}



.derecha img {

	border-radius:5px;

	border:thin solid #ccc;

	

	}

.espaciohome {

	height:650px;}

	



.contactanos {

	padding:0.5em;

	border:thin solid #004080;

	text-align:center;

	border-radius:5px;

	line-height:2.5em;

	

	

	}



.contactanos a{

	color:#004080;

	text-align:center;

	}



.tipogrande {

	font-size:1.3em;}

.tipochico {

	font-size:0.8em;

	line-height:1.2em;

	}

	

.destacado {

	max-width:320px;

	margin:auto;	

	

	text-align:center;

	font-size:1.2em;



	display:block;

	

	}



.destacado a {

	background: #E34625;

color:#fff;

	border:thin solid #fff;

	border-radius:0px;

	text-align:center;

	display:block;

	padding:1em;

	font-size:0.8em;

	
	}



.destacado2 {

	max-width: 150px;

margin: auto;

font-family: 'Bree Serif', serif;

text-align: center;

font-weight: 600;

display: block;}







.destacado2 a{

	background:

#E24526;

color:

#fff;

border: thin solid

#fff;

border-radius: 0px;

text-align: center;

display: block;

padding: 0.5em;

font-size: 0.8em;}



.destacado2 a:hover{

	color:#FFF;

	background:#575757;

	}



.destacado a:hover{

	

	background:#575757;

	}

	



.destacado3 {

	max-width:300px;

	margin:auto;

	font-size:2.3em;	

	

	text-align:center;

	

	display:block;

	border-radius:5px;

	border:thin solid #fff;

	

	}



.destacado3 a {

	background:url(imgs/degt.jpg) repeat-x;

color:#fff;

	border:thin solid #fff;

	border-radius:15px;

	text-align:center;

	display:block;

	padding:0.8em;

	font-size:0.8em;

	text-shadow:2px 2px2px #000;

	



	

	}



.destacado3 a:hover{

	color:#FFF;

	background:#334851;

	}

	

.espaciovideo {

	display:none;}



.video-responsive {

position: relative;

padding-bottom: 56.25%; /* 16/9 ratio */

padding-top: 30px; /* IE6 workaround*/

height: 0;

overflow: hidden;

}



.video-responsive iframe,

.video-responsive object,

.video-responsive embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.far, .fas {

	font-size:0.9em;}



table {

  border-collapse: collapse;

  width:90%;

  padding:0 1em;

  margin:0 auto;

}



th, td {

  padding: 8px;

  text-align: left;

 

}



/* slider*/

.contenedor-slider {

  position: fixed;

  width: 100%;

  height: 100vh;

  top: 0;

  left: 0;

  z-index: 1;

}



.slider {

  display:flex;

  height: 100%;

  width: 400%; /*Cambiar el ancho de acuerdo a la cantidad de imágenes, por ejm 10 imagenes = 1000%*/

}



.slider__section {

  width: 100%;

  height: 100%;

  position: relative;

}

.slider__contenido{

  position: absolute;

  z-index: 50;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  color: white;

  width: 100%;

  background: rgba(0, 0, 0, 0.4);

  padding: 20px;

  text-align: center;

}

.slider__img {

  position: absolute;

  width: 100%;

  height: 100%;

}



.btn-prev, .btn-next {

  width: 40px;

  height: 40px;

  background: rgba(255, 255, 255, 0.7);

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  line-height: 40px;

  font-size: 30px;

  font-weight: bold;

  text-align: center;

  border-radius: 50%;

  font-family: monospace;

  cursor: pointer;

  z-index:200;

}



.btn-prev:hover, .btn-next:hover {

  background: white;

}



.btn-prev {

  left: 10px;

}



.btn-next {

  right: 10px;

}

/*fin slider*/



.textos2 {

	font-size:2em;

	padding:1em 1.5em;}

	

/* zoom */



.zoom {

  position: relative;



  overflow: hidden;

  width: 100%;

  background:#fff;

}

.zoom img {

  max-width: 100%;

  

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.zoom:hover img {

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



/*zoom correcto**/



.image-container {

  display: inline-block;

  padding: 1em;

  max-width: 100%;

  margin:auto;

  vertical-align: top;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}



.image-container:hover {

  background-color: #fff;

}



.image {

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  cursor: crosshair;

  display: block;

  max-width: 100%;

  padding-bottom: 10em;

  width: 100em;

}



.menuiz {

	

	float:left;}



.menuder {

	float:right;}



.bordes {

	padding:0.25em 0.5em;

	border:thin solid #eee;

	background:#eee;

	border-radius:5px;}



/* TABLAS*/



/* tablas*/

.customersN1 {
  border-collapse: collapse;
  width: 100%;
}

.customersN1 td, .customersN1 th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersN1 tr:nth-child(even){background-color: #f2f2f2;}

.customersN1 tr:hover {background-color: #ddd;}

.customersN1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #EA6F33;
  color: white;
}



.customersN2 {
  border-collapse: collapse;
  width: 100%;
}

.customersN2 td, .customersN2 th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersN2 tr:nth-child(even){background-color: #f2f2f2;}

.customersN2 tr:hover {background-color: #ddd;}

.customersN2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #66AA6D;
  color: white;
}



.customersN3 {
  border-collapse: collapse;
  width: 100%;
}

.customersN3 td, .customersN3 th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersN3 tr:nth-child(even){background-color: #f2f2f2;}

.customersN3 tr:hover {background-color: #ddd;}

.customersN3 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5EBED4;
  color: white;
}


.customersN4 {
  border-collapse: collapse;
  width: 100%;
}

.customersN4 td, .customersN4 th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersN4 tr:nth-child(even){background-color: #f2f2f2;}

.customersN4 tr:hover {background-color: #ddd;}

.customersN4 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #B488C5;
  color: white;
}



.customersN5 {
  border-collapse: collapse;
  width: 100%;
}

.customersN5 td, .customersN5 th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersN5 tr:nth-child(even){background-color: #f2f2f2;}

.customersN5 tr:hover {background-color: #ddd;}

.customersN5 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #D4609F;
  color: white;
}


.customersTA {
  border-collapse: collapse;
  width: 100%;
}

.customersTA td, .customersTA th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersTA tr:nth-child(even){background-color: #f2f2f2;}

.customersTA tr:hover {background-color: #ddd;}

.customersTA th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #1F8BCC;
  color: white;
}




.customersII {
  border-collapse: collapse;
  width: 100%;
}

.customersII td, .customersTA th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersII tr:nth-child(even){background-color: #f2f2f2;}

.customersII tr:hover {background-color: #ddd;}

.customersII th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #D5295B;
  color: white;
}

.customersGR {
  border-collapse: collapse;
  width: 100%;
}

.customersGR td, .customersGR th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersGR tr:nth-child(even){background-color: #f2f2f2;}

.customersGR tr:hover {background-color: #ddd;}

.customersGR th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #E24526;
  color: white;
}



.customersCI {
  border-collapse: collapse;
  width: 100%;
}

.customersCI td, .customersCI th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersCI tr:nth-child(even){background-color: #f2f2f2;}

.customersCI tr:hover {background-color: #ddd;}

.customersCI th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2E2D2D;
  color: white;
}




.customersES {
  border-collapse: collapse;
  width: 100%;
}

.customersES td, .customersES th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersES tr:nth-child(even){background-color: #f2f2f2;}

.customersES tr:hover {background-color: #ddd;}

.customersES th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0D4A66;
  color: white;
}



.customersCC {
  border-collapse: collapse;
  width: 100%;
}

.customersCC td, .customersCC th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersCC tr:nth-child(even){background-color: #f2f2f2;}

.customersCC tr:hover {background-color: #ddd;}

.customersCC th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #DD3CE2;
  color: white;
}


.customersCLC {
  border-collapse: collapse;
  width: 100%;
}

.customersCLC td, .customersCLC th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersCLC tr:nth-child(even){background-color: #f2f2f2;}

.customersCLC tr:hover {background-color: #ddd;}

.customersCLC th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #F5DD5F;
  color: black;
}





.customersOS {
  border-collapse: collapse;
  width: 100%;
}

.customersOS td, .customersOS th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersOS tr:nth-child(even){background-color: #f2f2f2;}

.customersOS tr:hover {background-color: #ddd;}

.customersOS th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #DA4646;
  color: white;
}


.customersPF {
  border-collapse: collapse;
  width: 100%;
}

.customersPF td, .customersPF th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersPF tr:nth-child(even){background-color: #f2f2f2;}

.customersPF tr:hover {background-color: #ddd;}

.customersPF th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #46B69D;
  color: white;
}



.customersIC {
  border-collapse: collapse;
  width: 100%;
}

.customersIC td, .customersIC th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersIC tr:nth-child(even){background-color: #f2f2f2;}

.customersIC tr:hover {background-color: #ddd;}

.customersIC th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #78B945;
  color: white;
}


.customersSSI {
  border-collapse: collapse;
  width: 100%;
}

.customersSSI td, .customersSSI th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersSSI tr:nth-child(even){background-color: #f2f2f2;}

.customersSSI tr:hover {background-color: #ddd;}

.customersSSI th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2BC3B6;
  color: white;
}


.customersCV {
  border-collapse: collapse;
  width: 100%;
}

.customersCV td, .customersSSI th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersCV tr:nth-child(even){background-color: #f2f2f2;}

.customersCV tr:hover {background-color: #ddd;}

.customersCV th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2948D4;
  color: white;
}


.customersNI {
  border-collapse: collapse;
  width: 100%;
}

.customersNI td, .customersGR th {
  border: 1px solid #F2F2F2;
  padding: 8px;
}

.customersNI tr:nth-child(even){background-color: #f2f2f2;}

.customersNI tr:hover {background-color: #ddd;}

.customersNI th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #855EF5;
  color: white;
}






.catalogo {
	padding:0.5em;
	}




article {
	border-top:none;
	border-bottom: dotted 1px #666;
	margin-bottom:1.5em;
	line-height:normal;}



.catalogo li {
	list-style: disc;
}


.precio {
	margin-bottom: 1em;
width: 30%;
float: right;
padding: 0.5em;

border: thin solid #809b5d;

color: #809b5d;

font-weight: bold;

text-align: center;

border-radius: 5px;

margin-top: 0.5em;

	

	}





.botoncillo {

	width:47%;

	margin-left:1%;

	margin-right:1%;

	margin-bottom:0.5em;

	float:left;

	padding:0.5em 0.5em;

	background:#D0E6A5;

	}



.botoncillo a{color:#234257;

}



.botoncillo a:hover{color:#293E41;

}



	

/*//////////////////////////////*/



@media screen and (max-width: 1200px){

	.villa {

		width:92%;

		background:url(imgs/oscuro2.png) repeat;}

	

}

@media screen and (max-width: 1066px){

	



	

.bonera {

	max-width: 750px;



padding-bottom: 0em;
margin-top:1.5em;}

}





@media screen and (max-width: 960px){



.logo {
	text-align:center;
	max-width:250px;
	margin:auto;
	float:none;
	margin-top:1em;


}

	.quienes {

	width:90%;

	margin:0 auto 0 auto;

	float:none;

	text-align:left;

	

	}

	

table {

	}



.pie {

	margin-top:0em;

	margin-left:0em;

	

	}

.dirprincipal {

	

	margin-left:auto;

	margin-right:auto;

	color:#1A1A1A;

	width:93%;}

	



.redes {

	

	margin-top:0em;

	margin-left:auto;

	margin-right:auto;

	

	}

.redes img{

	margin-top:0.5em;

	width:117px;

	display:block;

	float:right;

	}




}



@media screen and (max-width: 832px){

	

	

	

	



.logui {

	text-align:center;

	width:100%;

	margin-left:auto;

	margin-right:auto;

	padding-top:0em;

	float:none;

	padding-bottom:0.5em;

	

	

	

	}



.bonera {

	margin-left:auto;

	margin-right:auto;

	

	



	

	

	}

	

.espaciovideo {

	display:block;

	padding:0 1em;}	



.espaciohome {

	height:450px;

	

	}



.conteinerdos {border-radius:0;}



.output3 {

	line-height:1.6em;

	font-size:1.4em;

	}

.galeria2 {

	width: 48%;
	
	margin-bottom:1.5em;

	

	}	

}

@media screen and (max-width: 700px){


.imagen-responsive-flyer {max-width:280px;
height:auto;
	margin:auto;
	

	}
	

	.villa {

		width:100%;

		

		background:#fff;

		color:#222;}

		

	

	

	.bonera {

		

		max-width:1000px;}



   video {

	   display:none;

	   

	   

	   }

	  

	   source {

	   display:none;

	   

	   }



   

	

	#containerb {

		font-size:5em;

		line-height:1.8em;

		

		

		}

	nav {

		display:none;

		

		}

	

	.botonera {

		display:none;

		

		}

	

	

.toogle-button{

	display: block;

	width: 50px;

	margin:0 auto 5%;

	background-color: #333;

	border-radius: 10px;

	padding: 10px;

}

.toogle-button span{

	display: block;

	border-top: solid 2px #fff;

	border-bottom: solid 2px #fff;

	height: 16px;

	position: relative;

	text-indent: -9999px;

}

.toogle-button span:after{

	content: '';

	width: 100%;

	height: 2px;

	background-color: #fff;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -1px;

}



#central  {

	margin-bottom:2em;

	

	

	}



.dire {width:87%;

	

	margin:0 auto 0 auto;

	font-size:1.3em;

	margin-top:0.4em;

	text-align:center;

	padding-bottom:2em;

	float:none;

	

	}

#encabezado {

	z-index:1000;

	position:relative;

	

	}







nav ul {

	width:100%

	

	

	}

	

.botonera ul{

	font-family: 'Roboto', sans-serif;

	margin-top:0;

		text-transform:none;

	text-decoration:none;

	width:100%;

	margin-left:0;

	

	

	}

.botonera li{

	

	

	

	width:100%;

	margin-right:auto;

	margin-left:auto;

	border-bottom:#FFFFFF 1px solid;

	

	

	

	}







.botonera a{

	padding-top:1.5em;

  padding-bottom:0;

	display:block;

	font-size:1.2em;

	color:#fff;

	text-transform:none;

	text-decoration:none;

	height:48px;

	background:url(imgs/imgs_r4_c1.jpg) repeat-x;

	

	}



.botonera a:hover {

	

	background:none;

	background-color:#B55E2F;;

	color:#FFF;

	font-weight:700;

	

	}



.quienes {

	width:90%;

	margin:0 auto 0 auto;

	float:none;

	text-align:left;

	

}





#conteinerdos {

	width:95%;

	margin:0 auto 0 auto;



	}





/*nosotros*/

.nosotros {margin-bottom:0.5em;



	width:100%;

	padding:2em 0.5em 2em 0.5em;

	

	text-align:left;

	

	}





/*contacto*/

.contacto {

	width:100%;

	margin-bottom:-1em;

	font-size:0.9em;

	

	}



.fotocontacto {

	display:none;

	

	}



.galeria {

	width:90%;

	margin-left:5%;

	margin-right:5%;



	

	}



.columna_new {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	}
	

.columna {

	width:98%;

	margin-left:1%;

	margin-right:1%;

	float:none;

	

	}



.columna2 {

	width:98%;

	margin-left:1%;

	margin-right:1%;

	float:none;

	

	}



.columna3 {

	width:98%;

	margin-left:1%;

	margin-right:1%;

	float:none;

	

	}

	

.columna1 {

	width:100%;

	

	float:none;

	

	}



}

@media screen and (max-width: 568px){



.botoncillo {

	float:none;

	width:90%;

	margin-left:5%;

	margin-right:5%;}

	

	

.galeria2 {	width:90%;

	margin-left:5%;

	margin-right:5%;
	min-height:0px;



	}
	
	
	.altura {
	height:auto;



	}

	.altura2 {
	height:auto;



	}
.frase {



	font-size:3.5em;

	}

}



@media screen and (max-width: 468px){



.izquierda {

	float:none;

	margin-left:auto;

	margin-right:auto;

	width:90%;

	

	}



.derecha {

	float:none;

	margin-left:auto;

	margin-right:auto;

	width:90%;

	

	}



.destacado {

	text-align:left;

	

	}







	

}
