/* CSS Document */
body{margin:0px; padding:0px; background: url(bkg.jpg) top repeat-x #002338; color:#333333; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
.clear {clear:both;}
.mensaje {width:95%; font-size:14px; color: #d5b164; font-weight: bold; margin:10px auto 0 auto;}
.img {margin: 12px;}
#contenedor-principal{width:803px; margin: 0px auto 0 auto ; padding:0px; background: #082d47;}

#contenedor-izquierda{width:27px; height:231px; float:left; background: url(bkg-izquierda.jpg) top right no-repeat;}

#contenedor-centro{width:226px; float:left; background:url(logo.jpg) top left no-repeat ;}
#contenedor-centro-base{width:226px; height:82px; float:left;}


/*----menu----*/
#contenedor-menu {float: left; width:226px; margin: 139px 0 0 0; padding: 0; background: url(bkg-centro.jpg) top left no-repeat;}

#menu {float: left; width:224px;  margin: 20px 0px 0 0px; padding: 0; background: /*url(bkg-centro-base.jpg) bottom left no-repeat*/ #002338; border: 1px solid #173749;}
#menu a{display: block; width:150px; color:#557a8c; font-size:14px; padding: 15px 0 5px 30px; text-align: left; text-decoration: none; border-bottom: 2px dotted #567d94; margin: 5px 0 0 15px;}
#menu a:hover{ color: #557a8c; font-weight:bold;}
#menu a.inicio{background: url(pic-home.png) left center no-repeat;}
#menu a.acerca{background: url(pic-info.png) left center no-repeat;}
#menu a.aereas{background: url(pic-aereas.png) left center no-repeat;}
#menu a.hoteles{background: url(pic-hoteles.png) left center no-repeat;}
#menu a.oficinas{background: url(pic-oficinas.png) left center no-repeat;}
#menu a.noticias{background: url(pic-noticias.png) left center no-repeat;}
#menu a.contacto{background: url(pic-contacto.png) left center no-repeat;}

/*----/menu----*/

#contenedor-derecha{width:550px; float:left; background:url(bkg-header.jpg) top left no-repeat;}

#contenidos { margin: 240px 0 0 15px; width:515px; padding: 0; color:#999999;}
#contenidos h3{font-size:18px; color: #72bcba; margin: 20px 0 15px 10px;}
#contenidos ul{margin: 0 0 0 35px; list-style: none;}
#contenidos ul li {color: #999999; background:url(item.png) left top no-repeat; display:block; margin:4px 0 0 0; padding: 0px 10px 0 14px; font-size:12px;}
#contenidos p.subtitulo{font-size:14px; color: #999999; margin: 0 0 0 10px; font-weight: bold;}
#contenidos p {margin: 0 0 0 10px; color:#999999;}
#contenidos a{color: #72bcba; text-decoration:none; font-weight:bold;}
#contenidos a:hover{text-decoration:underline;}
#contenidos img{ margin: 0 4px 0 0}
#contenidos p.divisor {width:100%; display:block; height: 1px; background: #999999; clear:both; margin: 5px 0 0 0;}

#contenidos div#titulo-aereas{ float:left; width:170px; border-bottom: 1px dotted #666666; margin: 25px 0 0 0;}
#contenidos div#titulo-aereas h2{display:block; background:url(titulo-aereas.jpg) top left no-repeat; width:120px; padding: 10px 0 5px 50px; color: #ffffff; font-size:15px;}
#contenidos div#titulo-aereas a{ float:right; display:block; background: #a4d428; width:20px; padding: 2px 5px 2px 5px; margin: 5px 15px 5px 0; color: #ffffff; font-size:11px; text-decoration:none; font-weight:bold;}
#contenidos div#titulo-aereas a:hover{text-decoration:underline;padding: 2px 8px 2px 8px;}

#contenidos div#titulo-aereas p{ color: #999999; margin: 15px 0 0 0; background:url(item2.png) top left no-repeat; padding: 0px 0 0 13px; line-height:12px;}

#contenidos div#titulo-hoteles{ float:left; width:170px; border-bottom: 1px dotted #666666; margin: 25px 0 0 0;}
#contenidos div#titulo-hoteles h2{ display:block; background:url(titulo-hoteles.jpg) top left no-repeat; width:120px; padding: 10px 0 5px 50px; color: #ffffff; font-size:15px;}
#contenidos div#titulo-hoteles a{ float:right; display:block; background: #f1692f; width:20px; padding: 2px 5px 2px 5px; margin: 5px 15px 5px 0; color: #ffffff; font-size:11px; text-decoration:none; font-weight:bold;}
#contenidos div#titulo-hoteles a:hover{text-decoration:underline;padding: 2px 8px 2px 8px;}
#contenidos div#titulo-hoteles p{color: #999999; margin: 15px 0 0 0; background:url(item2.png) top left no-repeat; padding: 0px 0 0 13px; line-height:12px;}

#contenidos div#titulo-oficinas{ float:left; width:165px; border-bottom: 1px dotted #666666; margin: 25px 0 0 0;}
#contenidos div#titulo-oficinas h2{ display:block; background:url(titulo-oficinas.jpg) top left no-repeat; width:120px; padding: 10px 0 5px 50px; color: #ffffff; font-size:15px;}
#contenidos div#titulo-oficinas a{ float:right; display:block; background: #2bb6f7; width:20px; padding: 2px 5px 2px 5px; margin: 5px 15px 5px 0; color: #ffffff; font-size:11px; text-decoration:none; font-weight:bold;}
#contenidos div#titulo-oficinas a:hover{text-decoration:underline;padding: 2px 8px 2px 8px;}
#contenidos div#titulo-oficinas p{color: #999999; margin: 15px 0 0 0; background:url(item2.png) top left no-repeat; padding: 0px 0 0 13px; line-height:12px;}

#contacto div#contacto_izq { float: left; width: 225px; margin: 10px 0 0 10px; background: url(bkg-credenciales.gif) top left no-repeat #002338; border: 1px solid #173749;}
#contacto div#contacto_izq p{margin: 0 0 0 10px; color: #999999;}
#contacto div#contacto_izq input {margin: 0 2px 0 0; border: 1px solid #173749; background: #557a8c;}
#contacto div#contacto_izq input.boton {background: #0c4f70; padding: 1px 15px 1px 15px; text-align: center; margin: 15px auto 5px auto; color: #999999;}
#contacto div#contacto_izq select {margin: 0px 2px 0 0; border: 1px solid #173749; background: #557a8c;}
#contacto div#contacto_izq textarea {margin: 0px 2px 0 0; border: 1px solid #173749; background: #557a8c;}

#contacto div#contacto_der { float: right; width: 225px; margin: 10px 20px 0 0; background: url(bkg-credenciales.gif) top left no-repeat #002338; border: 1px solid #173749;}
#contacto div#contacto_der ul li {color: #999999; background:url(item.png) left top no-repeat; display:block; margin:4px 0 0 0; padding: 0px 10px 0 14px; font-size:12px;}


#contenido-abajo{width:750px; margin: 0px auto 0 auto ; padding:0px;}

#contenido-abajo div#credenciales{ float:left; margin: 15px 0 15px 2px; width:225px; height: 250px; text-align: justify; background: url(bkg-credenciales.gif) top left no-repeat #002338; border: 1px solid #173749; }
#contenido-abajo div#credenciales h2 {font-size:18px; color: #72bcba;  display:block; margin: 0 0 10px 0; padding: 10px 3px 3px 10px;}
#contenido-abajo div#credenciales span {font-size:13px; color: #72bcba; font-weight:bold;}
#contenido-abajo div#credenciales ul li { color: #999999; background:url(item.png) left top no-repeat; display:block; margin:4px 0 0 10px; padding: 0px 10px 0 12px; font-size:11px;}

#contenido-abajo div.caja-noticias{ float:left; margin: 15px 0 15px 28px; width:225px; height: 250px; text-align: justify; background: url(bkg-credenciales.gif) top left no-repeat #002338; border: 1px solid #173749;}
#contenido-abajo div.caja-noticias h2 {color: #d4c089; font-size:18px; display:block; margin: 0 0 10px 0; padding: 10px 3px 3px 10px;}
#contenido-abajo div.caja-noticias h3{font-size:14px; color: #d4c089; margin: 5px 0 0px 10px;}
#contenido-abajo div.caja-noticias p.titulo {font-size:13px; color: #d4c089; margin: 10px 0 0 10px;}
#contenido-abajo div.caja-noticias p.texto {width: 210px; margin: 5px 0 0 10px; color:#999999;}
#contenido-abajo div.caja-noticias a{color: #d4c089; font-size:11px; text-decoration:none; font-weight:bold;}
#contenido-abajo div.caja-noticias a:hover{text-decoration:underline;}
#contenido-abajo div.caja-noticias img{ margin: 0 4px 0 0}


/*----footer----*/
#footer{ width:793px; height:200px; margin: 0px auto 0px auto ; padding:10px 10px 0px 0px; background: #001522;color: #567d94; font-size: 10px; text-align: right;}
/*----/ footer----*/
#footer_umpocom {width:793px;text-align: right; color:#999999;margin:5px auto 0 auto;font-size:10px;font-weight:bold;}
#footer_umpocom p{ float: right; width: 180px; border-top: 1px solid #567d94; padding: 3px 0 0 0; margin:8px 0 0 0;}
#footer_umpocom a{color:#567d94;}
