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

body {
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-family:"Lucida Sans";
font-size:0.7em;
color:#666666;
margin:0px auto 0px auto;
}
h1 {color:#FFFFFF; font-size:1.9em}
h2 {color:#000000; font-size:1.7em}

.blanco {color:#FFFFFF;}
.titulo {
font-size:1.5em;
color:#000000;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;}

.menu {color:#FFFFFF; font-weight:bold } A:link, A:visited { text-decoration: none } A:hover { text-decoration: underline; color:#003366}
.menunaranja {color:#FF6633; font-weight:bold } A:link, A:visited { text-decoration: none } A:hover { text-decoration: underline; color:#003366}

.naranjac {color:#FF6633}
.gris {color:#333333}

/* Estilos de página */

#contenedor {
width:940px;
position:relative;
margin:0px auto 0px auto;
height:110%;
}

#header {
background-image:url(../images/header.jpg);
height:118px;
width:940px;
}

#breadcrumb {
height:18px;
padding-left:7px;
padding-top:30px;
}

#logo {
width:231px;
height:118px;
float:left
}

#headmenu {
width:709px;
height:118px;
float:right
}

#cajamenu {
height:27px;
padding-left:5px;
padding-top:43px;
}


#caja {
width:940px;
height:370px;
}

#cajainterior {
width:940px;
height:329px;
}

#cajainterioragencia {
width:940px;
margin-top:10px;
}

#buscador {
width:559px;
height:370px;
float:left;
background-image:url(../images/bg_buscador.jpg);
}

#buscadorinterior {
width:559px;
height:329px;
float:left;
background-image:url(../images/bg_buscadorinterior.jpg);
}

#contentbuscador {padding-left:21px; padding-right:21px;}

#titulobuscador {
padding-top:20px;
padding-left:10px;
padding-right:10px;
}

#ofertasinterior {
width:381px;
height:329px;
background-image:url(../images/bg_ofertasinterior.jpg);
float:right;
}

#ofertas {
width:381px;
height:370px;
background-image:url(../images/bg_ofertas.jpg);
float:right;
}

#contentofertas {
padding-top:28px;
padding-left:22px;
padding-right:11px;
}

#titulofertas {
padding-top:23px; 
padding-left:15px;
width:366px;
height:43px;
}

#oferta1 {
width:170px;
height:255px;
float:left;
}

#oferta2 {
width:170px;
height:255px;
margin-left:7px;
float:right
}

#oferta3 {
width:170px;
height:200px;
float:left;
}

#oferta4 {
width:170px;
height:200px;
margin-left:7px;
float:right
}

#ofertatitulo {
padding-top:8px;
padding-left:7px;
width:163px;
height:17px;
color:#FFFFFF;
font-weight:bold;
}

#ofertacontent {
width:150px;
height:222px;
padding-top:8px;
padding-left:10px;
padding-right:10px;
}

#ofertacontentinterior {
width:150px;
height:200px;
padding-top:8px;
padding-left:10px;
padding-right:10px;
}


#promos {
width:928px;
height:158px;
padding-top:18px;
padding-left:6px;
padding-right:6px;
}

#subpromos {
width:928px;
margin-top:15px;
padding-left:6px;
padding-right:6px;
clear:both;
}

#subcontenidoinferior {
width:928px;
margin-top:15px;
padding-left:6px;
padding-right:6px;
clear:both;
}

#izquierda {
width:464px;
float:left;
clear:both;
}
#derecha {
width:464px;
float:right;
}
#mapamundo {
position:relative;
width:449px;
height:278px;
float:left;
}

#reportaje {
width:449px;
float:right;
margin-left:13px;
position:relative;
}

#reportaje1 {
width:449px;
float:left;
position:relative;
}

#headernaranja {
width:442px;
background-image:url(../images/headernaranja.jpg);
height:22px;
padding-top:7px;
padding-left:7px;
color:#FFFFFF;
font-weight:bold;
}

#headerazul {
width:442px;
background-image:url(../images/headerazul.jpg);
height:22px;
padding-top:7px;
padding-left:7px;
color:#FFFFFF;
font-weight:bold;
}

#mapa {width:449px; height:197px}

#user1 {
width:209px;
height:141px;
float:left;
background-repeat:no-repeat;
background-image:url(../images/bguser1.jpg);
}

#user2 {
margin-left:31px;
background-repeat:no-repeat;
width:209px;
height:141px;
float:left;
background-image:url(../images/bguser2.jpg);
}

#user3 {
margin-left:31px;
background-repeat:no-repeat;
width:209px;
height:141px;
float:left;
background-image:url(../images/bguser1.jpg);
}

#user4 {
margin-left:30px;
background-repeat:no-repeat;
width:209px;
height:141px;
float:left;
background-image:url(../images/bguser2.jpg);
float:right;
}

#promotitulo {
padding-top:10px;
padding-left:7px;
width:202px;
height:19px;
color:#FFFFFF;
font-weight:bold;
}

#promocontent {
width:189px;
height:104px;
padding-top:8px;
padding-left:10px;
padding-right:10px;
}

#btninicio {
width:71px;
height:20px;
float:left;
background-image:url(../images/menu/inicio.jpg);
padding-top:7px;
text-align:center;
}

#btninicioff {
width:71px;
height:20px;
float:left;
background-image:url(../images/menu/inicio_off.jpg);
padding-top:7px;
text-align:center;
}

#btnnaranja {
width:124px;
height:20px;
float:left;
background-image:url(../images/menu/naranja.jpg);
margin-left:2px;
padding-top:7px;
text-align:center;
}

#btngris {
width:124px;
height:20px;
float:left;
background-image:url(../images/menu/gris.jpg);
margin-left:2px;
padding-top:7px;
text-align:center;
}

#imgreportaje {
width:449px;
height:106px;
}

#reporcontent {
width:439px;
height:133px;
padding-top:10px;
padding-left:10px;
}

#reporcontentint {
width:439px;
padding-top:10px;
padding-left:10px;
position:relative;
clear:both;
margin-bottom:20px;
}

#footer {
position:relative;
background-image:url(../images/bgfooter.jpg);
width:940px;
height:50px;
padding-top:20px;
text-align:center;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* debe ser el mismo alto que el footer */