/******* CITAS *************/

.pordiv .citas{padding-top:20px;}
.pordiv .cita{font-style:italic;}

.pordiv,.cliediv{
	padding-left:5%;
	padding-right:5%;
	width:90%;
	
	min-height:103%;
	height:auto;
	padding-top:0%;
	padding-bottom:0%;
	background-size:100% auto;
	background-position:center top;
	background-color:rgba(250,255,255,1);
	background-image:url('defbg.png');
	/*padding-top:100px;*/
}
.pordivc{
	width:100%;
	margin:auto;
	max-width:1400px;
}
.porcont,.porcont2,.porconth,.porcont3{
	display:inline-block;
	vertical-align:middle;
	
	/*height:60%;*/
}
.porconth{width:1%;height:100%}
.porcont3{margin-left:5%;width:90%;}
.porimg3{float:right;width:35%;margin-left:3%;vertical-align:bottom;transform:translateY(-50px);}
.vidcont{
	margin-top:-130px;
}
.porvidw{
	width:100%;
	padding-bottom:56.25%;
	background-color:gold;
	position:relative;
	
}
.porvid{
	height:auto;
	width:100%;
	z-index:1;
	position:absolute;
	z-index:1;
	top:0;left:0;
	}
#pordiv3tl,#pordiv3tr{
	display:inline-block;
	vertical-align:middle;
	position:relative;z-index:2;
	/*top:0;*/
}
#porlogo{
	padding-top:100px;
	text-align:center;
	width:100%;
}
#porlogoimg{width:60%;}
#porlogoimgM{width:100%;display:none}
.testani{
	animation-name:testani;
	animation-duration:8s;
	animation-delay:1s;
	animation-iteration-count:infinite;
	margin-left:-30%;
	margin-top:-140px;
}
@keyframes testani{
	0%{opacity:0}
	30%{opacity:1}
	50%{opacity:1}
	100%{opacity:1}
}
#pordiv3tl{width:60%}
#pordiv3tr{width:40%}
.but1{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	margin:20px;
font-size:25px;
line-height:35px;
	font-family: "adorn-smooth-condensed-sans";
	/*font-family: "blakely";*/
	/*font-weight:bold;*/
	vertical-align:middle;
	/*background-color:rgba(0,80,130,1);*/
	/*background-image:url('but1bg.png');
	background-size:100% auto;*/
	background-color:rgba(0,60,90,1);
	color:rgba(250,190,80,1);
	border-radius:15px;
	}
.but1 .ver,.but1 .titu{
	display:inline-block;vertical-align:middle;
}
	.but1 .ver{
		font-size:20px;
		margin-right:5px;
	}
.porcont,.porcont2,.porcont3{
	font-size:30px;
	line-height:40px;
	color:rgba(162,45,125,1);
	text-align:justify;
}
.porcont{width:39%}
.porcont2{
	padding-right:10%;width:50%;
	font-size:30px;
	line-height:40px;
	color:white;
	color:rgba(162,45,125,1);
	/*color:rgba(255,255,255,1);*/
	/*padding-bottom:90px;*/
	}

@media screen and (max-width: 1500px)  {
.porimg3{width:30%;}
.porcont2{font-size:30px;line-height:30px}
.porcont3{font-size:20px;line-height:30px}
.porcont .al,.porcont .al2{line-height:30px}}

.porcont3B{display:none;text-align:center;}
.porimg{width:100%;}
.porimg2{width:100%;box-shadow:0px 0px 20px rgba(0,0,0,0.15);}
#pordiv0{	background-image:url('fondopor.jpg');background-position:center;}

#pordiv1{	background-image:url('mar1.jpg');	}
#pordiv2{	background-image:url('tronco1.jpg');	}
#pordiv3{	background-image:url('mar2.jpg');	}
#pordiv4{	background-image:url('flor.jpg');	}
#pordiv5{	background-image:url('playa.jpg');	}
#pordiv6{	background-image:url('contacto.jpg');	padding-top:10%;}
#pordiv6 .porcont,#pordiv6 .porcont2{vertical-align:top;color:white;}
#pordiv6 .sectitle {font-size:40px}
/**#pordiv2{	background-image:url('fondo_lg.png');	}
#pordiv3{	background-image:url('fondo_vid.png');	}
#pordiv4{	background-image:url('fondo_ilus.png');	}
#pordiv5{	background-image:url('fondo_ctc.png');	}*/




.servis{
	display:inline-block;vertical-align:middle;
	width:48%;margin-left:1%;margin-right:1%;
	text-align:center;
	background-size:100% auto;
}
#servis1{background-image:url('servis_bg.png');}
#servis2{background-image:url('servis_bg2.png');}
.servisimg2{
	opacity:0;
}
.but1:hover{
	box-shadow:5px 5px 0px rgba(0,60,90,1);/*,-5px -5px 0px rgba(80,80,80,0.2);*/
/*color:rgba(250,190,80,1);
	background-color:rgba(0,60,90,1);*/
	background-color:white;
	color:black;
	animation-name:servish;
	animation-duration:0.3s;
}
.servis:hover > .servisimg,.servis2:hover > .servisimg{
	opacity:0;
	animation-name:servisimgh;
	animation-duration:0.6s;
}
.servis:hover > .servisimg2,.servis2:hover > .servisimg2{
	opacity:1;
	animation-name:servisimg2h;
	animation-duration:0.6s;
}
.servis2{
	width:70%;text-align:center;margin:auto;
	margin-bottom:25px;
}

@keyframes servish{
	from{box-shadow:0px 0px 0px rgba(0,60,90,1);color:rgba(250,190,80,1);background-color:rgba(0,60,90,1);}
	to{box-shadow:5px 5px 0px rgba(0,60,90,1)/*,-5px -5px 0px rgba(80,80,80,0.2)*/;color:black;background-color:white;}
}
@keyframes  servisimgh{from{opacity:1}to{opacity:0}}
@keyframes servisimg2h{from{opacity:0}to{opacity:1}}
.servisimg,.servisimg2{
	width:100%;display:inline-block;vertical-align:middle;
}
.servisimg2{
	margin-left:-100%;
}
.acvideo{
	width:100%;
	height:auto;
	max-height:400px;
}
@media screen and (orientation:portrait){
	
	#porlogoimg{display:none}
	#porlogoimgM{display:block}
	#pordiv3tr{display:block;width:100%;}
	#pordiv3tl{display:none}
	.porcont3B{display:block;}
	.porconth{display:none}
	.porcont,.porcont2{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		
	}
	.porcont{padding-top:70px;}
	.sectitle{text-align:center !important;padding-top:20px !important}
	.porcont2{text-align:center;}
	.pordiv{padding-left:7.5%;padding-right:7.5% !important;width:85% !important;
	background-size:auto 100%;}
}
@media screen and (max-width: 600px)  {

}