@charset "iso-8859-1";

/* 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');



@font-face {

font-family:mistral;

src:url(fonts/MISTRAL_0.TTF);

}





/*VIDEO BACKGROUND */



h1 {



	line-height:normal;

	font-size:1.2em;}



.ajustar{

	}



.titulillos {

	font-size:6em !important;

	text-align:center;

	padding:0.35em 0.35em;

	color:#1b2a53;}



.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 {

background: #fff ;

font-family: 'Open Sans', sans-serif;



	}

h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { font-size:1em;

line-height:normal;

font-weight:100;



	

	}



h3 {

	font-family: 'Cabin', sans-serif;

	color:#E14160;

	

	}



.mistral {

	font-family: 'mistral', sans-serif;}



/*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;

}

.rounded {

	border-radius:5px;}

.direccion {

	background:#284593;

	color:#ccc;

	font-size:1.5em;

	padding:0em 1%;

	letter-spacing:1px;}



.inicial {

	font-size:3.2em; font-weight:300;}



.direccion a {

	color:#fff;

	display:inline-block;}

	

#encabezado {

	width:100%;

	

	

	}

	

#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;

	

	

}

color

  video {

	   display:block;

	   

	   

	   }



.cleaner{

	clear: both;

}



.container {

	max-width:1100px;

	

	margin-left:auto;

	margin-right:auto;

	

	}

.contenedor {

	max-width:1150px;

	margin:auto;

	padding:0 1em;}



.contenedor2 {

	max-width:1300px;

	margin:auto;

	}



.terrazas {

	max-width:900px; margin:auto; text-align:center; font-size:5em;

	color:#fff;

	font-weight:700;

	}



.frase {

	text-align:center;

	font-size:1.6em;

	color:#25282b;

	padding:0 1em;

	line-height:1.8em;}



.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 {





top: 0;

left: 0;

float: left;

text-align: left;

margin-top: 0.5em;

margin-bottom: 0.5em;

}



.logo img{

	max-width:310px;

	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: 'Open Sans', 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:24.8%;

	border-right:thin solid #fff;

	background: #3156bb;

	



	

	

	}

	

.botonera li:first-child {

	}



.botonera li:last-child  {

	border-right: 0;

	

	

	

	}



.botonera a{

	

	padding:0.7em 0;

  display:block;

	font-size:1.6em;

	color:#fff;

	text-transform:none;

	text-decoration:none;

	

	

	

	}



.botonera a:hover {

	

	color:#fff;

	font-weight:bold;

	background-color:#003A75;

	

	

	

	

	

	}





.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;

	

	}



.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.6em;

	padding:1em 0;

	color: #fff;

	text-align:center;

	border-top:thin solid #ccc;



	



	

	

}



.pie a {

	color:#ccc;

	

	

	}

	

/*home*/





.tipogrande {

	font-size:1.2em;

	}

	

.tipogrande2 {

	font-size:1.4em;

	font-weight:bold;

	color:#BBEBFB;

	}	



.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: dotted 1px #ccc;

	padding-bottom:0.5em;

	padding-top:0.5em;

	}



.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;

	



	

	}







	

	

#portabotones {

width:100%;

	background:url(imgs/textura.jpg) repeat;

	border-bottom:thin solid #fff;

	

	z-index:100;

	position:relative;

	

	



	

	}



.superior {

	max-width:460px;

	margin-left:auto;

	margin-right:0;

	padding-top: 1.5em;

	font-size:1.7em;

	color:#222;

}



.superior a {

	

	color:#222;

}



.superior a:hover {

	

	color:#0057AE;

}



.galeriaa {

margin-left:1%;

margin-right:1%;

float:left;

text-align:left;width:200px; 

}



.galeriab {

	text-align:center;

	padding:0 1em;

	background:#523330;

	color:#fff;

	font-size:1.4em;

	padding:0.45em 1em;}



.galeriab a{

	

	color:#fff;}



.raya {

	border-right:thin solid #ccc;}



.bonera {

	max-width: 570px;

	margin-left: auto;

	font-size: 1.5em;

	margin-top: 0.5em;

	font-weight: 700;

	}

/*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:#28BDEE;

	

	}



.color2 {color:#523330;}



.bordes {

	border:thin solid #284593;

	padding:0.35em;

	border-radius:5px;}



/*SERVICIOS*/



.recuadro {

	border:#ccc thin solid;

	padding:1em;

	background-color:#FFCB05;

	color:#284593;

	text-align:center;

	font-size:1.3em;

	border-radius:10px;

	}



.recuadro a{

	color:#284593;

	display:inline-block;}





.recuadro a:hover{

	color:#fff;}

	

.foto {

	width:75%;

	margin-left:auto;

	margin-right:auto;

	

	}



.foto img{

	width:100%;

	

	}



.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;

 

	

	}

.numeros {
	
    border-radius: 50%;
    
    padding: 8px;
	margin-bottom:90px;
    background: #42C3EE;
 
    color: #fff;
    text-align: center;
    font-size: 20px;
	list-style-position: inside;
	float:left;
	margin-right:10px;
	width:50px;
	margin-top:-0.35em;
}	

.verif{ display: none; }



form {

	background:#e1e1e1;

	border-radius:10px;

	padding:1em;

	

	}



.opcion input[type="radio"] {width   : 28px;

  margin-top:0em;

	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:0;

	margin-bottom:0.25em;

	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;

	

	

	}

	



/*galeria*/



.galeria {

	width: 31.33%;

	

	margin-right: 1%;

margin-left: 1%;	

font-size: 1em;

	float: left;

	text-align: center;

	

	padding: 0.5em;

	

	

	}



.galeria1 {

	width: 33.33%;

	border-right:thin solid #fff;

	

	

	float: left;

	text-align: center;

	

	

	

	

	}



.galeriad {

	width: 32.33%;

	

	margin-right: 0.5%;

margin-left: 0.5%;	

font-size: 1em;

	float: left;

	text-align: center;

	

	padding: 0.5em;

	

	

	}

	

	

.galeria img{

	

		

	

	}

	

	/*galeria2*/



.galeria2 {

	width: 31.3%;

	

	margin-right: 0.75%;

margin-left: 0.75%;	

font-size: 1em;

	float: left;

	text-align:center;

	

	padding: 0.5%;

	

	line-height:normal;

	margin-bottom:1.5em;	}

	

	

.galeria2 img{

	border-radius:5px;

	margin-bottom:0.35em;



	

	}

	

	.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 {  }

	

footer {

	background:#1d262d;

	border-top: solid 1px #fff;

	font-size:1.6em;

	color:#fff;

	text-align:center;

	line-height: 25px;

	padding:1.5em 0 0 0;

	

	



	

	

	}



footer a {

	display:inline-block;

	color:#ccc;

	font-size:1.2em;}



footer a:hover{

	color:#fff;}



.columna  {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	margin-bottom:1em;

	

	

	}

.columna1 {

	width:50%;



	float:left;

	

	

	}

.titulo {

	

	margin-left: auto;

	margin-right: auto;

	background:#03597f;

	color: #fff;

    text-align: center;

    font-size: 1.4em;

    letter-spacing: 0.3em;

    padding: 2em 1.4em;

}

	

	}



.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;

	

	

	}



.color3 {color:#25282b;}



.contactanos a{

	color:#004080;

	text-align:center;

	}



.tipogrande {

	font-size:1.2em;}

.tipochico {

	font-size:0.9em;

	line-height:normal;}

	

.destacado {

	max-width:370px;

	margin:auto;

		

	text-align:center;

	font-weight:600;

	display:block;

	font-size:0.9em;

	

	}



.destacado a {

	background: #55972f;

color: #fff;

	border:thin solid #fff;

	border-radius:15px;

	text-align:center;

	display:block;

	padding:1em;

	



	

	}



.destacado a:hover{

	color:#fff;

	background:#36681a;

	}

	

.destacado2 {

	max-width:300px;

		

	text-align:center;

	font-weight:500;

	display:block;

	font-size:1em;

	

	}

.destacado2 a {

	background: #3156bb;

color: #fff;

	border:thin solid #fff;

	border-radius:15px;

	text-align:center;

	display:block;

	padding:0.15em;

	



	

	}



.destacado2 a:hover{

	color:#fff;

	background:#466bd0;

	}


.destacado3 {

	max-width:370px;

	margin:auto;

		

	text-align:center;

	font-weight:600;

	display:block;

	font-size:0.9em;

	

	}



.destacado3 a {

	background: #;

color: #222;

	border:thin solid #222;

	border-radius:15px;

	text-align:center;

	display:block;

	padding:1em;

	
	}

.destacado3 a:hover{

	color:#fff;

	background:#222;

	}

	

.recuadro2 {

	border:solid 20px #fff;

	box-shadow:0px 0px 20px #666;}

	

.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: 1.2em;

	padding: 0.35em;}



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 0.25em;}

	

/* 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;

}



/*efecto*/



.fade

{

        opacity:1;

}

.fade:hover

{

        opacity:0.5;

}



article {

	margin-bottom:1em;

	margin-top:1em;

	border-bottom:dotted 1px #000;

	

	}



.catalogo {

	width:75%;

	float:left;

	padding:0.5em;

	text-align:left;

	}

.catalogo img {width:33%;

height:auto;



float:left;

margin:0 0.5em 0.5em 0;

	

	}



.precio {

	margin-top:1em;

	width:25%;

	float:right;

	padding:0.5em;

	background-color:#fff;

	color:#523330;

	font-weight:bold;

	text-align:center;

	

	}



.padding {

	padding:0 1em;}

	



/* tablas*/

	

	.customers {

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



.customers td, .customers th {

  border: 1px solid #ddd;

  padding: 8px;

}



.customers tr:nth-child(even){background-color: #f2f2f2;}



.customers tr:hover {background-color: #ddd;}



.customers th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #284593;

  color: white;

}



.familia {

	padding:3em 1em; background: url(imgs/familia.jpg) no-repeat right center #103d82; text-align:center;}

	

.quieres {

	font-size:2.5em; color:#fff; max-width:600px; float:left; margin-top:2em;}

	

.solicita {

	float:right; margin-right:0; margin-top:1.5em;}

	



/* Gamma Gallery Style */



.gamma-container {

	min-height: 200px;

}



.gamma-gallery {

	list-style-type: none;

	padding: 0;

	margin: 0;

	width: 100%;

	position: relative;

}



/* http://nicolasgallagher.com/micro-clearfix-hack/ */

.gamma-gallery:before,

.gamma-gallery:after {

    content: " ";

    display: table;

}



.gamma-gallery:after {

    clear: both;

}



/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

.gamma-gallery {

    *zoom: 1;

}

 */



.gamma-gallery li {

	display: block;

	position: relative;

	cursor: pointer;

	float: left;

	padding: 4px;

}



.gamma-gallery li img {

	max-width: 100%;

	width: auto;

	height: auto;

	display: block;

}



.gamma-description {

	background: #fff;

	background: rgba(255, 255, 255, 0.6);

	position: absolute;

	top: 20px;

	left: 20px;

	bottom: 20px;

	right: 20px;

	text-align: center;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: opacity 0.4s ease-in-out;

	-moz-transition: opacity 0.4s ease-in-out;

	-ms-transition: opacity 0.4s ease-in-out;

	-o-transition: opacity 0.4s ease-in-out;

	transition: opacity 0.4s ease-in-out;

}



.no-touch .gamma-gallery li:hover .gamma-description {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

	opacity: 1;

}

 

.gamma-description:before {

	content: '';

	height: 100%;

}



.gamma-description:before,

.gamma-description h3 {

	display: inline-block;

	vertical-align: middle;

}



.gamma-description h3 {

	width: 100%;

	padding: 0 20px;

	font-weight: 400;

	text-transform: uppercase;

	font-size: 16px;

	letter-spacing: 2px;

}



.gamma-buttons {

	position: absolute;

	top: 10px;

	right: 10px;

	z-index: 10001;

}



.gamma-buttons button {

	float: left;

	background: #333;

	color: #fff;

	display: block;

	width: 30px;

	height: 30px;

	font-size: 14px;

	margin-left: 5px;

	cursor: pointer;

	border: none;

	outline: none;

}



.gamma-buttons button:before,

.gamma-nav span:before {

	font-family: 'entypo-selected';

	font-style: normal;

	font-weight: normal;

	speak: none;

	display: block;

	text-align: center;

	opacity: 0.7;

	outline: none;

}



.no-touch .gamma-buttons button:hover {

	background: #666;

}



button.gamma-btn-close:before {

	content: '\2715';

}



button.gamma-btn-ssplay:before {

	content: '\25b6';

}



button.gamma-btn-sspause:before {

	content: '\2389';

}



.gamma-single-view {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;	

	z-index: 10000;

	text-align: center;

	display:none;

}



.gamma-overlay {

	background: #000;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	display: none;

	z-index: 9999;

}



.gamma-single-view img {

	position: absolute;

	cursor: pointer;

}



.gamma-description-wrapper {

	background: rgba(0,0,0,0.7);

	position: absolute;

	bottom: 0px;

	left: 0px;

	right: 0px;

	z-index: 10;

	padding: 5px 0;

}



.gamma-single-view .gamma-description {

	background: transparent;

	position: relative;

	bottom: auto;

	left: auto;

	right: auto;

	top: auto;

}



.gamma-single-view .gamma-description h3 {

	font-size: 15px;

	padding: 5px 0;

	color: #fff;

}



.gamma-nav span {

	position: absolute;

	display: block;

	width: 20px;

	height: 38px;

	top: 50%;

	margin-top: -19px;

	left: 20px;

	cursor: pointer;

	text-align: center;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.gamma-nav span.gamma-next {

	left: auto;

	right: 20px;

}



.gamma-nav span:before {

	color: #fff;

	opacity: 0.7;

	font-size: 40px;

}



.gamma-nav span:hover:before {

	opacity: 1;

}



.gamma-nav span:before {

	display: block;

	margin: 0;

	width: auto;

}



.gamma-nav span.gamma-prev:before {

	content: '\e75d';

}



.gamma-nav span.gamma-next:before {

	content: '\e75e';

}



.gamma-img-fly {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99999;

}



/* Loaders */



.gamma-loading {

	background: transparent url(../images/loader_light.gif) no-repeat center center;

}



.gamma-single-view.gamma-loading {

	background: transparent url(../images/loader_dark.gif) no-repeat center center;

}





/* Make some things unselectable. Remove where selection is needed: */



.gamma-container img,

.gamma-nav span,

.gamma-buttons button,

.gamma-description-wrapper,

.gamma-description,

.gamma-description h3 {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



@media screen and (max-width: 750px) {



	.gamma-description {

		top: 10px;

		left: 10px;

		bottom: 10px;

		right: 10px;

	}



	.gamma-description h3 {

		font-size: 14px;

		padding: 0 5px;

	}



}



@media screen and (max-width: 500px) {



	.gamma-buttons {

		float: left;

		clear: both;

	}



}



	



/*//////////////////////////////*/



@media screen and (max-width: 1200px){

	

	

}







@media screen and (max-width: 1185px){

	

	

	





.logo img{

	

		

	}



.logui {

	text-align:center;

	width:100%;

	margin-left:auto;

	margin-right:auto;

	padding-top:0em;

	float:none;

	padding-bottom:0.5em;

	

	

	

	}



.bonera {

	

	

	



	

	

	}

	

.espaciovideo {

	display:block;

	padding:0 1em;}	



.espaciohome {

	height:450px;

	

	}



.conteinerdos {border-radius:0;}



.output3 {

	line-height:1.6em;

	font-size:1.4em;

	}

	



.inicial {

	font-size: 3em;

font-weight: 300;

}



h2 { font-size:2em;



	

}



@media screen and (max-width: 930px){

	

	.familia {

	background: url(imgs/familia.jpg) no-repeat center center #103d82; }

	

	.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;

		

		}

	

	

	

	

.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%;



	

	}



.galeria1 {

	width:100%;

	



	

	}

.galeriad {

	width:90%;

	margin-left:5%;

	margin-right:5%;



	

	}

.galeria2 {

	width: 48%;

	

	}





.columna {

	width:98%;

	margin-left:1%;

	margin-right:1%;

	

	

	}
pre {
	margin:0.25em 0 0 0;}

.titulillos {

	font-size:3.5em !important;

	color:#1b2a53;

	}



	

.columna1 {

	width:100%;

	

	float:none;

	

	}

}



@media screen and (max-width: 830px){

	

.quieres {

	 max-width:600px; float:none;

	 margin-left:auto;

	 margin-right:auto;}

	 

.solicita {

	 float:none;

	 margin-left:auto;

	 margin-right:auto;}	



}

	

	

@media screen and (max-width: 895px){

	.logo {

		float:none;

		width:100%;

		text-align:center;

		margin-top:0;

		padding-top:2em;}

.superior {

	

	text-align:center;

	padding-top:0;

	margin-left:auto;

	margin-right:auto;}

	





.galeriaa {

	max-width:200px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:1em;

	}



	.familia {

	background: url(imgs/familia.jpg) no-repeat center center #103d82; }



}





@media screen and (max-width: 768px){





	.quienes {

	width:90%;

	margin:0 auto 0 auto;

	float:none;

	text-align:left;

	

	}

	

table {



	width:100%;}



.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: 568px){

.galeria2 {	width:90%;

	margin-left:5%;

	margin-right:5%;



	}



.inicial {

	font-size:2.3em; font-weight:300;}





	

}



@media screen and (max-width: 468px){

	

	

.recuadro2 {

	border:solid 5px #fff;

	box-shadow:0px 0px 10px #666;}



.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;

	

	}





footer a {

	

	font-size:1.3em;}

	

	

.catalogo {

	width:90%;

height:auto;



float:left;

margin-left:5%;

margin-right:5%;

	padding:0.5em;

	text-align:left;

	}



.catalogo img {

	width:100%;

height:auto;



margin-left:auto;

margin-right:auto;

	padding:0;

	margin-bottom:0.25em;

		}

	



.precio {

	margin-top:1em;

	width:100%;

	float:right;

	padding:0.5em;

	argin-left:auto;

margin-right:auto;

margin-top:-0.35em;

	

	}

	

	

}





@media screen and (max-width: 457px){

.raya {border-right:none;

border-bottom:thin solid #ccc;}



.galeriaa {

	text-align:center;

	width:90%;

	max-width:1000px;

	margin-left:5%;

	margin-right:5%;

	padding-bottom:0.5em;}



footer a {

	

	font-size:1em;}

	

}