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

* {
	padding:0;
	margin:0;
	border: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
	
}

html {
	width:auto;
	scroll-behavior: smooth;
	height: 100%;
 
	
	
}

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#222222;
	width: 100%;
	display:flex;
	flex-direction: column;
	text-align:justify;
	min-height: 100%;
	margin: auto;
  
	
}

section {
	width: 100%;
	margin: auto;
	padding-top: 5%;
	
}



img {
	max-width:100%;
	
}

footer {
	width:100%;
	background:#a01313;
	color: #ffffff;
	padding:1%;
	margin-bottom:0px;
	overflow:hidden;
	margin-top: auto;
	
	bottom: 0;
		
	}


.items-pie {
	display:flex;
	width:100%;
	padding:2%;
	justify-content:space-around;
	align-items: center;
	
	
}

.item-pie1 {
	width:25%;
			
	}

.item-pie2{
	text-align: left;
	
	
}

.item-pie2 p {
	line-height: 2.5em;
}
	


a {
	color: #1b1f54;
	text-decoration:none;
	
	}
	
a:hover {
	color:#a01313;
	font-weight:bold;
	}
h1 {
	font-size:3em;
	font-weight: bold;
	color:#1b1f54;
	padding:15px 0px 30px 0px;
	text-transform:uppercase;
	text-align:center;
}

h2{
	font-size:2em;
	color:#a01313;
	font-weight:bold;
	padding:3%;
	}

a h2{
	background:#a01313;
	color:#ffffff;
	border-radius: 5px;
	padding:10px 0px 10px 0px;
	transition: transform .3s ease;
	transform: scale(1)}

a:hover h2{
	background:#1b1f54;
	color:#ffffff;
	border-radius: 5px;
	transform: scale(1.1);}
	
h3{
	font-size:1.2em;
	color:#ffffff;
	font-stretch:condensed;
	text-transform:uppercase;
	padding:20px 0px 25px 0px;
	}

h4{
	font-stretch:condensed;
	font-size:1em;
}

p{
	margin-bottom:10px;
	font-size: 1em;
	line-height:1.5;
	font-weight: 500;
	}



.entero {
	width: 80%;
	min-height:76%;
	margin:0 auto;
	overflow:auto;
	text-align:justify;
	padding-bottom: 20px;
	
	
	
		
}


.mitad {
	width:49.5%;
	padding:2%;
	display:inline-block;
	vertical-align:top;
}

.trescuartos {
	width:74%;
	padding:2%;
	display:inline-block;
	vertical-align:top;
	}
	
.uncuarto {
	width:25%;
	padding:2%;
	display:inline-block;
	vertical-align:top;}

.contacto{
	width:33%;
	padding:2%;
	vertical-align:top;
	overflow: hidden;
	height: 450px;
	background: #1b1f54;
	color: #ffffff;
	
	}

.contacto p{
	line-height: 2em;
}

	
.untercio{
	width:33%;
	padding:2%;
	display:inline-block;
	vertical-align:top;
	overflow: hidden;
	
	}

.untercio img {
	
	width:100%;
	border-radius: 10px;
	transition: transform .3s ease;
	transform: scale(1);
	}
	
.untercio img:hover {
	transform: scale(1.1);
	
	}

.flexcont {
	display: flex;
	justify-content: center;
	
}

.flexcont2 {
	display: flex;
	justify-content: center;
	
}

.servicios{
	width:29%;
	margin:2%;
	padding: 1%;
	background: #ffffff;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	text-align: left;
	
	
		
	}

.servicios img{
	width:100%;
	
	border-radius: 10px;
		
	}




.dostercios{
	width:66%;
	padding:2% 1% 2% 2%;
	display:inline-block;
	vertical-align:top;}
	

	.cycle-slideshow {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 auto;
	top:-4px;
	
}
.cycle-prev, .cycle-next {
	font-size:300%;
	color: #fff;
	display: block;
	position:absolute;
	z-index:999;
	cursor:pointer;
	top:45%;
	margin-top:-16px;
}

.cycle-prev {
	left:1%;
	}
.cycle-next {
	right: 1%;
}
.cycle-pager{
	width:100%;
	text-align:center;
	display:block;
	position:absolute;
	bottom:30px;
	z-index:999;
	cursor:pointer;
	}
	
.cycle-pager span {
	text-indent:100%;
	white-space:nowrap;
	width:10px;
	height:10px;
	display:inline-block;
	background: none;
	border:solid thin #a01313;
	border-radius:50%;
	margin:0 8px;
	}
	
.cycle-pager .cycle-pager-active {
	background:#a01313;
	}
	
.cycle-overlay {
	font-family: sans-serif;
	font-stretch:extra-expanded;
	display:block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 600;
    background: black;
    color: white;
    padding: 15px;
    opacity: .5;
}

.fadebox {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.overbox {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
z-index:1002;
overflow: auto;
}

.slider {
	width: 40%;
	float:left;
	display:inline-block;	
	overflow: hidden;
	border-radius: 5px; 
	margin:0px 30px 15px 0px;
	box-shadow: 5px 5px 15px rgba(10, 10, 10, 0.8);
	border: none}


.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 15s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
	margin-bottom:-5px;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
	
	
}

#galeria, #galeria * {box-sizing:border-box}
#galeria {
border: 1px solid #EAEAEA;  /* Borde de la galería */
padding: 10px;
padding-bottom: 0;
background: white;  /* Fondo de la galería */
width: 100%;  /* Ancho de la galería */

}
#galeria_miniaturas {
display: table;
margin: 0 auto;
overflow: hidden;
}
#imgGaleria {
border: 1px solid #F2F2F2;  /* Borde de la imagen */
padding: 3px;
width: 100%; /* Ancho de la imagen */
height: 100%; /* Alto de la imagen */
}
.miniatura {
width:  100px;  /* Ancho de las miniaturas */
height:  100px;  /* Alto de las miniaturas */
float: left;
cursor: pointer;
padding: 5px;
margin: 10px 5px;
}
.miniatura:hover {
opacity:.8;   /* Opacidad */
}
.miniatura:active {
opacity:1;
}

#galeria_imagen {
	overflow:hidden;
}

#galeria_imagen img {
	transition: transform .3s ease;
	transform: scale(1);
	object-fit: cover;
}

#galeria_imagen img:hover {
	
	transform: scale(2)
}

#galeria_miniaturas img {
	transition: transform .3s ease;
	transform: scale(1);
	object-fit: cover;
}

#galeria_miniaturas img:hover {
	
	transform: scale(1.2)
}

#paleria, #paleria * {box-sizing:border-box}
#paleria {
border: 1px solid #EAEAEA;  /* Borde de la galería */
padding: 10px;
padding-bottom: 0;
background: white;  /* Fondo de la galería */
width: 100%;  /* Ancho de la galería */

}
#paleria_miniaturas {
display: table;
margin: 0 auto;
overflow: hidden;
}
#imgpaleria {
border: 1px solid #F2F2F2;  /* Borde de la imagen */
padding: 3px;
width: 100%; /* Ancho de la imagen */
height: 100%; /* Alto de la imagen */
}
.miniatura {
width:  100px;  /* Ancho de las miniaturas */
height:  100px;  /* Alto de las miniaturas */
float: left;
cursor: pointer;
padding: 5px;
margin: 10px 5px;
}
.miniatura:hover {
opacity:.8;   /* Opacidad */
}
.miniatura:active {
opacity:1;
}

#paleria_imagen {
	overflow:hidden;
}

#paleria_imagen img {
	transition: transform .3s ease;
	transform: scale(1);
	object-fit: cover;
}

#paleria_imagen img:hover {
	
	transform: scale(2)
}

#paleria_miniaturas img {
	transition: transform .3s ease;
	transform: scale(1);
	object-fit: cover;
}

#paleria_miniaturas img:hover {
	
	transform: scale(1.2)
}


@media screen and (max-width:1052px) {
	.entero {
	width: 85%;
	min-height:76%;
	margin:auto;
	overflow:auto;
}

.mitad{
	width:47%;
	margin:auto;
	overflow:auto;
	}
	
.trescuartos {
	width:73%;
	padding:2%;
	display:inline-block;
	vertical-align:top;
	}
	
.uncuarto {
	width:23%;
	padding:2%;
	display:inline-block;
	vertical-align:top;}
	
.untercio{
	width:33%;
	
	
	}
.dostercios{
	width:62%;
	padding:2% 1% 2% 2%;
	display:inline-block;
	vertical-align:top;}
	
.servicios{
	width:33%;
	margin:2%;
	padding: 1%;
		
		
	}
	
	.slider {
		width: 50%;
	}
	

	.miniatura {
width:  70px;  /* Ancho de las miniaturas */
height:  70px;  /* Alto de las miniaturas */

}
@media screen and (max-width:900px) {
	.contacto{
	width:45%;
	padding:2%;
	vertical-align:top;
	overflow: hidden;
	
	}
	
	.flexcont2 {
	flex-direction: column;
	align-items:  center;
	
}
	.servicios {
	width: 50%;	
	padding: 2%;
	}
	h2{
	font-size:1.25em}
	
h1{
	font-size:2em}
	
h3{
	font-size:1em}
	
p{
	font-size:0.9em}
	}
	
	

@media screen and (max-width:650px) {
	
	.entero {
	width: 90%;
	min-height:76%;
	margin:auto;
	overflow:auto;
	text-align: left;
}

.mitad{
	width:100%;
	margin:auto;
	overflow:auto;
	padding: 5%;
	}


.trescuartos {
	width:95%;
	padding:2%;
	display:inline-block;
	vertical-align:top;
	}
	
.uncuarto {
	width:95%;
	padding:2%;
	display:inline-block;
	vertical-align:top;}
	
.untercio{
	width:85%;
	padding:2%;
	vertical-align:top;
	margin-top: 2%;
	}
	
.servicios {
	width: 85%;	
	padding: 2%;
	}
	
.contacto{
	width:85%;
	padding:2%;
	vertical-align:top;
	overflow: hidden;
	height: auto;
	
	}
.dostercios{
	width:95%;
	padding:2% 1% 2% 2%;
	display:inline-block;
	vertical-align:top;}
	
.flexcont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}


h2{
	font-size:1.25em}
	
h1{
	font-size:2em}
	
h3{
	font-size:1em}
	
p{
	font-size:0.9em}
	


.cycle-overlay {
	font-size:0.8em;
	padding:5px}
	
.cycle-pager{
	bottom:5%}
	
.cycle-pager span {
	
	width:5px;
	height:5px;
	
	}
	
.slider {
	width: 55%;
	margin:0px 15px 5px 0px;
	}
	


}
	
.items-pie {
	display:flex;
	flex-direction: column;
	width:100%;
	padding:2%;
	justify-content:center;
	align-items:flex-start;
	
	
}

.item-pie1 {
	width:65%;
	margin-bottom: 2%;
			
	}

.item-pie2{
	text-align: left;
	
	
}

.item-pie2 p {
	line-height: 2.5em;
}

	
@media screen and (max-width:450px){
	
	.slider {
	width: 100%;
	margin:0px 0px 15px 0px;
	}
	
	.entero{
		text-align: justify;
	}

	.miniatura {
width:  50px;  /* Ancho de las miniaturas */
height:  50px;  /* Alto de las miniaturas */
padding: 3px;
margin: 5px 3px;
	}
	
	
	
	
}