@charset "UTF-8";
/* CSS Document */
html { width:100%; height:100%; margin:0; padding:0; }
body { width:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:100%; }
	a {color:#000; text-decoration:none;}
	a:hover {color:#333; text-decoration:underline;}
	h1, h2, h3 {margin:0; padding:0;}
	p {margin:0; padding:5px 5px; clear:both; float:left;}
	img {margin:0; border:none;}a img { border:none;}
	ul, li{ margin:0; padding:0; }

/*elements*/
.bg100{background:#EFF0F1; }
#wraper100 {width:100%; min-width:100%; max-width:100%; clear:both; padding:5px 0 0 0; margin:0 auto; color:#333; background-color:transparent; position:relative; }
#wraper {width:100%; min-width:100%; max-width:100%; clear:both; float:left; padding:0; margin:0 auto; color:#333; position:relative; background:#fff; }
/* Heder -------------------*/
.header{ width:990px; height:auto; clear:both; margin:0 auto; padding:15px 0 15px 0; background:#fff;}
.logo{ width:auto; float:left; clear:none; padding:0 0 0 3%;}
/* Heder Menu -------------------*/
/*control menu*/
.navctrl{width:980px; float:left; clear:both; padding:0 10px 0 0; margin:0; background:#EBFFFF;}
.nav{ width:auto; float:right; clear:both; padding:8px 0 0 0; margin:0; }
.nav a{ width:127px; height:35px; float:left; clear:none; padding:12px 0 0 0; margin:0 0 0 5px; text-align:center; color:#00A8B4; text-decoration:none; font-size:0.9em; font-weight:bold; line-height:1em; background:none;}
.nav a:hover{ text-decoration:none; color:#FFF; background:#00A8B4; border-top-left-radius:5px; border-top-right-radius:5px; }
a.onit{text-decoration:none; color:#FFF; background:#00A8B4; border-top-left-radius:5px; border-top-right-radius:5px; }
.navctrl_{width:980px; float:left; clear:both; padding:0 10px 0 0; margin:0; background:#fff;}
.nav_{
	width: auto;
	float: right;
	/* [disabled]clear:both; */
	padding: 8px 0 0 0;
	margin: 0;
}
.header .navctrl_ img {
	float: left;
	margin-top: 10px;
}
.nav_ a{ width:127px; height:35px; float:left; clear:none; padding:8px 0 0 0; margin:0; text-align:center; color:#00A8B4; text-decoration:none; font-size:0.8em; font-weight:bold; line-height:1em; background:#EBFFFF; border-top-left-radius:8px; border-top-right-radius:8px;}
.nav_ a:hover{ text-decoration:none; color:#00A8B4; background:#EBFFFF;}
.navbr_{ }
/* contenidoctrl's  ------------------*/
.contenido { width:990px; margin:0 auto;}
.center_padd-bg{ width:930px; float:left; padding:15px 30px; background:#fff;}
.center_padd-bg h1{ width:100%; float:left; clear:both; padding:10px 0 0 0; margin:0; color:#00A8B4; font-size:1.4em;}

/* Index --------------------- */
.boxctrl { width:990px; margin:0 auto; position:relative;}
#slideshow, img.bgM { width:990px; min-width:990px; height:564px; min-height:564px; clear:none; position:absolute; top:0; left:0; z-index:0;}
#wrap { width:990px; height:564px; clear:none; position:relative; z-index:1; background:none;}
/*end rotating BG*/
.loginzone { width:340px; float:left; clear:none; padding:10px 10px ; margin:340px 0 0 50px; background:#EBFFFF; border-radius:8px; border:10px solid #fff;}
form.formcero { width:100%; float:left; border:none; padding:0px 0; margin:0;}
form.formcero legend { width:100%; float:left; padding:0 0 3px 0; font-size:1.9em; color:#00A8B4; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal;}
form.formcero label { width:40%; float:left; clear:none; padding:5px 1% 0 0; font-size:1.2em; color:#00A8B4;}
form.formcero input { width:53%; float:left; clear:none; padding:5px 1%; margin-top:10px; border-radius:5px; border:none; background:#fff; font-size:1.2em; color:#999999;}
form.formcero .blockSep{ width:100%; height:5px; float:left; clear:both;}
form.formcero .buttonindex { width:auto; clear:both; float:right; color:#FFF; cursor:pointer; margin:3px 10px 0 0; padding:3px 10px; font-weight:bold; font-size:1em; background:#00A8B4;}
form.formcero .buttonindex:hover { background:#00A8B4; color:#FFF; text-decoration:underline;}
/*CONTENT*/
.imgsecc{ width:990px; float:left; clear:both; margin:10px 0 0 0;}
h1.gray{ width:100%; margin:0; padding:15px 0 0 0; clear:both; font-size:1.4em; font-weight:normal; color:#898989;}
.welcome ul{ width:100%; float:left; clear:both; margin:0; padding:0; list-style-type:square; font-size:1em; color:#898989;}
.welcome ul li{ margin:0; padding:0;}

ul.welcomePts{ width:100%; float:left; clear:both; margin:0; list-style: none; padding:0; font-size:1.2em; color:#898989;}
ul.welcomePts li{ margin:0; padding:20px 0 0 1em; text-indent:-.7em;}
ul.welcomePts li:before { content:"•  "; color:#00A8B4;}

/*FORMULARIO*/
.error{ width:auto; float:left; clear:both; margin:0; padding:2px 0 0 0; color:#990000; font-size:1em; font-weight:bold;}
#secc .seccInt { width:100%; float:left; clear:both;}
#secc .seccInt .formCheck { display: block; height: 30px; vertical-align: middle; clear: left; margin-bottom: 30px; }
#secc .seccInt .formCheck form label { margin: 7px; float: left; padding-top: 0px; }
#secc .seccInt .formCheck form input { margin: 0px; padding: 0px; float: left; }
#secc .seccInt ol { display: block; list-style-position:outside; /*margin-top: 20px;*/}
#secc .seccInt ol li { margin-bottom: 15px; }
#secc .seccInt ul li { margin-bottom: 15px; list-style-position: inside; line-height:1.5em;}
#secc .seccInt ul ul { font-size: 12px; margin-bottom: 0px; margin-left: 20px; }
#secc .seccInt ul ul li { font-size: 12px; margin-bottom: 0px; }
#secc .seccInt form {width:100%; float:left;  }
#secc .seccInt form span { display: block; vertical-align: top; margin:5px 3px 0 0; }
#secc .seccInt form span label { width:100%; float:left; clear:both; padding:10px 0 0 0; text-align: left; font-size:14px; color: #999; }

#secc .seccInt form span input { width:80%; float:left; clear:both; background-color: #f9f9f9; color: #999; padding:2px 3px; border-radius:3px; border: 1px solid #00A8B4; font-size: 14px; }
#secc .seccInt form span input[type="text"] {
	width: 80%;
	float: left;
	clear: both;
	background-color: #f9f9f9;
	color: #999;
	padding: 2px 3px;
	border-radius: 3px;
	border: 1px solid #00A8B4;
	font-size: 14px;
}
#secc .seccInt form span input[type="radio"] {
	float: left;
	clear: both;
	background-color: #f9f9f9;
	color: #999;
	padding: 2px 3px;
	border-radius: 3px;
	border: 1px solid #00A8B4;
	font-size: 11px;
	width:20px;
}
#secc .seccInt form span select{width:80%; float:left; padding:2px 3px; border-radius:3px; margin:5px 0 0 0;}
#secc .seccInt form span textarea{width:94%; float:left; padding:2px 2%; margin:5px 0 0 0; border:1px solid #ccc;}
#secc .seccInt form span input.lada { width:18%; float:left; clear:none; margin:0 1% 0 0; padding:2px 0;}
#secc .seccInt form span input.number { width:60%; float:left; clear:none; margin:0 0 0 1%; padding:2px 0;}
#secc .seccInt form span select { font-size: 12px; color: #999; border: 1px solid #00A8B4; }
.clear2 { width:100%; height:1px; float:left; clear:both;}
.noteForm { font-size: 12px; color: #00A8B4; clear:left;}
#secc .seccInt form div .orange { color: #00A8B4; font-weight: bold;}
.infoPromo { margin-left: 10px; margin-bottom: 20px; border: 1px solid #00A8B4; border-radius:3px; display: block; width: 280px; color: #FFF; background-color: #00A8B4; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 35px; background-image: url(../images/more-info-button.png); background-repeat: no-repeat; background-position: left top; }
#secc .seccInt form span .border0 { border:none;}
#secc .seccInt span { padding:0; margin:0; display: block;}
#secc .seccInt span strong { padding:0; margin:0; display: block;}
#secc .seccInt form span img { display: inline-block; vertical-align: top;}
#secc .seccInt form .col { float: left; width: 50%; display: block;}
#secc form .col span label strong { color: #999; display: inline;}
.line{width:100%; float:left; clear:both; padding:0; margin:10px 0 0 0; background:none;}
.line .legend{ width:98%; float:left; clear:both; margin:0; padding:8px 2% 5px 0; font-size:16px; font-weight:bold; color:#00A8B4;}
#secc .seccInt form  p{ color:#898989;}
.required{}
#secc .seccInt span.aw{ width:auto; height:auto; clear:none; float:left; padding:0 10px 0 0; margin:0; color:#00A8B4; font-size:1.3em; font-weight:bold; line-height:normal;}
#secc label.orange { color: #00A8B4; font-weight: bold; font-size:1.1em; line-height:1.9em;}
#secc .buttonSubmit{ width:100%; float:left; clear:both; text-align:center;}
.columna{ width:33%; float:left; padding:0; margin:10px 0 0 0; background:none;}
.warning0{ width:100%; float:left; padding:15px 0 0 0; color:#898989; font-weight:bold;}
.goOrange{ color:#00A8B4;}
form p{ width:100%;}
.infoPromo2{ width:65%; margin:15px auto 5px auto; clear:both; }
.infoPromo2bg{ width:100%; clear:both; float:left; padding:10px 3%; background:#F9F9F9; border-bottom:8px solid #F7F7F7; border-left:5px solid #fff; border-right:8px solid #F7F7F7; border-top:5px solid #fff;}
.infopromleyendCtrl{ width:250px; margin:0 auto; background:#fff;}
.infoPromo2 .infopromleyend{ float:left; clear:both; color:#00A8B4; font-size:1em; font-weight:bold; background-color: #fff; margin-top: -20px; padding:5px 10px;}
.infoPromo2 .infoPromoboxin { width:50%; float:left; clear:none; padding:10px 0 0 0; color:#898989; text-align:center; }.infoPromo2 .infoPromoboxin span{ font-weight:bold;}
#secc form .formButton{width:10%; margin:0 auto; background:#00A8B4; display:block; padding:8px 8px; color:#FFF; text-decoration: none; cursor:pointer; text-align:center; border:none; font-size:1.2em; font-weight:bold;}
#secc form .formButton:hover{background:#00A8B4;  color:#f1f1f1;}
#secc form .formButton_off{width:10%; margin:0 auto; background:#ccc; display:block; padding:8px 8px; color:#FFF; text-decoration: none; cursor:pointer; text-align:center; border:none; font-size:1.2em; font-weight:bold;}
#secc form .formButton_off:hover{ background:#ccc;  color:#fff;}

/*TERMINOS Y CONDICIONES*/
.tyc_col{ width:100%; float:left; clear:none; padding:15px 0 0 0; text-align:justify; font-size:1.2em; color:#898989;}
.tyc_col .warning{ width:100%; float:left; clear:both; padding:10px 0; margin:0 0 0 0; color:#898989; text-align:justify;}
.tyc_col .warning span{ font-size:1.2em; color:#00A8B4; font-weight:bold;}
.tyc_col .warningDos{ width:95%; float:left; clear:both; font-size:1.2em; color:#898989; text-align:left; margin:0 15% 0 0; padding:10px 0;}
.tyc_col .warningDos span{ font-size:1.2em; color:#00A8B4; font-weight:bold;}
.tyc_col .warningDos a{ font-size:1.2em; color:#00A8B4; font-weight:bold;}
.tyc_col ul{ margin:0; padding:0; list-style-type:none;}
.tyc_col ul li{ margin:0; padding:5px 0 0 0; line-height:23px;}
.tyc_col ul li span{ color:#00A8B4; padding:0 5px 0 0;}
.separator_vertical{ width:2%; height:100%; min-height:100%; float:left; clear:none; padding:1px 0;}
.center_padd-bg .formCheck { width:66%; float:left; clear:left; margin:10px 0 0 30%;}
.center_padd-bg .formCheck form label { margin: 7px; float: left; padding-top: 0px;}
.center_padd-bg .formCheck form input { margin: 0px; padding: 0px; float: left; clear:both;}
.center_padd-bg .formCheck .buttonSubmitc { width:auto; clear:none; float:left; margin:5px 0 0 15px; padding:10px 15px; color:#fff; cursor:pointer; font-weight:bold; font-size:0.9em; background:#00A8B4; border-radius:8px; border:1px solid #00A8B4;}
.center_padd-bg .formCheck .buttonSubmitc:hover { background:#fff; color:#00A8B4;}
.center_padd-bg .formCheck .buttonSubmitcSD { width:auto; clear:none; float:left; margin:5px 0 0 15px; padding:10px 15px; color:#e4e4e4; cursor:pointer; font-weight:bold; font-size:0.9em; background:#f1f1f1; border-radius:8px; border:1px solid #f1f1f1;}
.center_padd-bg .formCheck .buttonSubmitcSD:hover { background:#f1f1f1; color:#e4e4e4;}
/*FAQ's*/
.expandiblesfaq{ width:96%; height:auto; float:left; clear:both; margin:5px 0 25px 0; padding:0 2%; background:none;}
.expandiblesfaq a{width:100%; float:left; clear:both; margin:15px 0 0 0; padding:5px 0; color:#666; text-decoration:none; border-bottom:1px solid #E6E6E6; background:url(../img/faq_arrow.png) center right no-repeat; font-weight:bold;}
.expandiblesfaq a:hover{ margin:15px 0 0 0; color:#00A8B4; text-decoration:none;}.expandiblesfaq a span{ font-weight:bold;}
.expandiblesfaq p.question{ width:100%; clear:both; margin:0; padding:5px 0; color:#0069AA; font-size:0.95em;}.expandiblesfaq p.question span{ font-weight:bold;}
.expandiblesfaq p.answer{ width:96%; clear:both; margin:0; padding:5px 2% 0 2%; color:#808080; font-size:0.95em; text-align:justify; line-height:20px;}
.expandiblesfaq p.answer span{ font-weight:bold; color:#7CCED8;}
.expandiblesfaq p.answer a{ text-decoration:none; font-weight:bold; color:#808080;}.expandiblesfaq p.answer a:hover{ text-decoration:none;}
/*	PROVACIDAD Y SEGURIDAD*/
.pys_tx{ width:100%; float:left; clear:both; color:#898989; font-size:1em;}
.pys_tx p{ width:100%; margin:0; padding:15px 0 0 0; text-align:justify;}
.pys_tx span{ font-weight:bold;}

/*destinos*/
/* pull down =================================================================== */
.expandibles{ width:500px; height:auto; float:left; clear:both; margin:20px 0 0 23%; background:none; border-top:1px solid #808080;}
.expandibles a{ width:100%; float:left; clear:both; margin:15px 0 0 0; padding:5px 0; border-bottom:1px solid #808080; background:url(../img/down_arrow.png) center right no-repeat; color:#808080; text-decoration:none; font-weight:bold; font-size:0.9em;}
.expandibles a:hover{ margin:15px 0 0 0; color:#808080; text-decoration:none; font-weight:bold;}
	.hidden{display: none;}
	.unhidden{display: block;}
ul.exp{ width:47%; float:left; clear:none; padding:5px 0 0 0; font-size:0.85em; color:#1A236F; text-align:justify;}
ul.exp li{ width:90%; padding:8px 0 0 2%; margin:0 0 0 8%; list-style-type: square; color:#808080; font-weight:normal;} 
ul.exp li.tit{ width:100%; padding:5px 0; margin:10px 0 0 0; list-style-type:none; color:#808080; font-weight:bold;}
.imgdest{ float:left; clear:both; margin:5px auto 0 auto;}

/*FOOTER*/
.footer { width:100%; float:left; margin:0 auto; padding:0; background-color:#FFF;}
.footer .fooctrl{ width:990px; height:auto; margin:0 auto; padding:25px 0 0 0; border-top:1px solid #CCCCCC;}
.footer .fooctrl a{ color:#00A8B4; text-decoration:none; font-weight:bold;}
.footer .fooctrl a:hover{ color:#00A8B4; text-decoration:underline; font-weight:bold;}
	.f1{ width:auto; float:right; margin:0; padding:0 3% 15px 0; color:#00A8B4; font-size:1.2em; font-weight:bold; }.f1 span{ width:auto; margin:0; padding:0 5px; color:#BED63A; font-size:0.85em; font-weight:bold;}
	.f2{}