/* cst502-mapas.css - Copyright (c) 2009-2010 by Juan Rodríguez & Begues Internet, s.l. */

#MapaGoogle {position:absolute; visibility:hidden; height:80%; width:75%; top:5px; border:1px #CCC solid}
#MapaStreetView {position:absolute; visibility:hidden; height:10%; width:75%; top:5px; border:1px #CCC solid}
h1 {border-bottom:1px #CCC solid}
/* */
#Bloque100 {display:none; padding:3px; background:#576969; border:1px #CCC solid; margin-bottom:35px}
#MapaResena {height:400px}
#UnMomento {text-align:center; margin-top:15em; font-size:10pt; color:#CCC}
#Bloque690 {text-align:center; width:100%}
#Bloque700 {position:absolute; background:#CCC; width:450px; top:25px; margin-left:250px; padding:0 1em; z-index:4; border:2px #800000 solid}
#Bloque700 p {font-size:8pt}
#Bloque700 ul {padding-left:1em}
#Bloque700 h5 {margin-top:0.5em; margin-bottom:0.5em}

html>body #DivDerecha  {position:fixed}
#DivDerecha {position:absolute; z-index:2; top:15px; background:#576969; overflow:hidden; left:-275px; width:220px; border:2px #BFD6E3 solid; padding:5px}
#DivDerecha a:link, #DivDerecha a:visited {color:#CCC}
#DivDerecha a:hover {color:#BFD6E3; font-weight:bold}
#DivDerecha p, #DivDerecha a, #MarquesinaFlotante a {font-family:Verdana, sans-serif; text-align:left; color:#BFD6E3; font-style:italic; font-size:11px}
#DivDerecha p {text-align:right}
#DivDerecha h2 {background:none; border:none}
#MdC {position:absolute; text-align:center; top:-100px; font-family:Verdana, sans-serif; color:#BFD6E3; font-style:italic; font-size:12px}
#DivDerecha2 {visibility:hidden; display:none}
#DivDerecha2 p {border-right:1px white solid; margin-top:25px; padding-right:0.5em}
#DivDerecha4 {visibility:hidden; display:none; text-align:center}
#DivDerecha4 p {text-align:left; margin-top:1em; padding-right:0.5em}

#BandaPie  {position:absolute; z-index:1; left:5px; width:75%; visibility:hidden}
#BandaPie  h1 {margin-top:5px; margin-bottom:5px}

#MarquesinaFlotante {position:absolute; visibility:hidden; width:220px; top:300px; left:-275px; text-align:center}
#MarquesinaFlotante h2 {margin-bottom:5px}
#MarquesinaFlotante a:link, #MarquesinaFlotante a:visited {color:#CCC}
#MarquesinaFlotante a:hover {color:#BFD6E3; font-weight:bold}
#Bloque601 {margin-top:5px; margin-bottom:5px; border:1px #BFD6E3 solid; padding:0.5em; text-align:center; background:#234; color:#BFD6E3; font-family:Verdana, sans-serif; font-style:italic; font-size:11px}

#resena, .resMaxTxt, .res-avisos {font-family:Verdana, sans-serif; color:#BFD6E3; background:#234; width:290px; text-align:left; font-style:italic; font-size:8pt; border:2px #BFD6E3 ridge; padding:6px}
#resena p {font-family:Verdana, sans-serif; color:#BFD6E3; font-style:italic; font-size:8pt}
#resena b, .resMaxTxt b {font-style:normal; color:#DDD; display:block; padding-bottom:2px; border-bottom:1px #BFD6E3 solid; margin-bottom:5px}
#resena a.pflecha:link, #resena a.pflecha:visited, .resMaxTxt a.pflecha:link, .resMaxTxt a.pflecha:visited {font-size:8pt}
#resena a.pflecha:hover, .resMaxTxt a.pflecha:hover {font-weight:normal; padding-left:25px}
#resena a:link, #resena a:visited, #resena a:hover, .resMaxTxt a:link, .resMaxTxt a:visited, .resMaxTxt a:hover{text-decoration:none; color:#DDD}
#resena a:hover, .resMaxTxt a:hover {color:#FFD700}
#resena img {float:right}
#resMax {margin-top:5px; margin-right:15px; padding:5px 10px; background:#234}
#resMax form {flo9at:right}
#resMax td {vertical-align:top}
.resMaxTxt {border:none; padding-top:15px; text-align:left !important}
.resMaxTxt p {font-family:Verdana, sans-serif; color:#BFD6E3; font-style:italic; font-size:8pt; text-align:left !important}
#resOpc, #resMaxOpc {font-family:Verdana, sans-serif; color:#2F4F4F; font-style:italic; font-size:11px; text-align:center; border:1px #BFD6E3 solid; margin-top:6px; padding:2px}
#resOpc a:link, #resOpc a:visited, #resOpc a:hover, #resMaxOpc a:link, #resMaxOpc a:visited, #resMaxOpc a:hover {text-decoration:none; padding:0 1em; font-style:normal; color:#000080}
#resOpc a:hover, #resMaxOpc a:hover {color:#800000}
#resMaxOpc {margin-top:10px; margin-right:15px; text-align:left}
#ResMaxFormHasta, #ResMaxFormHasta select, #ResMaxFormHasta input {font-style:italic; font-size:8pt}
#ResMaxFormHasta {background:#CCC}
.res-avisos {text-align:center; margin-top:5px}
img.jrc033 {width:134px; height:33px; margin-top:10px; margin-bottom:10px}

select {font-family:Verdana, sans-serif; text-align:left; background:#234; color:#BFD6E3; font-style:italic; font-size:12px}
option {border:none}

#sidebar {color:#BFD6E3; background:#234; border:2px #BFD6E3 ridge; padding:2px; height:175px; margin-top:1em; overflow:auto}

/* CSS3 */
#MapaGoogle, #MapaStreetView {-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px}

/* --- */
#sidebar, #sidebar div, #resena p {font-family:Verdana, sans-serif; color:#BFD6E3; background:#234; font-style:italic}
#resena td {color:#BFD6E3; background:#234}
hr  {width:40%; border:0; border-top:1px #BFD6E3 solid; height:1px}