
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body{
	width: 100%;
	margin: 0 none;
	padding: 0px;
	background-color: #FFFFFF;
	scroll-behavior: smooth;
	min-height:768px;
	font-family: "Open Sans", robotolight, Arial, Helvetica, sans-serif;
	font-size:100%/1em;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background-image:url(uploaded/fdobodyimg_1/foto6fd478ym11.jpg);
	background-repeat:no-repeat;
	background-position:center;
    background-size:cover;
  box-shadow: inset 8000px 0 0 0 rgba(0, 0, 0, 0.5);
}
html {
	height: 100%;
    font-size: 1em; /* 1 */
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */
}
iframe[id^="oauth2relay"] { position: fixed !important; }/*google+*/
object, embed, video {
	max-width: 100%;
}
img{max-width:100%;width:auto\9;*height:auto*\;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    clear:both;
    margin:10px 0 10px 0;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }
.hidden{
	display:none;
}
.parallax{ background-position:50% 50%; background-attachment:fixed; background-repeat: no-repeat; position:relative; 
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/  
	padding: 60px 0 60px 0;
	margin-top:0px;
	height:470px;
	}
.parallaxvideo{ background-position:50% 50%; background-attachment:fixed; background-repeat: no-repeat; position:relative; 
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/  
	padding: 60px 0 40px 0;
	margin-top:0px;
	height:410px;
	}
.bg-overlay{display: block;height: 100%; position: absolute; top:0; width: 100%; z-index:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* Safari 1.x */ -khtml-opacity: 0.6; /* Modern browsers */opacity: 0.6;}
.bg-overlay.bg-overlay-dark{background:#000;}
@font-face {
    font-family: 'robotolight';
    src: url('css/roboto-light-webfont.eot');
    src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-light-webfont.woff2') format('woff2'),
         url('css/roboto-light-webfont.woff') format('woff'),
         url('css/roboto-light-webfont.ttf') format('truetype'),
         url('css/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('css/roboto-bold-webfont.eot');
    src: url('css/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-bold-webfont.woff2') format('woff2'),
         url('css/roboto-bold-webfont.woff') format('woff'),
         url('css/roboto-bold-webfont.ttf') format('truetype'),
         url('css/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('css/roboto-medium-webfont.eot');
    src: url('css/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-medium-webfont.woff2') format('woff2'),
         url('css/roboto-medium-webfont.woff') format('woff'),
         url('css/roboto-medium-webfont.ttf') format('truetype'),
         url('css/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'GaramondPremrPro';
	src: url('css/Garamond Premier Pro Display.eot');
	src: local('☺'), url('css/Garamond Premier Pro Display.woff') format('woff'), url('css/Garamond Premier Pro Display.ttf') format('truetype'), url('css/Garamond Premier Pro Display.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
H1 {
	 margin: 0px;
	 font-size:inherit;
	
	}
H2 {
	 margin: 0px;
	 font-size:inherit;
	}
H3 {
	 margin: 0px;
	 font-size:inherit;
	}
H4 {
	 margin: 0px;
	 font-size:inherit;
	}
H5 {
	 margin: 0px;
	 font-size:inherit;
	}
H6 {
	 margin: 0px;
	 font-size:inherit;
}
.slidervideo{
	float:left;
	clear:none;
}
.noline{
	text-decoration:none;
	min-width:320px;
	}
.videoli {
float:left;
margin:4px 10px 0px 30px;
max-width: 100%;
max-height:100%;
}
.imgproducto {
		margin:0 auto;
	padding:10px 0 2px 0;
		  max-width:100%;
		  
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.imghome {
	display:block;
	margin:0 auto;
	padding:0px;
	border:2px solid #000;
	width:100%;
	height:280px;

}
.imgx {
	margin:0 auto;
		margin-top:8px;
	padding:0;
		  width:100%;
		  max-height:200px;
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.imgubic {
	padding:3px;
	border:2px solid #7BA2A9;
}

.tablas{
	border:1px solid #4e7489;
	border-collapse:separate;
	padding:5px;
}
.tablas td{
	border:1px solid #7BA2A9;
	padding:2px;
	height:24px;
	text-align:center;
	font-family:robotomedium, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#pagination {
	float:left;
	clear:both;
	text-align: center;
	margin-top: 20px;
}
#pagination a {
	float:inherit;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	font-family: arial;
	margin:4px;
	text-decoration: none;
	font-weight:bold;
	background: none repeat scroll 0 0 #EEEEEE;
	color: #222222;
	
}
#pagination a:hover {
	background-color: #FFFFFF;
	color:#F03;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		24;
	dw-num-cols-tablet:		24;
	dw-num-cols-desktop:	24;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.img-rounded1 {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 15px; 
border:3px solid #bbb; 
height:200px; 
width:200px;  
background-color:rgba(0,0,0,.2);}

.cien {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 14px;
	margin-bottom:0px;
}
.cienb {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 20px;
	margin-bottom:0px;
    padding:10px 0 10px 15px;
    background: #9AB1A2;
}
.caja-logos-clientes {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-top: 15px;
	border: 1px solid rgba(153,153,153,0.4);
	background-color: rgba(255,255,255,1);
	padding:7px 0 6px 0px;
	
}
.caja-logos-clientes-tit {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
	margin-top: 0px;
    margin-bottom: 6px;
	text-align: left;
}
.caja-loguito {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;

	margin-top: 10px;
	margin-bottom: 12px;
}
#noticias-site {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
	margin-top: 8px;
	margin-bottom:10px;
}
#noticias-site-titulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4px;
	min-height:20px;
	text-align:left;
}
.notidesc{
	float:left;
	margin:2px 4px 2px 2px;
	width: 96%;
	font-family:"Open Sans", robotolight, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	overflow:hidden;
	height:auto;
}
.notidesc span p {
	white-space:nowrap;
	text-overflow:ellipsis; /* for internet explorer */
	overflow:hidden;
	width:100%;
	display:block;
}
.notidesc span:after {

   content: "...";
}
#noticias-site-foto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4px;
}
#noticias-site-txt {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 10px;
	max-height:100px;
	overflow:hidden;
	text-align:left;
}
.fdocontainer {
float:left:
clear: none:
z-index:-1;
position: absolute;
margin-top:0px;
margin-left:0px;
width:100%;
min-height:650px;
height:auto;
}
#videos-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding:10px 0 10px 0;
	display: block;
background: #3C6064;

	margin-top: 12px;
}
#admin {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;

}
#tel-foot2{
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	text-align: left;
	margin-top: 18px;
	border-left: 1px dashed #EAEAEA;
	padding-left: 18px;
}
#foot-centro {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
	margin-top: 25px;
	text-align: center;
}
#caja-video {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 15px;
	text-align: left;
}
.corona1{
	float:left; 
	clear:both; 
	width:100%; 
	height:auto;
	padding:0px; 
	background-position:left; 
	background-repeat:no-repeat; 
	background-size:cover;
	margin-bottom:0px;  
    background-color: rgba(255,255,255,1);

}
.corona2 {
	float:left; 
	width:100%; 
	margin-left:0%; 
	padding:0px; 
	background-color: rgba(0,0,0,.8);
}
.corona3 {
	float:left; width:98%; margin-left:1%; font-family:"Open Sans", arial; font-size:1.3em; color:#FFF; padding:16px;  text-align: center;background-color: rgba(0,0,0,.0);
}
.corona4 {
	float:left; 
	clear:both; 
	width:100%; 
	margin-left:0%; 
	padding:10px; 
	background-color: rgba(0,0,0,.0); 
	margin-top: 10px;
}
.corona5 {
	float:left; clear: both; width:98%; padding:16px; 
}

.telefono {
	font-family: robotobold, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #5F9D4D;

	text-decoration:none;
	cursor:default;
}
a.telefono:link {
	font-family: robotobold, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #5F9D4D;
	text-decoration:none;
	cursor:default;
}

#map_canvas {
float:left;
margin:0px 0 5px 0;
width:100%;
height:auto;
border:0 none;
}
.captcha {
	clear: both;
	float: left;
	margin-left: -10px;
	width: 91.5966%;
	display: block;
	margin-top: 6px;
	margin-bottom:25px;
	text-align: left;
}
.bodytext{
	
	font-size: 1.2em;

}
a.enlaces5:link {
	color: #5F9D4D;
	font-family: robotolight, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration: none;
}
a.enlaces5:visited {
	color: #5F9D4D;
	text-decoration: none;
}
a.enlaces5:hover {
	color: #5F9D4D;
	text-decoration: none;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
    
}
/*.imgder2 {
	float:right;
	display:block;
	margin:10px 5px 10px 30px;
	padding:2px;
	border:1px solid #CCC;
	max-width:50%;
}*/
#palabras {
	clear: both;
	float: left;
	margin-left: 0;
	width: 1%;
	display: block;
	text-indent: -9999px;
	height: 0px;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	min-height:60px;
	height: auto;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:fixed; 
	margin-bottom:10px;
    z-index:99;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	
}
#tel {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 10px;
	height: auto;
}

#logo {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 10px;
	padding-bottom: 2px;
}


#slider-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-top:20px;
}
#slidertop {
	float:left;
	display:none;
	margin:8px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:8px;
	background-color: #4E7489;
}
#sliderfoot {
	float: left;
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: 8px;
	background-color: #fff;
}
#sliderfoot2 {
	float:left;
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:5px;
	background-color:#333;
}


#contenido {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 20px;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,aad09f+100&0.15+0,1+100 */
background: -moz-linear-gradient(top,  rgba(252,252,252,0.15) 0%, rgb(154,177,162) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,252,252,0.15) 0%,rgb(154,177,162) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,252,252,0.15) 0%,rgb(154,177,162) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26fcfcfc', endColorstr='#9AB1A2',GradientType=0 ); /* IE6-9 */


}
#contenido2 {
	clear: both;
	float: left;
	margin-left: 4%;
	width: 92%;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	background-color:#FFF;
}
#footer-container {
	width: 100%;
	max-width: 1600px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background-color:#4E7489;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a6199+0,0e2238+99 */
background: #3C6064; /* Old browsers */

	zoom: 1;
	margin-top: 10px;
	height: auto;
	border-top: 0px solid #CCC;
}
#pre-footer-line {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	height: 10px;
	margin-top: 10px;
}
#redes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
	min-height: 35px;
    z-index:9999999999999999999999999999999999999999999999999999999999;	
}
#redesfoot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom:10px;
	min-height: 35px;
    z-index:9999999999999999999;
}
#logo-foot {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 12px;
	text-align: center;
}
#face {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
	margin-top: 55px;
	text-align:center;
}
#facelogo {
	clear: none;
	float: left;
	margin-left: 3%;
	margin-right:6px;
	width: 46px;
	display: block;
}

#whatsapp { /*-480*/
	clear: none;
	float: left;
	margin-left: 4.2042%;
	width: 69px;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}
#enviarwhatsapppie { /*-480*/
	clear: none;
	float: left;
	margin-left: 21.605%;
	width: 160px;
	display: block;
	margin-top: 16px;
	margin-bottom: 10px;
	text-align: center;

}
#subir {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 94%;
	display: block;
	margin-top: 20px;
	text-align: right;
}
#reserva{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	border: 2px solid #D3F1F8;
}
#avisoform{
	clear: both;
	float: left;
	margin-left: 1.2016%;
	width: 95.7983%;
	display: block;
	margin-top: 15px;
	text-align: center;
}
#paxyhab {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mapa{
	width:98%;
	height:450px;
	margin-bottom:50px;
	border:2px solid #FFF;
	padding:5px;
	background:#ccc;
	background-image:url(images/progress.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#tit-inicia-reserva{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding:17px 0 23px 0;
background-color: #7BA2A9;
border-bottom:3px solid #FFF;
}
#reservar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 0px;
	margin-bottom:0px;
	height: auto;
	background-color: #7BA2A9;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#aws{
	clear: none;
	float: left;
	margin-left: 9%;
	width: 84.7731%;
	display: block;
	margin-top: 40px;
	text-align: right;
	margin-bottom: 15px;
	
}

#tel-foot{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 12px;
}
#caja-form {
	float:left; 
	clear: both; 
	margin-left:0.4033%; 
	width:98.7983%; 
	padding:1px 4% 8px 4%; 

}
#hora-actual {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	margin-top:4px;
	width: 91.5966%;
	display: block;
	padding:10px 0 10px 0;
	background-color:#ECE3D8;
	text-align:center;
	font-family:robotolight,Arial, Helvetica, sans-serif;
	font-size:3em;
	color:#5E0000;
	border:1px solid #5E0000;
	
}
#dia {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
	padding:10px 0 10px 0;
	background-color:#ECE3D8;
	text-align:center;
	font-family:robotolight,Arial, Helvetica, sans-serif;
	font-size:4em;
	color:#5E0000;
	border:1px solid #5E0000;
}
#mes {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 32.7731%;
	display: block;
	padding:10px 0 10px 0;
	background-color:#ECE3D8;
	text-align:center;
	font-family:robotolight,Arial, Helvetica, sans-serif;
	font-size:4em;
	color:#5E0000;
	border:1px solid #5E0000;
}
#anio {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 28.5714%;
	display: block;
	padding:10px 0 10px 0;
	background-color:#ECE3D8;
	text-align:center;
	font-family:robotolight,Arial, Helvetica, sans-serif;
	font-size:4em;
	color:#5E0000;
	border:1px solid #5E0000;
}
#date-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	height: 150px;
}
#clima {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 5px;
	min-height: 30px;
}
#domicilio {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#email {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 10px;
}
#foot-dire {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 10px;
}
#bienvenidos {
	clear: both;
	float: left;
	margin-left: 12.605%;
	width: 70.5882%;
	display: block;
	text-align: center;
	margin-top: 45px;
}
.vermas {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: right;
	margin-top: 30px;
}
.idx-caja1 {
	position:relative;
	clear:both;
	display:block;
	float:left;
	margin-top:20px;
	margin-left: 2%;
	width: 96%;
	height:auto;
	text-align:center;
    -webkit-box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);
box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);

}
.idx-caja1eng {
	position:relative;
	clear:both;
	display:block;
	float:left;
	margin-top:20px;
	margin-left: 2%;
	width: 96%;
	height:auto;
	text-align:center;
    -webkit-box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);
box-shadow: 0px 13px 7px -6px rgba(0,0,0,0.43);

}
.idx-caja1txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
    min-height: 50px;
	max-height:168px;
	background-color:rgba(255,255,255,1);
	padding:10px;
	
}
.idx-caja2 {
	position:relative;
	clear:both;
	display:block;
	float:left;
	margin-top:25px;
	margin-left: 3%;
	width: 96%;
	min-height:430px;
	background-color:#FFF;
	box-shadow: 4px 4px 8px #888888;
	text-align:center;
    
}
.idx-caja2txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	min-height:160px;
	background-color:#fff;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
#idx-cajas-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 5px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#idx-caja2 {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 0px;
}
#idx-caja3 {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
	/*border:1px solid #CCC;*/
	padding:0 2px 0 2px;
	background-color:#FFF;
	height:auto;
}
#idx-caja4 {
	position:relative;
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 0px;
	text-align: center;

}
#cajaleft {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}
#cajaright {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}
#caja100 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}
.ulfotos {
	float:left;
	display:block;
	list-style:none;
}
.ulfotos li {
	border:1px solid #000;
	padding:8px 10px 8px 14px;
	line-height:32px;
	margin-top:12px;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.img-rounded1 {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 15px; 
border:1px solid #fff; 
height:200px; 
width:200px;  
background-color:rgba(255,255,255,.6);
}
.caja-logos-clientes {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 15px;

}
.caja-logos-clientes-tit {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 0px;

}
.caja-loguito {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 95%;
	display: block;
	margin-top: 10px;
	margin-bottom: 12px;
	
}
#noticias-site {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
}
#noticias-site-titulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 91.5966%;
	display: block;
	margin-top: 5px;
}

#noticias-site-foto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45.3781%;
	display: block;
}
#noticias-site-txt {
	clear: both;
	float: left;
	margin-left: 0.8403%;
	width: 100%;
	display: block;
	margin-top: 4px;
}
	#admin {
	clear: both;
	float: left;
	margin-left: 3.2016%;
	width: 7.563%;
	display: block;
	margin-top: -30px;
	margin-bottom: 20px;
}
	#tel-foot2 {
	clear: none;
	float: left;
	margin-left: 10.042%;
	width: 30.7731%;
	display: block;
	text-align: left;
	margin-top: 28px;
	padding-left: 18px;
	
}
.telefonofoot {
	font-size: 1.5em;
}
a.telefonofoot:link {
	font-size: 1.5em;
}
#foot-centro {
	clear: left;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -130px;
	margin-bottom:20px;
}
#videos-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
#caja-video {
	clear: none;
	float: left;
	margin-left: 2.2016%;
	width: 46.8781%;
	display: block;
}

	.captcha {
	clear: none;
	float: left;
	margin-left: 16px;
	width: auto;
	display: block;
	margin-top: 6px;
	margin-bottom:20px;
	text-align: left;
}
.bodytext{
	font-family: robotolight, Arial, Verdana, sans-serif;
	font-size: 1.15em;
	color: #000;
}
.gridContainer {
	width: 100%; /*92.225%;*/
	padding-left: 0%;
	padding-right: 0%;
}
.imgder2 {
	float:right;
	display:block;
	margin:10px 5px 10px 30px;
	padding:2px;
	border:1px solid #CCC;
}
.imgdersinborde {
	float:right;
	display:block;
	margin:10px 5px 10px 30px;
	padding:2px;
}
#header {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
}

#logo {
	clear: both;
	float: left;
	margin-left: 32.2016%;
	width: 36.5714%;
	display: block;
	border: 0 none;
	margin-top: 80px;
}
.corona1{
	float:left; 
	clear:both; 
	width:100%; 
	
	padding:20px 0px 20px 0px; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover;
	margin-bottom:5px;  
	background-color: rgba(255,255,255,0);
}
.corona2 {
	float:left; 
	width:100%; 
	margin-left:0%; 
	padding:20px; 
	background-color: rgba(0,0,0,.3);
}
.corona3 {
	float:left; width:100%; margin-left:0%; font-family:"Open Sans", arial; font-size:1.4em; color:#FFF; padding:16px;  text-align: center;
}
.corona4 {
	float:left; 
	clear:both; 
	width:100%; 
	margin-left:0%; 
	background-color: rgba(0,0,0,.0); 
	margin-top: 30px; 
	padding-left:1%;
}
.corona5 {
	float:left; width:98%; margin-left:0%; padding:16px 0px 10px 4%; margin-top: 20px; margin-bottom:24px;
}
.idx-caja1 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 8%;
	width: 36%;
    min-height:340px;
	max-height:450px;
	
	margin-bottom:18px;
}
.idx-caja1eng {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 8%;
	width: 36%;
    min-height:340px;
	max-height:450px;
	
	margin-bottom:18px;
}
.idx-caja1txt {
	clear:both;
	display:block;
	float:left;
	margin-top:12px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	max-height:235px;
	padding:10px;
	overflow:hidden;
    -webkit-border-radius: 2%;-moz-border-radius: 2%;border-radius: 2%;
}
.idx-caja2 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 4%;
	width: 42%;
	min-height:350px;
	background-color:#FFF;
	box-shadow: 4px 4px 8px #888888;
	margin-bottom:18px;
    -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.idx-caja2txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	min-height:110px;
	background-color:#fff;
	padding:10px;
	overflow:hidden;
}

#facetop {
	clear: none;
	float: right;
	margin-left: 5px;
	width: 40px;
	display: block;
	height:auto;
	margin-top:-9px;
	
	}

#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width:100%;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:rgba(255,255,255,.3);
	text-align:center;
}
#slider-container {/*+481*/
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
	margin-top:5px;

}
#slidertop {
	display:block;
}
#sliderfoot {
	display:block;
	margin-top:8px;
	background-color:#4E7489;
}
#sliderfoot2 {
	display:block;
}

#idx-contenido {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#contenido {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top:50px;
}
#contenido2 {
	clear: both;
	float: left;
	
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:20px;
}
#logo-foot {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
	margin-top: 24px;
	text-align: left;
}
#redesfoot {
	clear: none;
	float: right;
	margin-right: 0%;
	width: 10%;
	display: block;
	margin-top: 0px;
	text-align: center;
	border-radius: 0 0 0 4px;
-webkit-border-radius: 0 0 0 4px; 
-moz-border-radius: 0 0 0 4px;
}
#face {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 36.9747%;
	display: block;
	margin-top: 35px;
	text-align:right;


	
}
#facelogo {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50px;
	display: block;	
}
#whatsapp { /*+481*/
	clear: none;
	float: left;
	margin-left: 4%;
	width: 69px;
	display: block;
	margin-top: -135px;
	margin-bottom: 10px;
	text-align: right;

}
#enviarwhatsapppie { /*+481*/
	clear: none;
	float: left;
	margin-left: 8.042%;
	width: 160px;
	display: block;
	margin-top: 31px;
	margin-bottom: 10px;
	text-align: center;

}
#subir {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 97%;
	display: block;
	margin-top: 20px;
	text-align: right;
}

#slogan {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 36.9747%;
	display: block;
	margin-top: 40px;
	text-align: left;
}
#footer-links {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
}



#avisoform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70.5882%;
	display: block;
	text-align: left;
}
#paxyhab {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#tit-inicia-reserva {/*+481*/
	clear: both;
	position: relative;
	float: left;
	margin-left: 4.2016%;
	width: 41.1764%;
	display: block;
	margin-top: -150px;
	-webkit-box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
}
#reservar {/*hasta 768*/
	clear: none;
	float: left;
	margin-left: 4.2016%;
	width: 41.1764%;
	display: block;
	padding: 12px;
	height: auto;
	margin-top: -78px;
	position: relative;
	-webkit-box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 4px 4px 4px 1px rgba(50, 50, 50, 0.75);
	
}
#aws {
	clear: both;
	float: left;
	margin-left: 85.6302%;
	width: 86px;
	display: block;
	margin-top: 50px;

}

#tel-foot {
	clear: none;
	float: left;
	margin-left: 33.6134%;
	width: 28.5714%;
	display: block;
	text-align: right;
	margin-top: 14px;

}
#foot-dire {
	clear: none;
	float: left;
	margin-left: 21%;
	width: 41.1764%;
	display: block;
	text-align: right;
	margin-top: 14px;
}
#caja-form {
	float:left; 
	clear: both; 
	margin-left:0.4033%; 
	width:98.7983%; 
	padding:1px 4% 8px 4%; 

}
#hora-actual {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 87.3949%;
	display: block;
}
#dia {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
}
#mes {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 28.5714%;
	display: block;
}
#anio {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 28.5714%;
	display: block;
}
#date-container {
	clear: none;
	float: left;
	margin-left: 4.2016%;
	width: 45.3781%;
	display: block;
	margin-top: 15px;
}
#tel {
	clear: none;
	float: left;
	margin-left: 55.4621%;
	text-align: right;
	width: 41.1764%;/*45.3781*/
	display: block;

	margin-top: -2px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-right: 6px;

}

#domicilio {
	clear: both;
	float: left;
	margin-left: 37.8151%;
	width: 57.9831%;
	display: block;


	margin-top: 4px;
	padding-right: 0px;
	text-align: right;
}
#email {
	clear: both;
	float: left;
	margin-left: 54.6218%;
	width: 41.1764%;
	display: block;
	margin-top: 4px;
	text-align: right;
}
#clima {
	clear: both;
	float: left;
	margin-left: 44.7184%;
	width: 51.7815%;
	display: block;
	margin-top: 9px;
	text-align: right;
	
}

#bienvenidos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.vermas {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: right;
	margin-top: 0px;
}

#idx-cajas-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#000;
}

#idx-caja3 {
	clear: none;
	float: left;
	margin-left: 1.8403%;
	width: 48.0731%;
	display: block;
	min-height:430px;
	overflow:hidden;
}
#idx-caja4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 33%;
	display: block;
}
.telefono {
	font-size: 1.3em;

}
a.telefono:link {
	font-size: 1.3em;

}
a.enlaces5:link {
	color: #5F9D4D;

	text-decoration: none;
}
a.enlaces5:visited {

	text-decoration: none;
}
a.enlaces5:hover {

	text-decoration: none;
}
#cajaleft {

	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cajaright {

	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#caja100 {

	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.ulfotos li {
	display:inline-block;
	border:1px solid #000;
	padding:8px 10px 8px 14px;
	line-height:32px;
	margin-top:12px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.caja-logos-clientes {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 20px;
}
.caja-logos-clientes-tit {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.caja-loguito {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 95%;
	display: block;
	
}
#noticias-site {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 91.5966%;
	display: block;
}
#noticias-site-titulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#noticias-site-foto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 20.168%;
	display: block;
}
#noticias-site-txt {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 70.5882%;
	display: block;
}
	#admin {
	clear: both;
	float: left;
	margin-left: 2.2016%;
	width: 3.3613%;
	display: block;
	margin-top: -10px;
}
	#tel-foot2 {
	clear: none;
	float: left;
	margin-left: 6.2436%;
	width: 30.5714%;
	display: block;
	margin-top: 28px;

}
.telefonofoot {
	font-size: 1.5em;
}
a.telefonofoot:link {
	font-size: 1.5em;
}
	#foot-centro {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-top:40px;
}
#videos-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#caja-video {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 44.9764%;
	display: block;

}
	.captcha {
	clear: none;
	float: left;
	margin-left: 26px;
	width: auto;
	display: block;
	margin-top: 6px;
	margin-bottom:20px;
	text-align: left;
}
.telefono {
	font-size: 1.2em;

}
a.telefono:link {
	font-size: 1.2em;

}
a.enlaces5:link {


	font-size:1.2em;
	text-decoration: none;
}
a.enlaces5:visited {

	text-decoration: none;
}
a.enlaces5:hover {

	text-decoration: none;
}
.bodytext{
	font-family: robotolight, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #333;
}

.gridContainer {
	width: 100%;
	max-width: 1600px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
}

#logo {
	clear: both;
	float: left;
	margin-left: 32.2016%;
	width: 36.5714%;
	display: block;
	border: 0 none;
	margin-top: 80px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
#logo.large {
	clear: both;
	float: left;
	margin-left: 32.2016%;
	width: 36.5714%;
	display: block;
	border: 0 none;
	margin-top: 80px;
}
#logo.small {
	clear: both;
	float: left;
	margin-left: 32.2016%;
	width: 36.5714%;
	display: block;
	border: 0 none;
	margin-top: 80px;
    opacity: 0;
}
.corona1{
	float:left; 
	clear:both; 
	width:100%; 
	
	padding:20px 0px 20px 0px; 
	
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:contain;
	margin-bottom:5px; 
    background-color: rgba(255,255,255,0); 
	
}
.corona2 {
	float:left; 
	width:100%; 
	margin-left:0%; 
	padding:20px; 
	background-color: rgba(0,0,0,.5);
}
.corona3 {
	float:left; width:50%; margin-left:25%; font-family:"Open Sans", arial; font-size:1.4em; color:#FFF; padding:16px;  text-align: center;
}
.corona4 {
	float:left; 
	clear:both; 
	width:100%; 
	margin-left:0%; 
	background-color: rgba(0,0,0,.0); 
	margin-top: -10px; 
	padding-left:2%;
	margin-bottom:0px;


}
.corona5 {
	float:left; clear:both;  width:98%; margin-left:0%; padding:16px 0px 10px 0%; margin-top: 20px; margin-bottom:24px;
}
.idx-caja1 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 0.5%;
	width: 24%;
	max-height:480px;
}
.idx-caja1eng {
	/*idem anterior*/
}
.idx-caja1txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:0px;
	margin-left: 0%;
	width: 100%;
    min-height:100px;
	max-height:200px;
	padding:10px;
	overflow:hidden;
}
.idx-caja2 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 2.7%;
	width: 22%;
	min-height:360px;
	background-color:#FFF;
	box-shadow: 4px 4px 8px #888888;
}
.idx-caja2txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	min-height:110px;
	background-color:#fff;
	padding:10px;
	overflow:hidden;
}

#menu {/*+769*/
	clear: both;
	
	margin-top:0px;
	width:100%;
	display: block;
	margin-bottom: 0px;
    background-color:rgba(255,255,255,.3);
	
}

#menu.large {/*+769*/
	clear: both;
	
	margin-top:0px;
	width:100%;
	display: block;
	margin-bottom: 0px;
    background-color:rgba(255,255,255,.3);
	
}
#menu.small {/*+769*/
	clear: both;
	
	margin-top:0px;
	width:100%;
	display: block;
	margin-bottom: 0px;
    background-color: rgba(154,177,162, .9);
	
}
#menu.hide {/*+769*/
	clear: both;
	
	margin-top:-700px;
	width:100%;
	display: block;
	margin-bottom: 0px;
    
	
}
#slider-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:10px;

}
#slidertop {
margin-top:0px;
	display:none;
}
#sliderfoot {
	margin-top:0px;
	display:none;
}
#sliderfoot2 {
	display:none;
}



#contenido {
	clear: both;
	float: left;
	
	display: block;
	height: auto;
}
#contenido2 {
	clear: both;
	float: left;
	
	display: block;
	height: auto;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo-foot {
	clear: both;
	float: left;
	margin-left: 2.4033%;
	width: 28.168%;
	display: block;
	margin-top: 16px;
}
#redesfoot {
	clear: none;
	float: right;
	text-align: center;
	width: 28%;
	display: block;
	margin-top: 20px;
	margin-right: 0%;
	border-radius: 0 0 0 4px;
-webkit-border-radius: 0 0 0 4px; 
-moz-border-radius: 0 0 0 4px;
}
#face {
	clear: none;
	float: left;
	margin-left: 38.6554%;
	width: 28.5714%;
	display: block;
	margin-top: 42px;
}
#facelogo {
	clear: none;
	float: left;
	margin-left: 10.8403%;
	width: 50px;
	display: block;

}
#whatsapp {/*+769*/
	clear: none;
	float: left;
	margin-left: 42.8571%;
	width: 20.168%;
	display: none;
	text-align: right;
}
#enviarwhatsapppie { /*+769*/
	clear: both;
	float: left;
	margin-left: 2.042%;
	width: 21.7647%;
	display: none;
	margin-top: 35px;
	margin-bottom: 10px;
	text-align: center;

}

#aws {
	clear: both;
	float: left;
	margin-left: 76.4285%;
	width: 20.168%;
	display: block;
}
#tel-foot {
	clear: none;
	float: left;
	margin-left: 12.647%;
	width: 24.3697%;
	display: block;
}
#foot-dire {
	clear: none;
	float: left;
	margin-left: 0.8403%;
	width: 32.3697%;
	display: block;
	text-align: center;
}
#caja-form {
	float: left;
	clear: both;
	margin-left: 0.4033%;
	width: 70.5882%;
	padding: 1px 4% 8px 4%;

}

#tel {
	clear: none;
	float: right;
	text-align: right;
	width: 400px;
	height:26px;
	display: block;
	margin-top: -230px;
	margin-bottom: 0;
	margin-left: 0%;
	margin-right:1.5%;
	padding-right: 12px;
}
#domicilio {
	clear: both;
	float: right;
	margin-left: 0%;
	width: 400px;
	height:26px;
	display: block;
	margin-top: -208px;
	text-align: right;
	padding-top: 6px;
	margin-right:1.5%;
	padding-right: 12px;
}
#email {
	clear: both;
	float: right;
	margin-left: 0%;
	width: 400px;
	height:26px;
	display: block;
	text-align: right;
	padding-top: 6px;
	padding-right: 12px;
	margin-top: -180px;
	margin-right:1.5%;
}


#bienvenidos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#idx-cajas-container {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	background-color: #000;
	margin-top: 0px;
	padding-top: 18px;
}


#idx-caja3 {
	clear: none;
	float: left;
	margin-left: 1.8403%;
	width: 30.5714%;
	display: block;
}
#idx-caja4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 33%;
	display: block;
}
#cajaleft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 62.1848%;
	display: block;
}
#cajaright {
	clear: none;
	float: left;
	margin-left: 5.042%;
	width: 32.7731%;
	display: block;
	margin-top:-60px;
}
#caja100 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
}

.ulfotos {
	list-style: disc;
}
.ulfotos li {
	display:block;
	border:0px ;
	padding:none;
	line-height:10px;
	margin-top:0px;
	list-style: disc;
}
}
@media only screen and (min-width: 1025px) {
.caja-logos-clientes {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
}
.caja-logos-clientes-tit {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.caja-loguito {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 96%;
	display: block;
	margin-bottom: 6px;
	
}

#redesfoot {
margin-bottom:0px;
	margin-top: 4px;
	margin-right: 1%;
	width:40%;
	display:block;
	background-color:transparent;
	text-align:right;
}
#logo {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
	border: 0 none;
	margin-top: 150px;
    z-index:1000000;

}
#logo.large {
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
	border: 0 none;
	margin-top: 150px;
    z-index:1000000;
}
#logo.small{
	clear: both;
	float: left;
	margin-left: 4.2016%;
	width: 28.5714%;
	display: block;
	border: 0 none;
	margin-top: 150px;
    z-index:1000000;
    opacity:0;

}
#redes {
clear: none;
	float: right;
	width: 38.6%;
	display: block;
	margin-top: 120px;
	margin-right: 2%;
	display:block;
	background-color:transparent;
	text-align:right;
}
.corona1{
	float:left; 
	clear:both; 
	width:100%; 
	display:block;
	padding:20px 0px 20px 0px; 
	background-position:left; 
	background-repeat:no-repeat; 
	background-size:cover;
	margin-bottom:5px;  
	
}
.corona2 {
	clear:none;
	float:left; 
	width:96%; 
	margin-left:0%; 
	padding:20px; 
	/*background-color: rgba(0,0,0,.3);*/
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+22,0.46+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0.46) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=1 ); /* IE6-9 */
    margin-top:-250px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.corona2.small {
	clear:none;
	float:left; 
	width:96%; 
	margin-left:0%; 
	padding:20px; 
	/*background-color: rgba(0,0,0,.3);*/
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+22,0.46+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0.46) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=1 ); /* IE6-9 */
    margin-top:-250px;
    opacity:0;
    
}
.corona3 {
	float:right; width:60%; margin-right:2%; font-family:"Open Sans", arial; font-size:1.4em; color:#FFF; padding:16px;  text-align: center;
}
.corona4 {
	float:left; 
	clear:both; 
	width:100%; 
	margin-left:0%; 
	background-color: rgba(0,0,0,.0); 
	margin-top: 90px; 
	padding-left:10%;
	margin-bottom:0px;
}
.corona5 {
	float:left; clear:both; width:98%; margin-left:0%; padding:16px 0px 10px 4%; margin-top: 20px; margin-bottom:24px;
}
.idx-caja1 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 2%;
	width: 20%;
    min-height:340px;
	max-height:480px; 
}
.idx-caja1eng {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 6%;
	width: 36%;
    min-height:340px;
	max-height:480px;
    
}
.idx-caja1txt {
	clear:both;
	display:block;
	float:left;
	margin-top:8px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	max-height:200px;
	padding:10px;
	overflow:hidden;
}
.idx-caja2 {
	clear:none;
	display:block;
	float:left;
	margin-top:10px;
	margin-left: 4%;
	width: 20%;
	min-height:360px;
	background-color:#FFF;
	box-shadow: 4px 4px 8px #888888;
}
.idx-caja2txt {
	clear:both;
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
	margin-left: 0%;
	width: 100%;
	min-height:110px;
	background-color:#fff;
	padding:10px;
	overflow:hidden;
}
.captcha {
	clear: none;
	float: left;
	margin-left: 30px;
	width: auto;
	display: block;
	margin-top: 6px;
	margin-bottom:20px;
	text-align: left;
}
#tel {
	clear: none;
	float: right;
	text-align: right;
	width: 400px;
	height:26px;
	display: block;
	margin-top: -188px;
	margin-bottom: 0;
	margin-left: 0%;
	margin-right:1.5%;
	padding-right: 12px;
}
#domicilio {
	clear: both;
	float: right;
	margin-left: 0%;
	width: 400px;
	height:26px;
	display: block;
	margin-top: -170px;
	text-align: right;
	padding-top: 6px;
	margin-right:1.5%;
	padding-right: 12px;
}
#email {
	clear: both;
	float: right;
	margin-left: 0%;
	width: 400px;
	height:26px;
	display: block;
	text-align: right;
	padding-top: 6px;
	padding-right: 12px;
	margin-top: -148px;
	margin-right:1.5%;
}
#map_canvas {
float:left;
margin:0px 0 5px 0;
width:100%;
height:auto;
border:0 none;
}
#header {
float:none;
max-width:1600px;

z-index:20000000000000000;
margin:0 auto;

	}
#header-container {
float:left;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}



#slider-container {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:10px;

}

#logo-foot {
	margin-left: 2.4033%;
	width:auto;
	margin-top:40px;
}

#tel-foot {
	clear: none;
	float: left;
	margin-left: 21.0084%;
	width: 53.7815%;
	display: block;
	margin-top:22px;
}
#foot-dire {
	clear: none;
	float: left;
	margin-left: 21.0084%;
	width: 53.7815%;
	display: block;
	text-align: right;
	margin-top:6px;
}
#face {
	clear: none;
	float: left;
	margin-left: 47.6218%;
	width: 27.168%;
	display: block;
	margin-top: 26px;
	text-align:right;
}
#facelogo {
	clear: none;
	float: right;
	margin-left: 5.8403%;
	margin-right:0px;
	width: 50px;
	display: block;
	margin-top:-13px;

}
#whatsapp {
	clear: none;
	float: left;
	margin-left: 55.0588%;
	width: 20.168%;
	display: none;
	text-align: right;
	margin-top:12px;

}
#aws {
	clear: both;
	float: left;
	margin-left: 82.1285%;
	width: 15.9663%;
	display: block;
	margin-top:10px;
}
#caja-form {
	float:left; 
	clear: both; 
	margin-left:0.4033%; 
	width:70.3865%; 
	padding:1px 4% 8px 4%; 

}


#contenido {
	clear: both;
	float: left;
	
	display: block;
	margin-top: 20px;
	height: auto;
}
#contenido2 {
	clear: both;
	float: left;
	margin-left:2%;
	width: 96%;
	display: block;
	margin-top: 30px;
	height: auto;
}


#idx-caja3 {
	margin-left: 1.2016%;
	width: 31.168%;
}
#idx-caja4 {
	margin-top:0px;
	margin-left: 0%;
	width: 32%;
}
#tel-foot2 {
	clear: none;
	float: left;
	margin-left: 13%;
	width: 30.9647%;
	display: block;
	text-align: left;
	margin-top: 30px;
}
.telefonofoot {
	font-size: 1.4em;
}
a.telefonofoot:link {
	font-size: 1.4em;
}
#foot-centro {
	clear: both;
	float: left;
	margin-top: 50px;
	display: block;
	margin-left: 0%;
	text-align: center;
}
#admin {
	clear: both;
	float: left;
	margin-left: 2.2016%;
	width: 3.3613%;
	display: block;
	margin-top:-35px;
}
}
@media only screen and (min-width: 1600px) {
body{
float:none;
	width: 100%;
	margin: 0 none;
	padding: 0px;
	background-color: #FFFFFF;
	scroll-behavior: smooth;
	min-height:768px;
	font-family: "Open Sans", robotolight, Arial, Helvetica, sans-serif;
	font-size:100%/1em;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background-image:url(uploaded/fdobodyimg_1/foto6fd478ym11.jpg);
	background-repeat:no-repeat;
	background-position:center;
    background-size:cover;
  box-shadow: inset 8000px 0 0 0 rgba(0, 0, 0, 0.5);
}
html {
background:#fff;
}
#menu {
	clear: both;
	position:relative;
	margin-top:0px;
	width:100%;
	display: block;
	margin-bottom: 0px;
    background-color:rgba(255,255,255,.3);
	
}
#redes {
clear: none;
	float: right;
	width: 38.6%;
	display: block;
	margin-top: 20px;
	margin-right: 2%;
	display:block;
	background-color:transparent;
	text-align:right;
}
}