html, body { margin: 0; padding: 0; height: 100%; }
#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mapa { position: relative; top: 0; left: 0; width: 100%; height: 600px; border: 1px solid #239623; }
#toolbar-wrapper { margin-right: 0px; position: relative; }
#content { clear: both }
#toolbar { width: 100%; }
#map-wrapper { position: relative; height: 100%; }
#sidebar { float: right; position: relative; width: 325px; height: 100%; overflow-y: auto }
body.sidebar-right #map-wrapper { margin-right: 340px; }
body.sidebar-right #sidebar { right: 0; }
body.sidebar-off #map-wrapper { margin: 0; }
body.sidebar-off #sidebar { display: none; }
#alert { position: absolute; top: 350px; left: 0; width: 100%; text-align: center; display: none; }
#alert p { width: 250px; margin: 0 auto 0 auto; padding: 10px; background: #ff9933; border: 2px solid #ff6600; }
body.loading #alert { display: block; }
#drt { position: absolute; right: 4px; width: 330px; height:auto!important; height:100%; min-height:100%;
*visibility: hidden; margin: 1px; padding: 0px 0px 0px 0px; display: none;
background-color: #ffffff; font-family: Comic, Verdana; border: 1px solid #ff6600;
font-size: 11px; z-index: 99;
}
#message { font-family: Verdana, Arial; font-size: 0.90em; color: #ffffff; }
SELECT{ font-family: Verdana; font-size: 13px; color: #000000; background-color: #FFFFff; border: 1px solid #543229; padding: 3px }
OPTION{font-family: Verdana; font-size: 12px; color: #000099; padding: 3px}
/* ESTILOS DE CABECERA */
/* NARANJA #FAA135 */
#cabecera { height: auto; background-color: #000000; } /* fondo gris claro: d9d9d9 */
#cabeceraF { margin: 0 auto; width: 990px; height: auto; background-color: #000000; } /* fondo gris claro: d9d9d9 */
#cab1 { margin: 0px; height: auto; margin: 0px; padding: 0px }
#cab1 img { border: none}
#cab1i { float: left; height: auto }
#cab1d { float: right}
#cab3 { clear: both; height: auto; background-color: #e8e8e8; margin: 0px; padding: 0px }
#menu { margin: 0px auto }
#cab4 {clear: both; background-color: #ee5500; width: 100%; height: 35px }
#cab4i { float: left; width: 450px; }
#cab4c { float: left; font-family: Sans-Serif, Verdana; color: #000000; font-size: 0.85em; text-align: center; }
#cab4d { float: right; width: 35px; font-family: Sans-Serif, Verdana; color: #ffffff; font-size: 0.90em; padding-top: 5px}
.titublanco { margin: 0px; padding-left: 10px; font-family: verdana, courier; font-weight: bold; font-size: 1.6em; color: #ffffff }
.titulogo { margin: 0px; padding: 0px; font-family: verdana, courier; font-weight: bold; font-size: 1.8em }
.tit_bl_25 { font-weight: bold; font-style: normal; font-size: 20px; color: #ff6600; font-family: Trebuchet, Verdana }
.color1 { color: #236EFA }
.color2 { color: #c81919 }
.color3 { color: #239623 }
.color4 { color: #ffdc0f }
/* ESTILOS DE CABECERA */
/* estilos ayuda*/
#ayuda {background-color: #ffffff; margin: 20px; padding: 20px}
.highlight { font-family: helvetica; font-size: 10pt; font-weight: bold; color: #000000; }
/* estilos ayuda*/
.tit_na_32 {
FONT-WEIGHT: bold;
FONT-STYLE: normal;
FONT-SIZE: 30px;
COLOR: #ff6600;
FONT-FAMILY: Trebuchet, Verdana
}
.fecha {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-FAMILY: Verdana, comic
}
/* ESTILOS CABECERA */
/* estilos PORTADA 1 */
div#cuerpo {
padding: 0px;
overflow: auto; /* Se ajusta a col+alta en ff */
height:100%; /* Se ajusta a col+alta en ie6 */
width: 990px; /* 960px; */
margin: 10px auto;
background-color: #ffffff
}
div#columna_izquierda { float:left; width: 220px; height: 100% }
div#col_izquierda { float:left; width: 690px; height: 100% }
div#iz1 { border:solid #eeeeff 5px; padding-right: 8px; padding-left: 8px; padding-top: 8px; margin: 5px 5px 0px 0px }
div#columna_central { float:left; width: 500px; height: 100%; }
div#cc1 { margin-top: 10px; padding: 8px }
div#cc2 { margin-top: 10px; padding: 10px 10px 10px 5px }
div#columna_derecha { float: left; width: 270px; height: 100% }
div#col_derecha { float: left; width: 300px; height: 100% }
div#dc1 { border:solid lightblue 5px; padding: 8px; margin: 5px 0px 0px 5px }
div#dc2 { border:solid lightblue 5px; padding: 8px; margin: 20px 0px 0px 5px }
div#pie { clear: both; border:solid orange 1px; margin-top: 15px; padding:10px; text-align:center; font-size:80%; background-color: #ffffff }
H2 {font-family: Arial, Verdana; font-size:120%; color:#ff6600; font-style:normal; margin: 0 }
H3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:110%; color:#FFbbbb; font-style:normal; margin:5px 0px 5px 0px }
.mapita { text-align: left; }
.mapita img { border: none; width: 185px; padding-bottom: 0px}
.texto { FONT-SIZE: 11px; TEXT-INDENT: 10px; FONT-FAMILY: Comic, Verdana; TEXT-ALIGN: justify }
.noti{ clear: both; margin-bottom: 25px }
.noti p { font: normal 14px Arial; line-height: 140%; text-align: justify }
.noti h1{ font: bold 16px verdana; color: #bbaaff; padding-top: 10px }
.noti h1 a{ font: bold 16px verdana; color: #aa99ee; text-decoration: none}
.noti h1 a:hover{ font: bold 16px verdana; color: #7766bb }
.noti img { float:left; border: none; padding-right: 10px; padding-bottom: 10px; width: 160px; clear: none }
.notifesti{ margin-bottom: 20px; float: left; width: 485px }
.notifesti p { font: normal 14px Arial; line-height: 140%; text-align: justify }
.notifesti h1{ font: bold 16px verdana; color: #bbaaff }
.notifesti h1 a{ font: bold 16px verdana; color: #aa99ee; text-decoration: none}
.notifesti h1 a:hover{ font: bold 16px verdana; color: #7766bb }
.notifesti img { float:left; border: none; padding-right: 10px; padding-bottom: 10px; width: 150px }
.notifesti .cuando { font: bold 12px Arial }
.notifesti .titufes { font: italic bold 14px Verdana; color: #9966aa; padding-top: 5px }
.notifesti_d { height: 100%; float: left; background: #eeefee; margin-left: 15px; margin-right: 0px; padding: 0px; width: 170px }
.notifesti_d img { border: none; width: 160px; padding: 5px }
div#map_canvas { width: 675px; height: 430px; border: solid 1px #ff6600 }
.enlace { color: #666666 }
.enlace img { float: left; border: none; margin-top: -7px; padding-right: 10px; width: 40px}
/* .enlace p { font: bold 12px Arial } */
.enlace a { font: normal 12px Arial; text-decoration: none; color: #8877cc }
.enlace a:hover { text-decoration: underline; color: #554499 }
/* estilos PORTADA 1 */
/* parte derecha home */
.recofesti { font: normal 12px verdana; color: #464646; margin-bottom: 10px }
.recofesti H1{ font: bold 14px verdana; color: #9988dd }
.recofesti a{ font: bold 14px verdana; color: #9988dd; text-decoration: none }
.recofesti a:hover{ font: bold 14px verdana; color: #7766bb; text-decoration: underline }
.recofesti img { float:left; border: none; padding-right: 5px; padding-bottom: 5px; width: 90px }
.recofesti .cuando { font: bold 12px Arial }
/* parte derecha home */
/* parte izquierda home */
.proximos { font: normal 13px verdana; color: #464646; margin-top: 0px }
.proximos H1 { font: bold 13px verdana; color: #9988dd; margin: 0px; padding: 0px }
.proximos H1 img { width: 15px; border: none; padding-right: 3px; margin-bottom: -3px }
.proximos a{ font: bold 13px verdana; color: #7766bb; text-decoration: none }
.proximos a:hover{ font: bold 13px verdana; color: #554499; text-decoration: underline }
.proximos H3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:125%; color:#FF9999; font-style:normal; padding-bottom: 0px; margin:5px 0px 0px 0px }
/* estilos para la izquierda */
div#publi1 { background-color: #dbdbdb; margin: 10px 5px 10px 0px }
div#publi2 { background-color: #dbdbdb; margin: 10px 0px 10px 0px; overflow: hidden }
div#publi3 { background-color: #dbdbdb; margin: 10px 0px 10px 5px }
div#publi p { FONT: normal 9px Verdana; text-align: center; margin: 0px auto; color: #ffffff; padding-bottom: 3px; letter-spacing: 4px }
div#publi img { float: none; border: none; margin: 0px auto; padding: 2px }
/* parte izquierda home */
/* estilos para ultimos comentarios en la Home */
#Ucomenta { background: #eeeeee; margin: 5px 5px 10px 0px; padding: 0px 5px 5px 5px }
#Ucomenta .box { font: normal 13px Arial; color: #444444; margin-bottom:5px; margin-right: 5px }
#Ucomenta .titucomen { font: normal 14px Arial; color:#6633bb; padding: 10px 3px 0px 0px }
#Ucomenta .titucomen a { text-decoration: none; color: #ff6600 }
#Ucomenta .titucomen a:hover { text-decoration: underline; color: #ee5500 }
/* estilos para ultimos comentarios en la Home */
/* estilos mapa */
.aviso { font-weight: bold; color: #ff0000 }
div#coord {
font: normal 12px Arial;
color: #ffffff;
position: absolute;
top: 5px;
left: 85px;
min-width: 200px;
padding: 3px;
background-color: #6f8cce;
z-index: 1;
-webkit-box-shadow:2px 2px 2px #555555;
-moz-box-shadow:2px 2px 2px #555555;
box-shadow:2px 2px 2px #555555
}
/* altagratis */
div#altai { float: left; width: 530px; margin: 10px }
div#altad { float: left; width: 430px; margin-right: 10px }
.tit_na_22 { FONT: bold 20px Verdana; COLOR: #ff6600; padding-left: 10px }
/* ######### estilos PRIVADO ########## */
.pie a { COLOR: #990000; TEXT-DECORATION: none }
.pie a:hover { COLOR: #ff6600; TEXT-DECORATION: underline }
.pie { FONT-WEIGHT: bold; FONT-SIZE: 0.72em; COLOR: #000000; FONT-FAMILY: Verdana }
.pie2 { FONT-WEIGHT: normal; FONT-SIZE: 0.60em; COLOR: #000000; FONT-FAMILY: Verdana }
.pie_oscuro { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000099; FONT-FAMILY: Verdana }
.pie_oscuro a { COLOR: #8abcff; TEXT-DECORATION: none }
.pie_oscuro a:hover { COLOR: #ff6600; TEXT-DECORATION: underline }
.pie_comercial { FONT-SIZE: 10px; COLOR: #ff6600; FONT-FAMILY: Verdana }
.pie_comercial a { COLOR: #000000; FONT-FAMILY: Verdana; ; TEXT-DECORATION: none }
.pie_comercial a:hover { COLOR: #0000ff; FONT-FAMILY: Verdana; TEXT-DECORATION: underline }
/*Estilos para la cabecera de la pagina*/
#popup { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup2 { background:#dddddd; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup3 { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
#popup4 { background:#FFFFFF; border:1px solid #ff6600; margin:0px; padding:7px;}
.small { font-family: verdana; font-size: 8pt; color: #ff6600; }
.small a:link { font-family: verdana; font-size: 8pt; color: #ff6600; text-decoration: none; }
.small a:Visited { font-family: verdana; font-size: 8pt; color: #ee6600; text-decoration: none; }
.small a:Hover { font-family: verdana; font-size: 8pt; color: #ff8822; text-decoration: underline; }
.highlight { font-family: helvetica; font-size: 8pt; font-weight: bold; color: #000099; }
.peq { font-family: helvetica; font-size: 0.75em; color: #000099; }
.peq2 { font-family: helvetica; font-size: 0.70em; color: #666699; }
/*.medium { font-family: helvetica; font-size: 10pt; font-weight: bold; color: #444444; }*/
.largish { font-family: helvetica; font-size: 14pt; color: #000099; }
.largishHighlight { font-family: helvetica; font-size: 18pt; color: #FF9900; }
.large { font-family: helvetica; font-size: 28pt; color: #003399; }
.largeHighlight { font-family: helvetica; font-size: 30pt; color: #FF9900; }
.tituPral { color: #098179; font-family: Arial, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; }
.navtext { width:160px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:8pt; border-width:1px; border-style: outset; border-color:green; background-color: #ffdeaa; color:green; }
/*Estilos menú izquierdo en la capa SIDEBAR del Mapa*/
.ley { font: normal 12px sans-serif, verdana; color: #a8a8a8; text-decoration: none; margin-bottom: -5px }
.ley a { font: normal 12px sans-serif, verdana; color: #a8a8a8; text-decoration: none; }
.ley a:hover { font: normal 12px sans-serif, verdana; color: #000099; text-decoration: none; }
.ley img, .lay img { padding-right: 2px; padding-left: 4px; border: none }
.lay { font: normal 12px sans-serif, verdana; color: #ff6600; text-decoration: none; }
.lay a { font: normal 12px sans-serif, verdana; color: #ff6600; text-decoration: none; }
.lay a:hover { font: normal 12px sans-serif, verdana; color: #0000ee; text-decoration: underline; }
div#lista2 {}
#lista2 img { float: left; padding-top: -10px; padding-right: 10px; border: none; width: 30px }
.icomes { margin-top: 7px; padding: 0px; text-transform: uppercase; font: bold 12px Arial; color: #555555 }
.icomes img { float: left; width: 11px; margin-top: -7px; padding-right: 3px }
.festimes { padding-left: 10px; margin-top: -10px; line-height: 90%; padding-bottom: 0px }
/* estilos dentro del mapa y en sus ventanas */
.campo_popup { font: bold 10px Arial; color: #ff0000 }
.titu_popup { font: bold 17px Arial; color: #ff0000; margin-top: 5px }
div#lista1 {}
div#lista3 {}
.domi_10 { FONT-SIZE: 0.80em; font-weight: bold; COLOR: #006600; FONT-FAMILY: comic, verdana; margin: 0px; padding-bottom: 0px }
/*.titu_popup{ text-align: left; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; font-size: 16px; }*/
.txt10_popup{ font-family: San Serif, Comic, Helvetica, Arial; color: #000000; font-size: 10px; }
.style1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
.style2 {font-family: Arial, Helvetica, sans-serif}
/* Localizador */
#localizador { font-family:Arial, Verdana, Helvetica, sans-serif; text-align:left; margin:5px 185px 10px 185px; padding-right:4px; color:#898989 }
#localizador a { color:#00626C; text-decoration:none }
/* Varios */
.separa { width:auto; margin:4px 0px 4px 0px; padding:2px 0px 2px 0px; border-bottom:dotted 1px #ff6600; clear:both }
.separa0 { width:auto; margin:4px 0px 4px 0px; padding:2px 0px 2px 0px; clear: both }
.separa01 { width:auto; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #C5C5C5; clear:both }
.separa02 { width:auto; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #000000; clear:both }
/* /////////////////////////////////////////////////////////////////////// */