/* 

	project:  website traffic (free CSS templates)
	author:   luka cvrk (www.solucija.com) 

   
*/

*{ margin: 0; padding: 0; }* 
body { font:.74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #FFFFFF; color: #444; }

a {	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #435369; font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif; margin: 10px 10px 0px 10px; border-bottom: 1px solid; border-color:#435369; }

#content { width: 960px; margin: 0 auto 0 auto; background: #fff; padding: 10px; }

#header { background: #fff; height: 48px; }
	#header p { margin: 30px 0 0; color: #D6E5EA; }
	#logo {
	text-align:center;
	padding: 0px 0 0 0;
	margin-left:355px;
	float: left;
	width: 247px;
	position:absolute;
	z-index:7;
	/*visibility: hidden;*/
}
	#autos{
	width:500px;
	height:196px;
	margin:95px 0 0 10px;
	float: left;
	position:absolute;
	z-index:6;
	/*background-image:url(../images/header/autos_adadi2.png);*/
	/*visibility: hidden;*/
}

	#contacto{ float: right; text-align: right; margin: 20px 10px 0 0; }
	#contacto a{ color: #3F4E5F; font-size: .9em; font-weight:bold; }
	#contacto a:hover { background: #D5DFE8; color: #444; text-decoration: none; }
	

	#menu { margin: 0; padding: 0; background-color:#313D4C; height: 40px; position: relative; width:960px; list-style:none;}/*aqui esta el height del banner*/
	#menu li { float: left; font-size:5px; text-indent: -1000000px;  }
	#menu a{ display:block; position: absolute; outline:none; color:#313D4C;}
	#menu a:hover{ background-position: left bottom; color:#4e5d70; text-indent: -1000000px;}
	#menu .servicios { width:118px; height:40px; background:url(../servicios2.jpg) no-repeat; left:0px; top:0px;}
		#menu .servicios1{ width:118px; height:40px; background:url(../servicios.jpg) no-repeat; left:0px; top:0px; color:#FFFFFF;}
	#menu .unidades { width:118px; height:40px; background:url(../unidades2.jpg) no-repeat; left:118px; top:0px;}
		#menu .unidades1{ width:118px; height:40px; background:url(../unidades.jpg) no-repeat; left:118px; top:0px; color:#FFFFFF;}
	#menu .empresa { width:118px; height:40px; background:url(../empresa2.jpg) no-repeat; left:236px; top:0px; }
		#menu .empresa1{ width:118px; height:40px; background:url(../empresa.jpg) no-repeat; left:236px; top:0px; color:#FFFFFF;}
	#menu .cotizar { width:118px; height:40px; background:url(../cotizar2.jpg) no-repeat; left:605px; top:0px;}
		#menu .cotizar1{ width:118px; height:40px; background: url(../cotizar.jpg) no-repeat; left:605px; top:0px; color:#FFFFFF;}
	#menu .reservar { width:118px; height:40px; background:url(../reservar2.jpg) no-repeat; left:723px; top:0px;}
		#menu .reservar1{ width:118px; height:40px; background:url(../reservar.jpg) no-repeat; left:723px; top:0px; color:#FFFFFF;}
	#menu .blog { width:118px; height:40px; background:url(../blog2.jpg) no-repeat; left:841px; top:0px;}
		#menu .blog1{ width:118px; height:40px; background:url(../blog.jpg) no-repeat; left:841px; top:0px; color:#FFFFFF;}
	
#banflash{ margin: 0 0 20px; width:960px; height:206px; background-image:url(../images/header/blue_relleno1.jpg); background-repeat:repeat-x; text-align:right;}
	
#cajalex{ font-size: 1.2em; float: left; width: 720px; margin: 0 5px 10px 0; }
#container-9{width: 720px; }
#cajalinks{ font-size: 1.1em; width: 235px; height: auto; background-color: #e2edff; float: right; margin-bottom:25px;}/*el margin-bottom es para el espacio antes del footer en firefox y otros*/
	#cajalinks strong{ text-align:center;}
	#cajalinks ul{ font-size: 1.1em; font-weight:bold; list-style:none; margin: 10px 0px 30px 15px;}
	#cajalinks ul li{padding:7px 0 7px 0;}
	#cajalinks ul li a { color:#333333;}
	#cajalinks a:hover { color:#0083b6;}
#clima{ width:220px; height:65px; /*background-color:#0099CC;*/ background:#FFFFFF; margin: 5px; padding-left: 5px;}
#clima span{ font-size:9px;}
#prefooter { width: 944px; height: 41px; margin: 0 auto; background-image: url(../images/footer/bg_footer1.jpg); background-repeat: no-repeat; background-position:center; padding: 0 18px; font-size: .9em; }
#formu{width: 710px; padding:10px; }

#footer { width: 960px; margin: 0 auto; color: #fff; font-size: .9em; background:#3F4E5F; }
	#footer a { color: #fff; }
	#footer a:hover { background: #D5DFE8; color: #444; text-decoration: none; }
	#footer b { color: #4082C4; }
	#footer p{ padding: 5px; text-align:center;}

/* ----ESTADOS DE VUELO--- */
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 18%;
			left: 35%;
			width: 250px;
			height: 350px;
			padding: 7px;
			border: 16px solid #a0bddb;
			background-color: white;
			z-index:1002;
			overflow: auto;
			}
#airlines{ padding :10px; left:30px; font-size:14px;}
#out{ margin-left:200px; }