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

body{
	font-family: "century gothic",Arial, Helvetica, Sans-Serif;
	src: url(http://www.eco-guia.com.ec/fonts/century-gothic.ttf) format("truetype");
	background-image:url(../images/back-home.jpg);
	background-repeat:repeat-x;
	font-size:9px;
	color:#00377a;

	width: 939px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 4px 4px 0px #CCC;
	-webkit-box-shadow: 0px 4px 4px 0px #CCC;
	-moz-box-shadow: 0px 4px 4px 0px #CCC;
	font-family: "century gothic",Arial, Helvetica, Sans-Serif;
	src: url(http://www.eco-guia.com.ec/fonts/century-gothic.ttf) format("truetype");
	background-image:url(../images/back-result.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#00377a;
	margin-top:0px;
}

header{
	position: relative;
}

.modulos{
	position:relative;
	background:#fff;
	border:#f3f4f7 0.9em solid;
	width:188px;
	vertical-align:middle;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 4px 4px 4px 4px #CCC;
}


k-input{
	font-size: 8px;
}

a:hover{
	text-decoration: none;
}
#contact{
	float: right;
    width: 225px;
    margin-top: 3px;
    color: #45a24d;
    font-size: 12px;
	margin-right: -40px;
	margin-bottom:  20px;
}

#logo{
	background-image:url(../images/barcelo-baner.png);
	background-repeat:no-repeat;
	height:60px;
	margin-left: 5px;
	margin-top: 20px;
	position: relative;
}

nav{
	position:absolute;
	font-size:11px;
	top:-12px; /*en función de los tamaños de tus imágenes */
	right:-40px; /*en función de los tamaños de tus imágenes */
	z-index:105;
	/*background-color:#f3f4f7;
	border:#f3f4f7 0.1em solid;*/
	padding:0.5em;
	font-size:13px;
	text-align:center;
	color:#5e5e5e;
	text-transform:capitalize;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	vertical-align:middle;
}

nav>a{
	font-size:12px;
	color:#5e5e5e;
	text-decoration:underline;
}

nav>a:hover{
	color:#033;
	text-decoration:underline;
}

nav>a:hover vlink{
	color:#5e5e5e;
	text-decoration:underline;
}

#locationBar{
	margin-bottom: 7px;
}
#locationBar a.nolink{
	text-decoration: none;
/*	pointer-events: none;*/
/*    cursor: default; */
}

#locationBar a.nolink:HOVER{
	color:orange;
}

#leftWrapper{
 	display: none;
 }

#horizontalBannerContainer{
	display:block;
}

#contentContainer{
	position: relative;
	width: 738px;
	left: 0px;
	float:left;
}
#contentContainer:after{
	content: ".";
}

#verticalBannerContainer{
	position: relative;
	/*width: 150px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.bannersContainer{
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
}

.bannersContainer ul{
	margin: 0px;
}

.bannersContainer li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.bannerItem{
	margin:7px;

}

.register  tr td{
	color:#fff;
	font-size:12px;
	text-align:right;
	padding:0.1em;
}
.register label{
	font-size: 17px;
}

#menuFooter {
	/*background-image:url(http://www.vacacionesbarcelo.ec/web/images/barcelo-omly.png);
	background-repeat:no-repeat;*/
	background-color:#00377a;
	font-size:11px;
	padding-left: 10em;
	padding-bottom:1em;
	padding-top:1em;
	color:#FFF;
	vertical-align:middle;
	height:81px;
}

#footerImg {
	position: absolute;
	width: 120px;
	height: 61px;
	z-index: 1;
	margin-left: -90px;
}
	/*position: relative;
	height: 25px;
	bottom: 0px;
	background-color: #D1D1D1;
}*/

#menuFooter ul{
	list-style-type: none;
}

#menuFooter li a{
	display: block;
	float: left;
	margin: 3px;
	color:#FFF;
}

#footerLine {
	background-color:#00377a;
	font-size:11px;
	padding-left:22em;
	padding-bottom:1em;
	padding-top:1em;
	padding-right:8em;
	color:#FFF;
	height: 10px;
}


.k-readonly {
	color: gray;
}

.slide-result{
	/*background-image:url(../images/foto-result.jpg);
	background-repeat:no-repeat;*/
	position: relative;
	width:945px;
	height:247px;
}

.v-line{
	border-right: 1px dotted gray;
	padding-right: 5px;
}

#userLogged{
	display: none;
	background-color:  #E9E9E9;
}

#userNotLogged{
	display: block;
}




.text-field-en-es{
	background-color:#fff;
	border:#CCC 1px solid;
	width:30px;
	height:20px;
	vertical-align:middle;
	color:#999;
}
.text-field{
	background-color:#fff;
	border:#CCC 1px solid;
	width:90px;
	height:20px;
	vertical-align:middle;
	color:#999;
	border-radius: 3px;
}

.text-field-two{
	background-color:#fff;
	border:#CCC 1px solid;
	width:330px;
	height:20px;
	vertical-align:middle;
	color:#999;
	border-radius: 3px;
}

.text-field-mult-line{
	background-color:#fff;
	border:#CCC 1px solid;
	width:330px;
	height:80px;
	vertical-align:middle;
	color:#999;
	border-radius: 3px;
}

#div-sobre-photo{
	position:absolute;
	font-size:13px;
	text-align:center;
	top:18px; /*en función de los tamaños de tus imágenes */
	left:0px; /*en función de los tamaños de tus imágenes */
	opacity: 0.8;/*esto es una frivolidad*/
	background-color:#00377a;
	z-index:101;
	width:190px;
	color:#fff;
	padding-bottom:0.3em;
	padding-top:0.3em;
	-webkit-box-shadow: 0px 2px 2px 0px #333;
}

#div-title-sobre-photo{
	position:absolute;
	top:170px; /*en función de los tamaños de tus imágenes */
	left:0px; /*en función de los tamaños de tus imágenes */
	opacity: 0.7;/*esto es una frivolidad*/
	background-color:#fff;
	color:#00377a;
	z-index:101;
	padding:0.8em;
	font-size:22px;
}


.botton-yellow{
	background-repeat:repeat-x;
	background-color:#f0ae24 !important;
	padding-left:2em;
	padding-right:2em;
	height:24px;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border: 0 solid;
}

.botton-gray{
	background-image:url(../images/back-bot-gr.jpg);
	background-repeat:repeat-x;
	background-color:#fd9500;
	padding-left:2em;
	padding-right:2em;
	height:24px;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border: 0 solid;
}

.botton-blue{
	background-color:#00377a;
	padding-left:1em;
	padding-right:1em;
	height:24px;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border: 0 solid;
}

.hr{
	border:#00377a 1px dashed;
}


.title{
	padding-top:1em;
	font-size:22px;
	color:#00377a;
	padding-left:1em;
	text-transform:capitalize;
	font-weight:bold
}

.title-color{
	font-size:22px;
	color:#f7ac08;
	/*padding-left:1em;*/
	text-transform:capitalize;
	font-weight:bold;
}

.sub-title{
	background-color:#FFF;
	font-size:15px;
	color:#ff9901;
	text-transform:capitalize;
	top:-1em;
}

.sub-title-two{
	background-color:#FFF;
	font-size:15px;
	color:#00377a;
	padding-top:1em;
	padding-left:1em;
	text-transform:capitalize;
}
.nolink{
	padding-left:0.3em;
	padding-bottom:1em;
	font-size:13px;
	color:#00377a;
	text-transform:capitalize;
}

.link {
	padding-left:1em;
	padding-bottom:1em;
	font-size:13px;
	color:#00377a;
	text-transform:capitalize;
}

.link a{
	font-size:13px;
	color:#00377a;
	text-transform:capitalize;
}

.texto-normal li{
	font-size:12px;
	color:#494949;
	text-align:justify;
	padding-right:2em;
}

.texto-nota{
	font-size:11px;
	color:#494949;
	text-align:justify;
	padding-right:2em;
}

.formtextAler {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #ff9901;
}

.formtextAlerB{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #eaeaec;
}


.color-photo-gala{
	background-color:#026794;
	width:190px;
	height:5px;
}

.color-photo-costa{
	background-color:#ff9901;
	width:190px;
	height:5px;
}

.color-photo-sierra{
	background-color:#723F1D;
	width:190px;
	height:5px;
}

.color-photo-oriente{
	background-color:#4E5B20;
	width:190px;
	height:5px;
}

.color-photo-peru{
	background-color:#900;
	width:190px;
	height:5px;
}

.color-photo-colom{
	background-color:#ff9901;
	width:190px;
	height:5px;
}

.table{
	border-left:#00377a 0.1em solid;
	border-top:#00377a 0.1em solid;
}

.title-table{
	background-color:#f0f0f0;
	padding:0.3em;
	font-size:14px;
	text-align:center;
	color:#ff9901;
	border-bottom:0.1em #00377a solid;
	border-right:0.1em #00377a solid;
}

.cont-table{
	padding:0.3em;
	font-size:12px;
	text-align:center;
	color:#00377a;
	border-bottom:0.1em #00377a solid;
	border-right:0.1em #00377a solid;
	text-transform:uppercase;
}

.table-yellow{
	border:#ff9901 0.1em solid;
	padding:0.5em;
	font-size:13px;
	text-align:center;
	color:#00377a;
	text-transform:capitalize;

}

#sendFriendForm>fieldset>ol>li{
	list-style:none;
}

#sendFriendForm>fieldset>ol>li>label{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	list-style: none;
	padding: 5px;
	margin: 0;
	width: 120px; /* Width of labels */
 }
 
  #bookingForm>fieldset>ol>li{
	  list-style:none;
  }
 #bookingForm>fieldset>ol>li>label{
	 display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	list-style: none;
	padding-right:5em;
	margin: 0;
	width: 130px; /* Width of labels */
	 
	 }
	 
	 #bookingForm>fieldset>ol>li>input{
	 display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	list-style: none;
	padding-right:5em;
	margin-right:: 10;
	
	 
	 }
	 
	 #companyAddress{
		 color:#FFF;
		 text-align:center;
		 font-size:12px;
		 width:700px
	 }