﻿/*-----------------------------------------------------------------------------------------------*/		
/*Titulos*/
.title-1 {
	height: 48px;
	margin: 15px 0 0 0;
	color: #FFF;
	font: 400 24px/48px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	background: #252525;
}
	.title-1.reStyle {
		margin: 6px 0 0 0;
	}
.title-2 {
	color: #252525;
	font: 400 20px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 16px 0;
	text-transform: uppercase;
}
.title-3 {
	color: #00659F;
	font: 400 italic 20px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
}
.title-4 {
	color: #252525;
	font: 400 16px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.title-5 {
	color: #252525;
	font: 700 14px/14px Arial, Helvetica, sans-serif;
	padding: 20px 0 8px 0;
}
.title-6 {
	color: #252525;
	font: 400 italic 14px/18px Arial, Helvetica, sans-serif;
	padding: 24px 0 10px 0;
}
.title-7 {
	color: #252525;
	font: 400 13px/13px Arial, Helvetica, sans-serif;
	padding: 24px 0 10px 0;
}
.title-8 {
	color: #FFF;
	font: 400 18px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 16px 0;
	text-transform: uppercase;
}
.title-9 {
	color: #252525;
	font: 400 16px/16px Arial, Helvetica, sans-serif;
	padding: 0 0 16px 0;
}

.subtitle-1 {
	color: #252525;
	font: 400 14px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.download-filelink {
	display: block;
	font: 300 13px/13px Arial, Helvetica, sans-serif;
	padding: 6px 0 0 0;
}



.section-central {
	/*width: 722px;*/
	width: 700px;
	height: auto;
	float: right;
	margin: 10px 0 0 0;
}


/**/
.cont-right-form {
	width: 300px;
	margin: 258px 0 0 0;
	float: right;
	position: relative;
}
.nota-1 {
	background: #E6E6E6;
	border: 1px solid #999;
	color: #333;
	padding: 10px;
	font: 300 12px/18px Arial, Helvetica, sans-serif;
	text-align: justify;
}
	.nota-1.margin-1 {
		margin-bottom: 20px;
	}
.nota-2 {
	background: #E6E6E6;
	padding: 10px;
	font: 300 13px/16px Arial, Helvetica, sans-serif;
}
	.nota-2 span {
		color: #cd171e;
	}
	.nota-2 h4 {
		padding-bottom: 10px;
	}
.nota-3 {
	background: #F0F0F0;
	padding: 10px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}
	.nota-3 span {
		font-weight: bold;
	}
.nota-4 {
	background: #F0F0F0;
	padding: 10px;
	margin: 0 0 20px 0;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	color: #cd171e;
}
.cont-1 {
	margin: 20px 0;
}

.con-contenedor {
	margin: 20px 0 0 0;
	padding: 0;
}


/*-----------------------------------------------------------------------------------------------*/
/*Menú Log On*/
.cont-menu-logon {
	width: 100%;
	margin: 20px 0 0 0;
}
	.menu-logon {
		width: 100%;
		height: 40px;
		margin: 0;
		/*background: #252525;*//*oscuro*/
		background: #DBDBDB;
	}
		.menu-logon nav {
			height: 40px;
		}
			.menu-logon nav ul {
				width:100%;
				height: 40px;
				float: right;
				margin: 0;
				color: #FFF;
			}
				.menu-logon nav ul li {
					display: inline;
				}
					.menu-logon nav ul li a {
						height: 40px;
						font: 400 13px/40px Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						float: left;
						display: block;
						padding: 0 26px 0 26px;
						text-align: right;
						overflow: hidden;
						/*color: #AAA;*/
						color: #002445;
						text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
					}
						.menu-logon nav ul li a:hover {
							background: rgba(255, 255, 255, 0.5);
							/*color: #333;*/
							color: #ECA500;;
							text-decoration: none;
						}
						.menu-logon nav ul li a.activo {
							background: rgba(255, 255, 255, 0.4);
							/*color: #EE6C73;*/
							color: #002445;
							font-weight: bold;
						}
						.menu-logon nav ul li a span {
						}
		

/*-----------------------------------------------------------------------------------------------------------*/
/*Lateral*/
.con-lateral {
	padding: 0 5px;
	margin: 0;
	min-height: 400px;
	background: #FFF;
	overflow: hidden;
	z-index: 10;
	position: relative;
	border-radius: 10px;
}
	.con-lateral h3 {
		font: 14px/14px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #252525;
		margin: 40px 0 22px 0;
	}
.lateral-banner {
	width: 234px;
	padding: 0;
	margin: 76px 0 0 0;
	min-height: 400px;
	float: right;
	overflow: hidden;
	z-index: 10;
	position: relative;
}
	.detalle-page .lateral-banner {
		margin: 0;
	}
	.lateral-banner div {
	}
		.lateral-banner div img {
			width: 234px;
			padding: 0 0 10px 0;
		}
	
.menu-lateral { 
	margin: 0 auto 26px auto;
	padding: 0;
	text-align: center;
	/*width: 320px;*/
	/*width: 420px;*/
}

.menu-lateral.aero-data { 
	border-top: 1px solid #CCC;
}
	.lateral.disable-menu:after {
		width: 100%;
		height: 100%;
		content: "";
		background: rgb(255, 255, 255);/*IE*/
		background: rgba(255, 255, 255, .8);
		z-index: 20;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	.menu-lateral li {
		display: inline;
	}
		.menu-lateral li a {
			width: 60px;
			margin: 0 9px 30px 9px; 
			display: inline-block;
			text-decoration: none;
			text-align: center;
			position: relative;
			cursor: pointer;
		}
			.menu-lateral li a img {
				/*height: 40px;*/
				/*width: 60px;*/
				max-width: 40px;
				/*position: absolute;
				top: 0;
				left: 0;*/
				z-index: 10;
			}
			.menu-lateral li a span {
				width: 60px;
				height: 30px;
				margin: 38px 0 0 0;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				font: normal 10px/10px Arial, Helvetica, sans-serif;
				color: #252525; 
			}
			/*Hover*/
			.menu-lateral li a:hover::after, .menu-lateral li a.activo::after  {
				content: "";
				width: 100%;
				height: 100%;
				background: rgba(255, 255, 255, 0.8);
				position: absolute;
				top: 0;
				left: 0;
				z-index: 20;
			}
			.menu-lateral li a:hover span, .menu-lateral li a.activo span {
				color: #cd171e;
			}
			

	/*Custom*/
	.menu-lateral li.btn-clientes {
		background-position: 4px -430px;
	}
		.menu-lateral li.btn-clientes:hover, .menu-lateral li.btn-clientes.activo {
			background-position: 4px -832px;
		}
	.menu-lateral li.btn-prestadores {
		background-position: 2px -576px;
	}
		.menu-lateral li.btn-prestadores:hover, .menu-lateral li.btn-prestadores.activo {
			background-position: 2px -978px;
		}
		
.volver-aerolineas {
    /*float: right;*/
    height: 23px;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    display: inline-block;
    background: url(../Base/Web/iconos.png) no-repeat 0 -1381px;
    font: 400 12px/22px Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------------------------------------------------------*/
/**/
.info-general-ini {
	width: 388px;
	height: 372px;
	margin: 0 auto;
	background: url(img/azafata-freeway.png) no-repeat 0 0;
	position: relative;
}
	.info-general-ini h4 {
		position: absolute;
		bottom: 30px;
		left: 0;
		padding: 0 20px 0 60px;
		margin: 0;
		color: #FFF;
    	font: 700 15px/18px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	
	
	

/*------------------------------------------------------------------------------------------------------------*/
/*Tablas Aerolineas*/
.tab {
    /*margin-top: 14px;*/
    width: 100%;
	border-bottom: 1px solid #535353;
	padding-bottom: 20px;
}
.tabdata {
    background: #FFF;
    color: #FFF;
    width: 100%;
}
.tittab {
    color: #252525;
    font: 700 14px/14px Montserrat, sans-serif;
    padding: 20px 0 8px;
}
.tab th {
    background: none repeat scroll 0 0 #535353;
    color: #FFF;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 5px 8px 5px 9px;
    text-align: left;
}
.trn, .tra, .trl {
    background: #FFF;
    border-bottom: 1px solid #e9e7eb;
    color: #252525;
    padding: 6px 3px 6px 9px;
	vertical-align: middle;
}
.datos-aerolinea {
	margin: 0 0 10px 0;
}
	.datos-aerolinea p {
		padding: 0 0 2px 10px;
		color: #333;
	}
		.datos-aerolinea p strong {
			font-weight: bold;
		}
	.observaciones-aerolinea p {
		padding: 4px 0 4px 0;
		color: #333;
		font-weight: bold;
	}
	.datos-aerolinea-item {
		margin: 0 0 10px 0;
		float: left;
	}	
	
	
/*------------------------------------------------------------------------------------------------------------*/
/*Calculadora*/
.display-claculator {
	/*width: 722px;**/
	/*width: 700px;*/
	/*border: 1px solid #CCC;*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	behavior: url(PIE.htc); /*sombras y bordes en IE*/
	overflow: hidden;
	/*background: #252525;*/
	background: #002445;
	margin: 0 0 20px 0;
	position: relative;
}
	.display-claculator.disable-calculator:after {
		width: 100%;
		height: 100%;
		content: "";
		display: block;
		position: absolute;
		padding: 1px;
		top: 0;
		left: 0;
		background: rgba(37, 37, 37, 0.8);
		z-index: 9999;
	}
	.display-claculator.cc-fixed {
		position: fixed;
		top: 10px;
		z-index: 100;
		box-shadow: 0 1px 20px rgba(234, 234, 234, 0.8);
		-moz-box-shadow: 0 1px 20px rgba(234, 234, 234, 0.8);
		-webkit-box-shadow: 0 1px 20px rgba(234, 234, 234, 0.8);	
		behavior: url(PIE.htc); /*sombras y bordes en IE*/
	}
	.display-claculator input[type="text"] {
		/*font: 400 14px/14px Orbitron, sans-serif;*/
		font: 400 14px/14px Arial, sans-serif;
		text-align: right;
		padding: 4px;
		border: 1px solid #CCC;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		behavior: url(PIE.htc); /*sombras y bordes en IE*/
		background: #C6C6BA;
	}
	.display-claculator label {
		font: normal 12px/14px Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	.display-claculator h4 {
		font: 700 16px/16px Montserrat, sans-serif;
		color: #FFF;
	}
		.display-claculator h4 span {
			color: #CE181E;
		}
	.display-claculator p {
		font: normal 12px/14px Arial, Helvetica, sans-serif;
		color: #FFF;
		padding: 10px 0;
	}
		
	.cc-cuotas {
		width: 30px;
	}
	.cc-interes {
		width: 120px;
	}
	.cc-monto {
		width: 120px;
		border: 1px solid #CE181E !important;
	}
	.cc-totalcuota {
		width: 120px;
	}
	.cc-total {
		width: 140px;
	}
	.cc-cont-items {
		padding: 10px;
		float: left;
	}
		.cc-cont-items label {
			display: block;
			padding: 0 0 4px 0;
		}
	.cc-cont-items.title {
		/*width: 160px;*/
		width: 138px;
	}
	
	.cc-cont-total {
		padding: 10px;
		float: right;	
	}
		.cc-cont-total label {
			font: bold 14px/16px Arial, Helvetica, sans-serif;
			padding: 0 12px 0 0;
		}
	.cc-clear {
		height: 22px;
		border: 1px solid #BC161B;
		background: #CE181E;
		color: #FFF;
		display: inline-block;
		padding: 0 8px;
		margin: 0 0 0 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		font: bold 14px/22px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
		.cc-clear:hover {
			background: #7C7C7C;
			color: #FFF;
			text-decoration: none;
			border: 1px solid #7C7C7C;
		}
		
		.btn-calculator {
			cursor: pointer;
		}
		.logo-tarjeta-calculator {
			height: 30px;
		}
/**/