/*
-----------------------------------------------------------------------------
version:   1.0 
date:      22/06/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.gerenciait.com]
project:	Habitat 8.5 - negocio inteligente 
-----------------------------------------------------------------------------
*/

/* Estilos globales 
-----------------------------------------------------------------------------*/

body{color:#3f3f3f; font-size:12px; font-family:Tahoma, Arial, Verdana, sans-serif; margin:0px; padding:0px; background:url(../images/fndPage.jpg) #FFFFFF repeat-x;}
img{border:none;}
ul{list-style:none;}
a {color:#2f78c2; text-decoration:underline;}
a:hover {text-decoration:underline; color:#000;}
::selection {background: #475364; color:#FFFFFF; /* Safari */}
::-moz-selection {background: #475364; color:#FFFFFF; /* Firefox */}
*{ font-size: 12px;}
.whiteSpace{ height:4px; font-size:4px;}
.whiteSpace1{ height:8px; font-size:8px;}
.whiteSpace2{ height:12px; font-size:12px;}
.whiteSpace3{ height:18px; font-size:18px;}
#page{ width:100%; margin:0; padding:0;}
#mapa{ width:580px; background-color:#fff; border:2px solid #dcdcdc; padding:10px; margin:2px;}

/* Header o cabezote
-----------------------------------------------------------------------------*/

#header{ width:950px; margin:0px auto; padding:0px; clear:both;}
#header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#franjaSup{ width:488px; height:122px; background:url(../images/fndHeader.jpg) no-repeat; float:left;}

/*herramientas web*/
#franjaHerra{ height:24px; width:468px; text-align:right; font-size:10px; color:#c4cddc; padding-top:7px;}
#franjaHerra a{ color:#c4cddc; font-size:10px; text-decoration:none;}
#franjaHerra a:hover{ color:#c4cddc; font-size:10px; text-decoration:underline;}

/*franja logo*/
#logo{ width:462px; height:122px; margin:0px; padding:0px; float:left;}

/*pauta header*/
#pautaHeader{ width:468px; height:60px; margin:0px; padding:0px;}


/* Menu superior
-----------------------------------------------------------------------------*/

#menuSuperior{width:950px; height:30px; margin:0px auto; padding:0px; background:url(../images/fndMenuSup.jpg) repeat-x; display:block;}
#menuSup{width:760px; height:23px; margin:0px; padding:0px; float:left; padding-top:7px;}
#menuSup ul{margin: 0px; padding: 0px; height:23px; padding-left:6px;}
#menuSup ul li{ float:left; margin:0px 4px; padding:0px; margin-top:2px;}
#menuSup ul li a{ font-size:13px; color:#FFFFFF; text-decoration:none; padding:0px 9px 5px 9px; }
#menuSup ul li a.itemSelec{ background-color:#FFFFFF; color:#1c3e7d;}
#menuSup ul li a:hover{ text-decoration:underline;}

/* Buscador
-----------------------------------------------------------------------------*/

#buscador{ width:190px; float:right; text-align:right; height:30px; }
#div_sel_buscador_habitat{ width:132px; float:left; padding:7px 0px 0px 0px;}
#buscar{ width:30px; float:left; padding:9px 0px 0px 7px;	}
#carga{ margin:0; padding:0;}
#lista{ margin:0; padding:0;  padding-top:20px !important; padding-top:0px;}
.cajaInputBusc{ border:1px solid #bdbcbc; color:#565656; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; padding:2px; padding-left:20px; width:104px; background:url('../images/imgBuscar.gif') no-repeat #fff; background-position:2px 2px;}
.btnBuscar{ font-size: 11px; color:#93a0b1; text-decoration:none;}

/* Footer o pie de pagina
-----------------------------------------------------------------------------*/

#footer{ width:930px; height:22px; margin:5px 0px; padding:0px; padding-top:10px; background:#ededed;}
#creditos{ width:600px; float:left; font-size: 10px; color: #747474; text-decoration: none; margin-left:10px;}
#footerLogo{ width:200px; float:right; text-align:right; font-size: 10px; color: #747474; margin-right:10px;}
#footerLogo a{ font-size:10px; text-decoration:none;}





/* container
-----------------------------------------------------------------------------*/

#container{width:930px; margin:0px auto; padding:10px;  background:url('../images/fndMain.jpg') no-repeat #ffffff; background-position:left bottom;}
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content { margin:0px 12px;}
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*columnas centro*/

#colCen{width:650px; float:left; padding:0; margin:0;}
#colCen1{width:714px; float:left; padding-top:15px;}
#colCen2{width:906px; float:left; padding:0; margin:0;}


/*columnas derecha*/

#colDer{width:230px; float:right; padding:0; margin:0;}



/* Registro
-----------------------------------------------------------------------------*/
.login{font-size:12px; color:#065eb5; padding-top:9px; height:30px; text-decoration:none; background-image:url('../images/btn_login.gif'); background-repeat:no-repeat; padding-left:54px;
}
.login a{ font-size:12px; color:#065eb5; text-decoration:none;
}
.tituloReg{font-size: 18px; color: #475364; text-decoration: none; font-weight:normal; margin:0px; padding:0px; margin-bottom:6px;}
.labelPos { font-size: 11px; color: #336699;}
.labelNeg { font-size: 11px; color: #d12f19;}
.labelReq{ font-size: 11px; color: #d12f19; text-align:center;}
.contentModal{ padding:10px;}




/* Menu derecho
-----------------------------------------------------------------------------*/

.menu{ margin:0; padding:0; background-color:#f4f4f4; margin-bottom:3px; width:230px;}
.menu ul{  margin: 0px; padding: 5px 0px; width:230px;}
.menu ul li{ margin: 0px; padding-left:13px;}
.menu ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.menu ul li .flechaMenu { width:10px; padding-top:1px; float:left;}
.menu ul li .item { width:200px; float:left;}
.menu ul li a{ text-decoration:none; font-size:13px; color:#173363;}
.menu ul li a:hover{ text-decoration:none; font-size:13px; color:#295fb0; }

.submenu1{width:215px; padding-left:15px; background-color:#fff;}
.submenu1 ul{ margin:0px; padding: 5px 0px; width:215px; border-bottom:1px #bddeff solid;}
.submenu1 ul li{ margin:0px; padding-left:13px; }
.submenu1 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu1 ul li .flechaMenu { width:10px; margin-top:1px; float:left;}
.submenu1 ul li .item { width:185px; float:left;}
.submenu1 ul li a{ text-decoration:none; font-size:12px; color:#686868;}
.submenu1 ul li a:hover{ text-decoration:none; font-size:12px; color:#295fb0;}

.submenu2{width:200px; padding-left:15px; background-color:#fff;}
.submenu2 ul{ margin:0px; padding: 5px 0px; width:200px;}
.submenu2 ul li{ margin:0px; padding-left:13px; }
.submenu2 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu2 ul li .flechaMenu { width:10px; margin-top:1px; float:left;}
.submenu2 ul li .item { width:170px; float:left;}
.submenu2 ul li a{ text-decoration:none; font-size:11px; color:#4c4c4c;}
.submenu2 ul li a:hover{ text-decoration:none; font-size:11px; color:#295fb0;}

.submenu3{width:185px; padding-left:15px; background-color:#fff;}
.submenu3 ul{ margin:0px; padding: 5px 0px; width:185px;}
.submenu3 ul li{ margin:0px; padding-left:13px;}
.submenu3 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu3 ul li .flechaMenu { width:10px; margin-top:1px; float:left;}
.submenu3 ul li .item { width:155px; float:left;}
.submenu3 ul li a{ text-decoration:none; font-size:11px; color:#4c4c4c;}
.submenu3 ul li a:hover{ text-decoration:none; font-size:11px; color:#295fb0;}
.menu ul li a.menu_resaltado, .submenu1 ul li a.menu_resaltado2, .submenu2 ul li a.menu_resaltado2, .submenu3 ul li a.menu_resaltado2  { color:#295fb0;}

/* Zonas
-----------------------------------------------------------------------------*/
.zona{ width:230px; background:url('../images/fndZona.gif') repeat-y;}
.zonaSup{background:url('../images/titZona.gif') no-repeat; padding:10px 20px;}
.cajaInf{ width:230px; height:5px; background:url('../images/infZona.gif') no-repeat; font-size:4px;}
.titulos_zona { font-size: 14px; color: #065eb5; font-weight:bold;}
.cajaZona{ padding:8px; margin:0; }
.vinculos li a { font-size: 11px; text-decoration: none; color: #686868;}
.links_zonas {	font-size: 11px; text-decoration: none; color: #686868;}
.vinculos ul{ margin:0px; padding:0px;}
.vinculos li{margin:0px; background-image:url(../images/bullet2.gif); background-repeat:no-repeat; background-position: 0px 10px;  padding:5px 5px 5px 12px; list-style:none;}
.vinculos{ padding:0px 10px;}
.textopregunta{ color:#1d3c7c; font-size:13px;}
.textorespuesta{ color:#1d3c7c; font-size:11px;}
.verResultado{margin:4px;}

.cajaSup{width:191px; background-color:#d5e6f2; font-size:14px; color:#013888; padding:5px 6px;}
.caja{width:191px; padding:7px 6px; border-left:1px solid #d5e6f2; border-right:1px solid #d5e6f2;}
.caja:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.cajaSupDer{width:183px; background-color:#d5e6f2; font-size:14px; color:#013888; padding:5px 6px;}
.cajaInfDer{	width:195px; height:5px;}
.cajaDer{width:179px; border-left:1px solid #ededed; border-right:1px solid #ededed; background:url('../images/fndIngreso.jpg') no-repeat; padding:5px 7px; font-size:14px; color:#757575; font-weight:bold;}
.caja2Der{width:193px; padding:0px; margin:0; border-left:1px solid #d5e6f2; border-right:1px solid #d5e6f2; }

.cajaSupDerGris{width:181px; font-size:12px; color:#fff; padding:5px 6px; background:url('../images/supZonaGrisDer.jpg') repeat-y; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #d0d0d0;}
.cajaDerGris{width:193px; padding:0px; margin:0px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }


.vinculos2 li a {	font-size: 11px; text-decoration: none; color: #013888; font-weight:normal;}
.links_zonas2 {	font-size: 11px; text-decoration: none; color: #013888; font-weight:normal;}
.vinculos2{padding:10px 9px 0px 9px;}
.vinculos2 ul{ margin:0px; padding:0px;}
.vinculos2 li{margin:0px; background-image:url(../images/bullet2.gif); background-repeat:no-repeat; background-position: 0px 10px;  padding:5px 5px 5px 12px; list-style:none;}
.vinculos1 li a, .vinculos1 a {font-size: 11px; text-decoration: none; color: #013888; font-weight:normal;}
.vinculos1{padding:8px; margin:0px;}
.vinculos1 ul{ margin:0px; padding:0px;}
.vinculos1 li{margin:0px; background-image:url(../images/bullet2.gif); background-repeat:no-repeat; background-position: 0px 6px;  padding:0px; list-style:none; display:inline; clear:both; line-height:160%; padding-left:10px;}

.mes{ font-size:13px; font-weight:bold; text-align:center;}
.btn{background:url('../images/fndBoton.jpg') repeat-x; font-size: 10px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#fff; border:0px; padding:2px 4px;  text-decoration:none; margin-top:3px;}
.btn:hover{background:url('../images/fndBoton.jpg') repeat-x; font-size: 10px; font-family: Tahoma, Arial, Verdana, sans-serif; color:#fff; border:0px; padding:2px 4px;  text-decoration:underline; margin-top:3px;}



/* Formas
-----------------------------------------------------------------------------*/

.combo{ border:1px solid #CCCCCC; color:#565656; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; background-color:#f5f5f5; width:174px;}
.comboPre{ border:1px solid #CCCCCC; color:#565656; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; background-color:#f5f5f5; width:570px;}
.cajaInput{ border:1px solid #CCCCCC; color:#565656; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; background-color:#f8f8f8; padding:2px; width:110px;}
.cajaInput2{ border:1px solid #CCCCCC; color:#565656; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; background-color:#f8f8f8; padding:2px;}
.cajaInput2:focus { border: #999 solid 1px; background-color:#fff;}

.cajaInput2:hover { border: #999 solid 1px; background-color:#fff;}


/* contenido
-----------------------------------------------------------------------------*/
.texto { font-size: 11px; color: #747474;}
.textoCorreo{ font-size: 10px; color: #747474;}
.titulo-noticia{ font-size: 20px; color: #013888; text-decoration: none; font-weight:normal;}
h1 span{ font-size: 20px; color: #295fb0; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
h1{ font-size: 20px; color: #295fb0; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
h3{font-size: 11px; color:#295fb0; text-decoration: none; font-weight:bold; margin:3px 0px; padding:0px;}
h3 a{text-decoration: none; font-weight:bold;}
.content h1{font-size: 22px; color: #013888; text-decoration: none; font-weight:normal; margin:0px; padding:0px 0px 5px 0px; border-bottom:#e9f4ff solid 1px;}
.content h2{font-size: 12px; color: #013888; text-decoration: none; font-weight:bold; margin:0px; padding:0px;}
.content h3{font-size: 11px; color: #747474; text-decoration: none; font-weight:normal; margin:0px; padding:0px; background-color:#fff;}
.texto-pequeno{font-weight: normal; font-size: 10px; color: #81c0ff; text-decoration: none;}
.titCalifique{font-size: 12px; color: #065eb5;}


/* principal
-----------------------------------------------------------------------------*/
.cajaPrincipal{ padding-bottom:6px;}
.cajaPrincipal h1{font-size: 20px; color: #013888; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.cajaPrincipal h2{font-size: 18px; color: #475364; text-decoration: none; font-weight:normal; margin:0px; padding:0px; }
.cajaPrincipal h2 a{font-size: 18px; color: #475364; text-decoration: none; font-weight:normal;}
.cajaPrincipal h2 a:hover{color: #000;}
.cajaPrincipal h3{font-size:12px; line-height:18px; color: #3f3f3f; text-decoration: none; font-weight:normal; margin:0px; padding:0px; background-color:#fff; }
.fotoPrin{ float:left; margin-right:15px;}
.fotoPrin img{margin-bottom:5px; border:1px solid #a9a9a9; padding:1px;}
.bajar{clear:both;}

/*titulares*/

#titulares_normal h1{ font-size: 16px; color: #295fb0; text-decoration: none; font-weight:bold; margin:0px; padding:0px;}
#titulares_normal hr{margin:0; padding:0;}


/* destacado
-----------------------------------------------------------------------------*/
.destacado{padding:0px 7px; padding-bottom:5px; margin-bottom:5px;}
.destacado h1{font-size: 14px; color: #065eb5; text-decoration: none; font-weight:normal; margin:10px 0px; padding:0px;}
.destacado h1 a{font-size: 14px; color: #065eb5; text-decoration: none; font-weight:normal;}
.destacado h1 a:hover{color: #000;}
.destacado h2{font-size: 14px; color: #065eb5; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.destacado h3{font-size: 11px; color: #000000; text-decoration: none; font-weight:normal; margin:0px; padding:0px; line-height:16px;}
.imagenDestacado{border:1px solid #a9a9a9; padding:1px;}
.fotoDes{ float:left; margin-right:10px;}
.lineaDes{  border-bottom:1px solid #e9f4ff; padding-bottom:4px; margin-bottom:10px;}


/*  Estilos Tabs de titulares  */
.tabHover{height:23px; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #575757; text-align:center; margin:0px 6px; font-weight:bold; padding:5px 6px 0px 6px;}
.tabOff{height:23px; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; background-color:#ededed; text-align:center; margin:0px 6px; font-weight:bold; padding:5px 6px 0px 6px;}
.tabOn{height:23px; border-top:1px solid #575757; border-left:1px solid #575757; border-right:1px solid #575757; border-bottom:1px solid #f8f8f8; text-align:center; margin:0px 6px; font-weight:bold; padding:5px 6px 0px 6px;}
.tabOn { z-index:2; color:#1a1a1a; cursor:pointer; font-size:13px; font-weight:bold; background:url('../images/fndTab.jpg') repeat-x;}
.tabOff { z-index:0; color:#7c7b7b; cursor:pointer; font-size:13px; font-weight:bold; }
.tabHover { color:#1a1a1a;}
#tab3, #tab2, #tab1, #tab4 {float:left;}
#tabContenido{ height:auto; z-index:1; clear:both; padding:10px; line-height:18px; color:#e2001a; background:url('../images/fndContenido.jpg') repeat-x;}
#_ctl1_titulares_titulares_ajax { overflow:auto; height:auto; position:relative;}
#tab{ border-bottom:solid 1px #575757; height:29px; margin-top:10px;}
#tabContenido div{ margin:8px 0px;}


/*otros*/
#ruta_sitio_lbl_ruta span.titulos_noticias, #_ctl1_ruta_sitio_lbl_ruta span.titulos_noticias {font-size:11px; color:#295fb0; font-family: Tahoma, Arial, Verdana, sans-serif;}
#ruta_sitio_lbl_ruta a.titulos_noticias, #_ctl1_ruta_sitio_lbl_ruta a.titulos_noticias {font-size:11px; color:#295fb0; font-family: Tahoma, Arial, Verdana, sans-serif; text-decoration:underline;}

/*calendario*/

.listados { font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size: 10px; color: #666666; text-decoration: none; background-color: #F5F5F5; border: 1px solid #999999;}
.calendario_mes {font-size: 11px; font-weight: bold; text-decoration: none; color: #295fb0; background-color: #d7d7d7; }
.calendario_dias {font-size: 11px; font-weight: bold; color: #13367a; text-decoration: none; }
.calendario_numeros_blancos { font-size: 11px; color: #666666; background-color: #FFFFFF; }
.calendario_numero_gris {font-size: 11px; color: #666666; text-decoration: none;}
.calendario_hoy {font-size: 11px; color: #FFFFFF; background-color: #295fb0;}
.calendario_evento {font-size: 11px; color: #000000; text-decoration: none; background-color: #295fb0; }
.calendario_fondo {background-color: #F5F5F5;}