@charset "utf-8";
/* SITIO: CINSA */
/* RESET */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}a{text-decoration:none; color:inherit}a:hover{text-decoration:none; color:inherit}
/*
======================================================================================= MAIN!
*/

/* Font faces */

html, body{
	width:100%;
	margin:0;
	padding:0;
	background:#FFF;
	text-align: justify;
	color: #565656;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 76%; /* 1em = 10px */
	line-height: 1.5;
}

/*
==================================================================================== HEADINGS/LINKS!
*/
h1,h2,h3,h4,h5,h6 {text-align: left; font-weight: 400; }
h1 {font-size: 3.6em; color:#3E5164}
h2 {font-size: 3em;}
h3 {font-size: 2.4em; color:#3E5164}
h4 {font-size: 1.8em;}
h5 {font-size: 1.5em;}
h6 {font-size: 1.4em;}
p{ font-size: 1.2em; }
h1 span, h2 span, h3 span{
	font-weight: 300;
}
/* links */
a {
	text-decoration: none;
	color: #00AFAA;
	-webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;

 }
a:hover {text-decoration: none; color: #003A62;}

a img { 	-webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease; }

a:hover img { opacity: 0.7 }

ul>li{
	background: url(../images/layout/props/bullet.png) no-repeat 0px 10px ;
	font-size: 1.4em;
	padding:5px 0 5px 14px;
}

ul>li>p{
	font-size: 18px;
	padding-left:20px;
	margin-top:10px !important;
}

hr{ border:0; border-bottom: 1px solid #003A62}

.content{
	padding-top: 140px;
}

/*
====================================================================================== GRID! / COMMON CLASSES!
*/

.group:before,
.group:after {
 content: "";
 display: table;
}
.group:after {
 clear: both;
}
.group {
 zoom: 1; /* IE6&7 */
}

	.font-normal{ font-family: 'Merriweather Sans', sans-serif !important; }
	.safe_area { width: 960px; margin: 0 auto; position: relative;}
	.half_safe_area { width: 600px; margin: 0 auto; position: relative;}
	.column_1_2 { width: 50% !important; overflow: hidden; }
	.column_1_3 { width: 33%; overflow: hidden }
	.column_1_4 { width: 25%; overflow: hidden }
	.column_1_5 { width: 20%; overflow: hidden }
	.column_4_5 { width: 80%; overflow: hidden }
	.column_2_3 { width: 67%; overflow: hidden }
	.column_3_4 { width: 75%; overflow: hidden }
	.column_7_6 { width: 110%; overflow: hidden }
	.column_3_5 { width: 60%; overflow: hidden }
	.column_2_5 { width: 40%; overflow: hidden }
	.column_1_6 { width: 16.66%; overflow: hidden }
	.column_1_10 { width: 11%; overflow: hidden }
	.column_5_6 { width: 83.3%; overflow: hidden }
	.large_1_3 {width: 34%;}
	.row_3_4 { height: 75% }
	.row_1_4 { height: 25% }
	.container{margin:0 auto;}
	.whitespace{width:100%;}
	.block{display:block;}
	.reset{margin:0;padding:0;}
	.left, .fleft { float: left	}
	.right, .fright { float: right }
	.space { margin-bottom: 30px }
	.spacer { min-height:40px }
	.big { font-size: 24px }
	.megabig{ font-size:40px; font-weight:bold; padding-top:65px; padding-bottom:10px; }
	.bigestTxt{font-size: 75px;}
	.smallTxt{font-size: 11px;}
	.padding { padding: 20px }
	.padding2 { padding: 10px 20px }
	.padding-top { padding: 40px 0 0 }
	.no_border { border: 0!important }
	.no_padding { padding: 0!important }
	.no_margin { margin: 0!important }
	.center { display: block; text-align: center; }
	.centred{ margin: 0 auto; }
	.v-middle *{ 	vertical-align: middle; }
	.alt_bg { background-color: #003A62}
	.alt_bg2 { background-color: #002E47}
	.alt_bg3 { background-color: #D6EDEC}
	.alt_bg4 { background-color: #B2D8D5}
	.alt_bg5 { background-color: #00528a}
	.strong { font-weight: 600 }

	.pattern-bg { background: url('../images/layout/pattern.png') }
	.duocolor-bg { background: url('../images/layout/backgrounds/duocolor.png') repeat-y center;  }
	.transparency { background: url('../images/layout/transparency.png') }
	.text-group>*{ padding-bottom: 20px; }
	.justify, .justify *{text-align: justify;}

	.clear{ clear: both }
	.bg_image { background-size: cover;	background-position: 50% 50%; background-repeat: none	}
	.full_height { height: 100% }
	.no_hidden { overflow: visible }
	.hidden{ display: none }
	.loading {	background: url(../images/layout/loading.gif) no-repeat center;	}

	.text-right{ text-align: right}
	.transparent{ background: url(../images/layout/backgrounds/transparencia.png) ;}
	.rounded{ border-radius: 5px; }
	.maxwidth{ max-width: 100%;}
	.inLine{ display: inline-block;}

	.show_normal{ display:inherit}
	.show_tablet{ display:none}
	.show_cell  { display:none}



	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.shadow{
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
		position: relative;
		z-index: 997;
	}

	.shadow-inset{
		-webkit-box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
	}

	.shadow-inset-both{
		-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    inset 0px 5px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         inset 0px 5px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -5px 5px 0px rgba(0, 0, 0, 0.3);
	}

/*
============================================================================ HEADER
*/

header{
	background:#D6EDEC;
	height: 140px;
	position: fixed;
	width: 100%;
	z-index: 9400;
	-webkit-transition: all 400ms ease;
	       -moz-transition: all 400ms ease;
}

header *{
	-webkit-transition: all 400ms ease;
	       -moz-transition: all 400ms ease;
}

#logo{
	width: 110px;
	height: 110px;
	display: block;
	float: left;
	position: relative;
	top: 14px;
}

#logo img{
	width: 100%;
}

#menu a{
	display:block;
	text-transform: uppercase;
	padding:0 24px;
	margin-top: 50px;
	color: #003A62;
	font-weight: 400;
	font-size: 14px;
	float: left;
	border-left: 1px solid #003A62;
	height:44px;
}

#menu a:first-child{
	border-left: 0;
}

#menu a span{
	display:block;
	color: #6D6E70;
	font-size: 11px;
}

#menu a:hover{
	color: #00AFAA;
}


#menu a.current, #menu a.current:hover{
	color: #00AFAA;
}

.small_menu { height: 70px;}
.small_menu #logo { top:2px; }
.small_menu #logo img{ width: 50%; margin-left: 25%;}
.small_menu #menu a{ margin-top: 10px; }


/*
============================================================================ CONTENT
*/
#content{
	background: #FFF;
	min-height: 300px;
}

.green{
	background: #6eb044;
	color: #FFF;
}

.blue{
	background: #3ba9df;
	color: #FFF;
}
.dark_blue{
	background: #0070BB;
	color: #FFF;
}


.white{ background: #FFF;}

.gray{
	background: #f2f2f2;
}

.stripes{
	background: url(../images/layout/backgrounds/interlineado.png);
}

.stripes2{
	background: url(../images/layout/backgrounds/stripes2.png);
}


.light-gray{
	background: #f2f2f2;
}

/*
============================================================================ FOOTER
*/
footer{
	background: #00AFAA;
	color: #FFF;
	padding: 40px 0;
	text-align: right;
}

footer a, .copy{
	color: #FFF;
	display: inline-block;
	padding: 0 18px;
	vertical-align: middle;
	font-size: 1.4em;
}


#contact{
	color: #FFF;
	font-size: 1.2em;
	font-weight: 400;
}

#contact .safe_area > .column_1_3{ padding-top: 90px; }

#map_canvas{ width: 90%; height: 300px;}

.social_links{
	text-align: center;
	padding-top:90px;
}

.social_links *{ margin:0 16px 20px; }

.social_links p{ border-bottom: 1px solid #FFF; font-size: 1.4em; }
.social_links a{
	background:url('../images/layout/icons/facebook.png') no-repeat left center;
	line-height: 35px;
	color: #FFF;
	display: block;
	text-align: left;
	padding-left: 45px;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: 1px;
}

.social_links .twitter{	background-image: url('../images/layout/icons/twitter.png'); }

.social_links a:hover{ opacity: 0.7; }

/*
============================================================================ HOME
*/

#home .img-header{
	background: url(../images/home/principal.jpg) no-repeat center  ;
	background-size: cover;
	height: 600px;
}

.gallery .column_1_4 a, .gallery .column_1_2 a{
	display: block;
	padding: 20px 20px 20px;
	text-align: center;
}

 .gallery .column_1_2 a p{
	 color: #333;
 }

.alt_bg.gallery .column_1_4 a{
	color: #FFF;
}

.responsive_image{
	width: 100%;
}


.ajax_container h5{
	line-height: 24px;
}

/*
============================================================== HABITACIONES
*/

.menu_habitaciones{	padding: 10px 0 ; }

.menu_habitaciones a{
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 1.2em;
	font-weight: 300;
	border-left: 1px solid #FFF;
}

.menu_habitaciones a:hover, .menu_habitaciones a.selected{
	color: #9BDAD9;
}

.menu_habitaciones a:first-child{ border-left: none; }



/*
================================================================== SLIDE
*/

#slide{
    height: 350px;
    overflow: hidden;
    top: 0;
    width: 100%;
    z-index: 1;
}

#slide a{
	width:100%;
	height:350px;
	float:left;
}



.scroll_banner{
	overflow:hidden;
}

#slide .items, .scroll_banner .items{
	width:20000em;
	position:relative;
	clear:both;
}

.scroll_banner .items>div{
	float:left;
	width:100%;
}

#slide .items .slide_item{
	float:left;
	width:100%;
}

#slide .items .div_ani{
	position:absolute;
	width:100%;
	height:350px;
	background:center no-repeat;
	overflow:hidden;
}


#slide .cloned a div{
	display:none !important;
}

.make_slide_prev{
	display:block;
	width:48px;
	background:url(../images/layout/buttons/slide_prev.png) no-repeat center;
	position:absolute;
	float:left;
	cursor:pointer;
	z-index:999;
}

.make_slide_next{
	display:block;
	width:48px;
	background:url(../images/layout/buttons/slide_next.png) no-repeat center;
	position:absolute;
	cursor:pointer;
	z-index:999;
}

.clientes{
	height: 440px;
	overflow: hidden;
}


/* position and dimensions of the navigator */
.navi {
	width:320px;
	height:20px;
	position:relative;
	text-align:center;
	cursor:pointer;
	z-index:2;
	top:-50px;
}

.navi a {
	width:10px;
	height:10px;
	margin:3px;
	background:url(../images/layout/props/navigator.png) 0 0 no-repeat;
	display:inline-block;
	font-size:1px;
}

.navi a:hover {
	background:url(../images/layout/props/navigator.png) 0 -10px no-repeat;
}

.navi a.active {
	background:url(../images/layout/props/navigator.png) 0 -20px no-repeat;
}

#slide_left{
	width:29px;
	height:350px;
	position:absolute;
	top:140px;
	z-index:99;
}

#slide_right{
	width:29px;
	height:350px;
	position:absolute;
	top:140px;
	z-index:99;
	right:0;
}

#slide_next{
	display:block;
	width:29px;
	height:204px;
	padding-top:146px;
	z-index:3;
	float:right;
	cursor:pointer;
}

#slide_prev{
	display:block;
	width:29px;
	height:204px;
	padding-top:146px;
	z-index:3;
	cursor:pointer;

}


.navi_home{
	text-align:center;
	position:relative;
	top:-30px;
	z-index:2;
	margin-bottom:-50px;
}

.navi_home a {
	width:16px;
	height:16px;
	margin:3px;
	background:url(../images/layout/props/navigator.png) 0 0 no-repeat;
	display:inline-block;
	font-size:1px;
	cursor:pointer;
}

.navi_home a:hover {
	background-position:0 -16px;
}

.navi_home a.active {
	background-position:0 -32px;
}


#navegation_home{
	position:absolute;
	top:350px;
	z-index:9999;
	text-align:center;
	width:100%;
}

#slide2{
	height: 400px;
    overflow: hidden;
    top: 0;
    width: 100%;
    z-index: 1;
}

#slide2 .items{
	width:10000%;
	position:relative;
	clear:both;
}


#slide2 .items .slide_item{
	float:left;
	width:1%;
}



#slide_left2{
	width:50px;
	height:400px;
	float: left;
	background: url(../images/layout/buttons/slide_prev2.png) no-repeat center;
	cursor: pointer;
	position: relative;
	top: -400px;
	margin-bottom: -400px;

}

#slide_right2{
	width:50px;
	height:400px;
	float: right;
	background: url(../images/layout/buttons/slide_next2.png) no-repeat center;
	cursor: pointer;
	position: relative;
	top: -400px;
	margin-bottom: -400px;

}


/*
============================================================== SERVICIOS
*/

.alt_bg h2{ color: #9BDAD9; font-weight: 300; }
.alt_bg h4{ color: #D6EDEC; }

.menu_servicios a{ padding: 0 0 0 20px; display: block; background: url(../images/layout/icons/right.png) no-repeat center left; }
.menu_servicios a.opened_menu{ background-image: url(../images/layout/icons/bottom.png); }

#servicios .opened{ margin-bottom: 20px; }
.detalle_servicio{ display: none; }

/*
============================================================== GALERIA
*/

#galeria .gallery .column_1_4 a, #galeria  .gallery .column_1_2 a{
	height: 156px;
	color: #003A62;
}

/*
============================================================== CONTACTO
*/

#contactanos #map_canvas{
	width: 100%;
	height: 350px;
}

.alt_bg3 h4{ color: #003A62; padding: 20px 0;}

.label{
	width: 10%;
	padding-right: 2%;
	float: left;
	text-align: left;
	font-size: 1.4em;
	padding-top: 4px;
	color: #003A62;
}

.input{
	width: 78%;
	padding: 2px 1%;
	background: #FFFFFF;
	font-size: 1.4em;
	color: #999;
	margin-bottom: 20px;
	border: 0;
}

textarea.input{
	height: 155px;
	width: 90%;
	border: 0;
}

#contactanos .alt_bg4{
	color: #003A62;
}

#contactanos .alt_bg4 h3{
	color: #003A62;
	text-align: center;
	border-bottom: 1px solid #003A62;
	font-weight: 300;
	margin: 40px 0 20px;
}
#contactanos .alt_bg4 h5{ margin-bottom: 20px;  font-size: 1.6em;}
#contactanos .alt_bg4 p{ font-size: 1.6em; }

#contactanos .social_links{
	text-align: left;
	padding-top:20px;
}

#contactanos .social_links *{ margin:0; }

#contactanos .social_links p{ border-bottom: 1px solid #FFF; font-size: 1.4em; }
#contactanos .social_links a{
	background:url('../images/layout/icons/facebook2.png') no-repeat left center;
	line-height: 35px;
	color: #003A62;
	display: block;
	text-align: left;
	padding-left: 45px;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: 1px;
}

#contactanos .social_links .twitter{	background-image: url('../images/layout/icons/twitter2.png'); }

#contactanos .social_links a:hover{ opacity: 0.7; }


input[type="submit"]{
	background: transparent;
	float: right;
	color: #003A62;
	margin-right: 55px;
	text-transform: uppercase;
	border: 0;
	font-size: 2em;
}


#menu_cell{
	display: block;
	position: fixed;
	top: 140px;
	width: 100%;
	background: #f2f2f2;
	padding-top: 10px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
	z-index: 998;
	display: none;
	-webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;

}

#menu_cell > a{
	display:block;
	text-transform: uppercase;
	padding:20px 24px;
	color: #003A62;
	font-weight: 400;
	font-size: 18px;
	border-top: 1px solid #CCC;
	text-align: center;

}

#menu_cell > a:first-child{ border-top: 0; }




#menu_cell a span{
	display:block;
	color: #6D6E70;
	font-size: 12px;
}

#menu_cell a.current, #menu_cell a.current:hover{
	color: #00AFAA;
}

#burguer_button{
	width: 60px;
	height: 60px;
	background: url(../images/layout/buttons/burguer0.png) no-repeat center;
	cursor: pointer;
	position: absolute;
	top: 38px;
	right: 20px;
}

#burguer_button:hover, #burguer_button.selected{
	background: url(../images/layout/buttons/burguer.png) no-repeat center;
}

#contact_form label.error{
	visibility: hidden;
	display: none;
	overflow: hidden;
	width: 1px;
	height: 1px;
	text-indent: 5px;
	position: absolute;
}

#contact_form input.error, #contact_form textarea.error{
	background-color: #FEE;
}

/*
============================================================================================= /////////
QUERIES
============================================================================================= /////////
*/


/* Tablet */
@media screen and (max-width: 1100px) and (min-width : 800px)  {
/* Styles */
	/*HEADER*/
	.safe_area { width: 768px;}
	.half_safe_area { width: 50%;}

	.show_normal{ display:none}
	.show_tablet{ display:inherit !important;}
	.show_cell  { display:none}
	.hide_tablet {display: none;}
	#menu a{ padding: 0px 10px; }
	#menu a span { font-size: 10px; }

	.sobre_column{ height: 164px; }
	.consumidores{ background-position: 550px bottom }
	footer a{  font-size: 1.3em;  padding: 0 14px;}
	#nosotros .blue .column_1_2 img{ margin: 10px 10px 18px 0; }
	#mercado .column_1_2 h3{ padding-left: 90px; }
	#products a p{ width: 165px; min-height: 120px;}
	#contactanos .alt_bg4 h3{ margin: 12px 0 20px; }
	#contactanos .social_links a{ font-size: 1.4em; }
}
/* Smartphones  */
@media screen and (max-width: 800px) {
/* Styles */

#burguer_button{
	display: block;
}
	.safe_area { width: 100%;}
	.half_safe_area { width: 50%;}
	.padding_cell { padding: 20px 10%; }
	.show_normal{ display:none}
	.show_tablet{ display:none}
	.show_cell  { display:inherit}
	.hide_cell  { display:none}

	.half_safe_area{ width: 100%;}
	.social{ display: none }

	.social_cell{
		text-align: center;
	}
	.social-icon{
		display: inline-block;
		float: none;
		background-position: center;
	}
	h1{ font-size: 2.6em; }
	h2{ font-size: 2em; }
	h3{ font-size: 2.2em; }

	#servicios h3{ padding: 5px 0}

	#logo{ float: none; margin: 0 auto; }

	.column_1_2, .column_1_3, .column_2_3, .column_2_5, .column_3_5{ width: 100% !important; }
	.column_1_2_cell, .column_1_4 { width: 50% !important; }
	#video{ width: 100%; }
	.cliente blockquote{
		width: 80%;
		font-size: 20px;
	}
	.clientes{ height: auto; }
	.consumidores .column_1_2{ width: 80% !important; margin-bottom: -50px;}
	.consumidores .column_1_6{ width: 10%; }
	.consumidores img{ width: 70%; margin: 0 auto }
	.consumidores{ background: none; }
	#slide a, #slide, #slide .items .div_ani{
		height: 200px;
	}

	#slide2 a, #slide2, #slide2 .items, #slide2 .slide_item {
		height: 202px !important;
	}

	#slide_left2, #slide_right2{
		height: 202px;
		top: -202px;
		margin-bottom: -202px;
	}

	#slide2 img{ width: 100%; }

	footer{	text-align: center;	}
	footer img{	margin: 20px 0 10px; display: block;	}
	#nosotros .img-header, #mercado .img-header, #productos .img-header, #contacto .img-header{ height: 130px !important; }
	.padding.safe_area{ padding: 0; }
	.historia .column_1_3{ height: auto; border: none; }
	#nosotros .blue .column_1_2	{ width: 80% !important; margin: 0 10% 20px; text-align: center;}
	#nosotros .blue .column_1_2 h3{ text-align: center !important;}
	#nosotros .blue .column_1_2 br{ display: none; }
	#nosotros .blue .column_1_2 img{ float: none;}

	#mercado .column_1_2 { width: 80% !important; margin: 0 10% 20px; text-align: center;}
	#mercado .column_1_2 h3{ text-align: center !important;}
	#mercado .column_1_2 img{ float: none; margin: 0;}
	#mercado .column_1_2 p{ padding:0; }
	#products .column_1_2{ padding: 0 10%; width: 80% !important; }
	#products img{ width: 20%;}
	#products a p{ width: 60%; height: auto; padding: 20px 20px 20px 15px; }
	#products .selected-row{ background: none; }

	#products a:nth-child(even){ background: #dae7e8; }

	.label{ width: 100%; float: none; text-align: left; }
	.input{ width: 98%; float: none; }
	textarea.input{ width: 94%; float: none; background: #FFF; }
	input[type="submit"]{ font-size: 2em; margin: 0;   }
	.aviso{ padding: 20px 0 !important; }
	.tabs a{ width: 100%; border: 0; float: none; text-align: center !important;  }
	.tabs{ padding-bottom: 20px; }
	.contacto .column_1_3{ width: 80% !important; margin: 0 10%; float: none; padding-bottom: 20px;  }
	.menu_habitaciones a{ width: 50% !important; border: 0; }
	#galeria .gallery .column_1_4 a, #galeria .gallery .column_1_2 a{ height: auto;}
	#home .img-header{ background-position: right bottom; height: 280px; }
	.clear_cell{ clear: both; }
	#contact .safe_area > .column_1_3 { padding-top: 0 !important;}
	.no_padding_cell{ padding: 0;}
}