/* cst002-castefa.css - @ Juan Rodríguez, consultor & Begues Internet, s.l.*/

body {background:#141515 url(dir020-fpaginas.gif); background-repeat:repeat-x; background-attachment:fixed; margin:0; padding:0}
body, div, table, p {font-family: Verdana, 'trebuchet ms', tahoma, sans-serif; font-size:10pt; color:#18242D}

html>body #Derecha  {position:fixed}  /* Todos menos IE6, que no reconoce fixed */
html>body #Cabecera {position:fixed}
html>body #NoJS {position:fixed}

#Derecha   {position:absolute; z-index:20; overflow:visible; height:99%; width:180px; left:1008px}
#Cabecera {background:#141515 url(dir020-fpaginas.gif); background-repeat:repeat-x; z-index:10; left:72px; border-spacing:0; padding:0 15px 5px 5px}
#Cuerpo    {position:absolute; z-index:5; top:80px; left:72px; width:900px}

a:link, a:visited, a:hover {text-decoration:none; color:#00005A}
a:visited {color:#003333}
a:hover  {color:#800000}
a.sub {text-decoration:underline}
a.pflecha:link, a.pflecha:visited, a.pflecha:hover {background: url(../rc/dir050-enlace.png) left center no-repeat; font-family:Verdana, sans-serif; padding-left:20px; font-style:normal !important}
a.pflecha:hover {font-weight:bold; padding-left:30px}

#Cabecera a:link, #Cabecera a:visited {color:#CCC}
#Cabecera a:hover {color:#BFD6E3; font-weight:bold}
.cabRuta {font-family:Verdana, sans-serif; font-size:8pt; font-style:italic; color:#CCC; text-decoration:overline; margin:0}
.cst036 {width:434px; height:35px; margin-top:6px}
.cst037 {width:126px; height:19px; margin-left:100px; margin-right:15px}
.cst037D {width:126px; height:19px; margin-left:0; margin-top:15px}

h1, h2, h3, h6 {font-family:"Lucida sans", Tahoma, Verdana; font-size:10pt; text-align:center; padding:0.2em; font-weight:bold; margin:0}
h1, h3 {font-size:14pt; font-style:italic; font-weight:normal; margin-bottom:1em; color:#FFC}
h2 {border:1px #5D7273 solid; line-height:100%; color:#D3D7CF; background:#245; margin-bottom:1em}
h3, h4 {border-bottom:1px #245 solid; font-family:'trebuchet ms', "Lucida sans", sans-serif; text-align:left; color:#245; font-weight:bold}
h3 {font-size:14pt; background: url(dir023-fh3.gif) left center no-repeat; padding-left:40px}
h4 {font-size:12pt; width:85%; margin-top:2em; margin-bottom:0.5em; background: url(dir024-fh4.png) left center no-repeat; padding-left:30px}
h5 {font-family: "trebuchet ms", "Lucida sans", sans-serif; font-size:10pt; line-height:100%; font-weight:bold; font-style:italic; margin:0; color:#500000}
h6 {text-align:left; font-style:normal; line-height:100%; color:#245; text-decoration:underline; margin:0.2em}

.Bloque {height:1px; visibility:hidden; display:none}

.legal, .cerrar, .arriba {font-family:Verdana, sans-serif; font-size:8pt; font-style:italic; color:#CCC}
.cerrar {width:25%; float:right; text-align:right; border-bottom:1px white ridge}
b     {color:#012828}

#NoJS  {position:absolute; background:#CCC; font-size:10pt; border:3px red solid; padding:1em; z-index:10; left:25px; top:250px; text-align:center; width:300px}

#Bloque98 {height:25px; text-align:right; padding-bottom:0.5em}   /* Arriba */
a.arriba:link, a.arriba:visited {color:#CCC}
a.arriba:hover {color:#FFF}
a.arriba img {width:24px; height:21px; margin-left:5px}

#M800 {width:96%; margin-left:2%; margin-right:2%; margin-bottom:15px; text-align:center}
#M800 td {width:25%}

/* Menú Vertical */
.MVertical {text-align:center; color:#BFD6E3; height:100%; border-spacing:0; margin:0; width:100%}
.MVertical td {vertical-align:top}
.MVertical hr {width:25%; border:0; border-top:1px #245 solid; height:1px}
.MVertical a:link, .MVertical a:visited, .MVertical a:hover, #M800 a:link, #M800 a:visited, #M800 a:hover  {display:block; font-weight:normal; padding:4px 0; margin-bottom:4px; font-size:8pt; color:#BDE; background:#234; border:1px #666 solid}
.MVertical a:hover, #M800 a:hover {color:#800000; font-weight:bold; background:#CCC; padding-left:0.2em; text-align:left}
.MVertical a.MVAct, #M800 a.MVAct {font-weight:bold; border:1px #BDE solid}
a.none:link, a.none:visited, a.none:hover {border:none; padding-left:0; background:none; text-transform:none; font-style:italic}
a.none:hover {text-align:center; color:#BFD6E3}
#M800 a:link, #M800 a:visited, #M800 a:hover {margin-bottom:2px}
a.cst232:link, a.cst232:visited {background:#234 url(dir065-teclado.gif) left no-repeat; height:46px; text-align:right; padding:5px 25px}
a.cst232:hover {text-align:center; color:#FFF}
td.MenuDerInf {vertical-align:bottom; padding-bottom:1em}
#GoogleTraductor {m9argin-top:5px; ma9rgin-bottom:10px; background:#234; border:1px #666 solid}
.skiptranslate {color:#AAA !important}
#GoogleTraductor a {border:none; padding-left:0; background:none; color:#AAA; text-transform:none}
#GoogleTraductor a:hover {color:#BDE; text-align:center; font-weight:normal}
#GoogleTraductor select {background-color:#234; color:#BFD6E3; width:90%; font-size:8pt; font-style:normal; border:2px #5D7273 solid}
#MV {position:absolute; left:-500px; z-index:35}
#TxtMV {width:235px; top:0; text-align:center; background-color:#234; padding:5px 5px 10px 5px; border:1px #FFC solid; font-size:8pt; color:#CCC}
#TxtMV p {font-style:italic; font-size:10pt; font-weight:bold; color:#FFC}

/* Reseñas */
#DivTop {background:#022; margin-top:10px; margin-bottom:10px; padding:5px 0; border:1px #5D7273 solid}

.LogoTop {vertical-align:middle; text-align:right; padding:10px 20px 10px 10px; font-family:Verdana, sans-serif; font-size:8pt; font-style:italic}
.LogoTop a:link, .LogoTop a:visited {color:#CCC; text-align:center}
.LogoTop a:hover {color:#BFD6E3; font-weight:bold}
.LogoTop img {margin-right:0}

table.rTop, table.rPrior, table.rBasic, table.rEstandar {width:100%; padding:0; font:1em/1.2em Verdana}
table.rTop td, table.rPrior td, table.rBasic td, table.rEstandar td {width:50%; vertical-align:top}
table.rPrior, table.rBasic, table.rEstandar {margin-top:20px}

dl {background:#BBB; border:2px #CCC outset; text-align:center; color:#012828; padding-bottom:3px}
dt {background:#CCC; color:#234; margin:2px; padding:4px 4px 4px 8px; font-weight:bold; border:1px #576 solid}
dd {margin-left:4px; margin-right:4px}
dd a  {font-size:8pt; font-style:italic; color:#012828}
dd.dir, dd.dir a {font-size:8pt; font-style:italic; text-align:left}
dd a.eflecha  {background: url(../rc/dir050-enlace.png) left center no-repeat; float:right; padding:0 3px 0 20px; margin-left:12px}
dd.dir a.eflecha  {float:none; margin-left:0}

span.telf {float:right; font-weight:bold}
span.telefonos {font-weight:bold}
span.web {background: url(../rc/dir050-enlace.png) left center no-repeat; float:right; margin:0; margin-left:16px; font-weight:normal; padding:0 3px 0 20px; font-size:8pt; font-style:italic; letter-spacing:0}
img.cliente {float:left; width:65px; height:50px; margin-top:-15px; margin-left:-9px; border:1px #576 solid}

dl:hover {background:#234; border:2px #FFC solid; color:#CCC}
dl:hover dt {background:#234; color:#BDE; border:1px #234 solid}
dl:hover a {color:#BDE}
dl:hover a:hover {color:#FFC}
dl:hover span.telf {padding:0 1em 0 0; font-style:normal; color:#BDE}

table.rTop dl {background:#245; margin:3px; color:#CCC}
table.rTop dt {background:#234; color:#BDE}
table.rTop dl a:link, table.rTop dl a:visited, table.rTop dd.dir, table.rTop span.telf, table.rTop a.eflecha {color:#BDE}
table.rTop dl:hover {background:#234}
table.rTop dl a:hover {color:#FFC}

table.rPrior dl  {margin:0 3px 20px 3px}
table.rPrior dt {background:#234; color:#BDE}
table.rPrior dt a:link, table.rPrior dt a:visited {color:#BDE}
table.rPrior dl a:hover {color:#FFC}

table.rBasic dl  {margin:0 3px 20px 3px}
table.rBasic dl a:hover {color:#FFC}

table.rEstandar dl {margin:0 3px 10px 3px; text-align:left}
table.rEstandar dt {border:none; padding:4px}
table.rEstandar dd a {background: url(../rc/dir050-enlace.png) left center no-repeat; float:right; margin:0; padding:0 3px 0 20px; font-size:8pt; font-style:italic}
a.rCerrar  {float:right; font-weight:normal}
a.rCerrar:hover  {font-weight:bold; text-transform:uppercase}

.cLogo {padding-left:65px} 
.cMapa, .cWeb {padding-right:65px}

#RS99 {visibility:hidden; width:90%; margin-left:5%; text-align:center; overflow:hidden; border:1px #CCC solid; background:#234}
#RS99 a:link, #RS99 a:visited {color:#BDE; display:block; font-size:9pt; padding:3px}
#RS99 a:hover {color:#800000; font-weight:bold; background:#CCC}

dl.RMasInfo, dl.RCrisis {background:#234 !important; border:1px #576 solid; text-align:center; color:#CCC; margin-left:50px !important; margin-right:50px !important; font-size:8pt}
dl.RMasInfo a, dl.RCrisis a {background: url(../rc/dir050-enlace.png) left center no-repeat; float:none !important; padding:0 3px 0 20px; font-style:italic}
dl.RMasInfo a:link, dl.RMasInfo a:visited, dl.RCrisis a:link, dl.RCrisis a:visited  {color:#BDE}
dl.RMasInfo a:hover, dl.RCrisis a:hover {color:#FFC}
dl.RMasInfo dt, dl.RCrisis dt  {background:#245; color:#BDE; margin:4px; text-align:center}
dl.RMasInfo dt > a:link, dl.RMasInfo dt > a:visited, dl.RCrisis dt > a:link, dl.RCrisis dt > a:visited{color:#BDE}
dl.RMasInfo:hover dt, dl.RCrisis:hover dt {background:#234}
dl.RMasInfo dd, dl.RCrisis dd {text-align:center}
dl.RMasInfo option {font-size:8pt}

dl.RCrisis dt {border:1px #BDE solid; font-size:10pt}
dl.RCrisis {background:#000 !important}

/* Lo Más */
#LoMas {position:absolute; top:-400px; visibility:hidden; display:none; z-index:0; width:100%; height:450px}
#LM {width:500px; margin-left:auto; margin-right:auto; background:#022; border:3px #5D7273 double}
#LM h6 {font-size:14pt; text-align:center; margin:10px 100px 0 100px; padding-bottom:5px; text-decoration:none; border-bottom:1px #FFC solid; color:#FFC}
#LM p {font-family:Verdana, sans-serif; font-size:8pt; font-style:italic; text-align:center; color:#CCC}
#LM p.Ranking {background:#022 url(cst038-www_v.png) 100px center no-repeat}
#LM p.Ranking a:link, #LM p.Ranking a:visited, #LM p.Ranking a:hover 
{display:block; border-width:1px; border-style:solid; border-color:#EEE #888 #888 #EEE; font-weight:normal; padding:5px 15px; font-size:8pt; font-family: Verdana, sans-serif; 
color:#BFD6E3; background:#234; margin:10px 100px 10px 150px; text-align:left !important}
#LM p.Ranking a:hover {border-color:#888 #DDD #DDD #888; color:#800000; font-weight:bold; background:#CCC; text-align:center !important; padding:5px}
#LM p.Cerrar {text-align:right !important; margin-right:100px; text-decoration:overline}
p.Cerrar a:link, p.Cerrar a:visited {color:#CCC}
p.Cerrar a:hover {color:#BFD6E3; font-weight:bold}

#DivAgenda {background:#234; padding:5px; margin:2em 0}
div.PrAgenda {padding:1em; float:right}
table.agenda {margin-left:auto; margin-right:auto; width:500px; height:250px; background-image:url(dir061-notebook.gif) }
table.agenda, table.agenda p, table.agenda b, table.agenda i {font-family: Verdana, sans-serif; font-size:8pt}
table.agenda td  {width:50%; padding:5px 20px 5px 20px}
td.AgendaDer {vertical-align:middle; text-align:left}
td.AgendaDer p > b {display:block; margin-bottom:0.1em}
td.AgendaIzq  {vertical-align:top; text-align:center}

/* Pág. alfabéticas */
.actividades {width:90%; margin-left:auto; margin-right:auto; color:#CCC; text-align:left}
.actividades td {padding:10px; width:50%; vertical-align:top}
.actividades p,  .actividades a {color:#CCC}
.actividades a {display:block}
.actividades a:visited {font-style:italic; color:#BBB}
.actividades a:hover {text-align:center; background:#BDE; border-left:5px #800000 solid; font-weight:bold; color:#800000}

.PagAlfLetra {font-size:24pt; color:#BFD6E3; margin-left:10px}
.PagAlfMenu {font-size:12pt; font-family:Verdana, sans-serif; text-align:center; padding-top:10px; border-top:1px #DDD solid; color:#DDD; margin:10px 50px}
.PagAlfMenu a:link, .PagAlfMenu a:visited {color:#DDD; padding:5px}
.PagAlfMenu a:hover {padding:0 4px; color:#800000; background:#BFD6E3; border-left:2px #800000 solid}
.PagAlfRefran {font-family:Verdana, sans-serif; font-size:8pt; font-style:italic; text-align:center; color:#DDD}

#DivBotonera {background:#234; margin:3em 0; padding:5px}
.botonera {width:90%; margin-left:auto; margin-right:auto}
.botonera td {padding:3px; width:25%; text-align:center; vertical-align:middle; background:#BBB; border:2px #FFF ridge}
.botonera td:hover {background:#BDE}
.botonera a:link, .botonera a:visited {font-family:Verdana, sans-serif; font-size:8pt; color:#18242D}
.botonera a:hover {font-weight:bold; color:#800000}
.botonera img {float:left; width:64px; height:64px}

/* Documento */
table.Documento  {width:100%; text-align:left; padding:0; border-spacing:5px}
td.col40, td.col50, td.col60 {vertical-align:top}
td.col40 {width:40%}
td.col50 {width:50%; padding:10px; border-width:2px; border-style:solid; border-color:#EEE #888 #888 #EEE; background:#BBB}
td.col60 {width:60%; background:#DDD; padding:10px; border:1px #5D7273 solid}
td.col60:hover {background:#EEE}
td.col40 p {color:#CCC; font:italic 1em/1.2em Arial; font-size:8pt; font-family: Verdana, sans-serif}
td.col50 p {color:#18242D; font:1em/1.2em Arial}
td.col60 p {font:0.9em/1.5em Verdana}
td.col40 a:link, td.col40 a:visited, td.col40 a:hover {color:#BFD6E3; font-size:8pt; font-family: Verdana, sans-serif}
td.col40 a:hover  {font-style:normal; font-weight:bold; color:#CCC}
td.col40 b {color:#CCC}
div.col40Relieve {padding:5px 10px; background:#234; color:#BFD6E3; border:1px #5D7273 solid}
td.col50 ul, td.col60 ul {font:italic 0.9em/1.5em Verdana; margin:0; padding-left:30px}
td.col40 ul {font:italic 0.8em/1.2em Verdana; margin:0; padding-left:30px}
li a:hover {font-style:normal; font-weight:bold}
p.MenuCol40 a:link, p.MenuCol40 a:visited, p.MenuCol40 a:hover {background: url(dir053-pazul.png) left center no-repeat; padding-left:15px; display:block; font:italic 8pt/1.5em Verdana}
p.MenuCol40 a:hover  {font-style:normal; font-weight:bold; color:#DDD}
td.col40 a.OpcAct {background:#DDD url(dir052-projo.png) left center no-repeat; color:#234; display:block; margin:2px 0; padding:1px; font-weight:bold; font-style:normal; font-variant:small-caps; letter-spacing:1px; text-align:center}

div.atras {margin-bottom:15px; height:25px; font-family:Verdana, sans-serif; font-size:8pt; font-style:italic}
div.atras img {width:38px; height:23px; float:left}
div.atras a:link, div.atras a:hover, div.atras a:visited {color:#BFD6E3}
div.atras a span {display:none}
div.atras a:hover span {display:block; padding-left:4em; padding-top:0.5em}

.margen {font:italic 0.9em/1.2em Verdana !important; padding-left:2em; padding-right:1em}
.peque   {font:italic 8pt/1.1em Verdana !important; color:#18242D}

/* Legal y firmas */
#PiePosicionado {visibility:hidden}
.firmaFoto {padding-top:1em; margin-left:1em; padding-bottom:1em}
.firmaFoto p {font-family:Verdana, sans-serif; font-size:8pt; font-style:italic; padding:0; margin-top:1em}
#nombreJRc, .firmaJRc:first-line  {font-family:"Segoe Print", "Trebuchet MS", sans-serif; font-size:10pt}
.jrc042 {width:100px; height:152px; margin-right:10px}
.cst037p {width:126px; height:19px; margin-top:2px}
.firmaJRc {float:right; width:200px; margin:0 0 15px 0; font-style:italic; font-family:Verdana, sans-serif; font-size:8pt; color:#BDE}
.firmaJRc a {color:#BDE}
.firmaJRc a:hover {font-style:normal; font-weight:bold; color:#CCC}
.legal a:link, .legal a:visited {color:#CCC}
.legal a:hover {font-style:normal; color:#BDE; font-weight:bold}

/* CSS3 */
#DivRed {background:#234; margin-top:6px; margin-bottom:25px; border:1px #5D7273 solid}
.col40Relieve, .col50, #DivTop, #DivRed, #LM, #SugContenido, #TxtMV {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
#DivAgenda, #DivBotonera {-webkit-border-radius:20px; -moz-border-radius:120px 20px; border-radius:120px 20px}
.col60, dl {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
#Cabecera {-webkit-border-top-right-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0}
#Cabecera {-webkit-box-shadow:3px 3px 5px #FFD; -moz-box-shadow:3px 3px 5px #FFD; box-shadow:3px 3px 5px #FFD}
.col40Relieve:hover {-o-transform:translate(30px,0);-webkit-transform:translate(30px,0); -moz-transform:translate(30px,0)}
.col40Relieve {-o-transition-property:background-color; -o-transition-duration:4s; -webkit-transition-property:background-color; -webkit-transition-duration:4s}
table.rTop dl, table.rPrior dl, table.rBasic dl  {box-shadow:2px 2px 4px #FFD; -webkit-box-shadow:2px 2px 4px #FFD; -moz-box-shadow:2px 2px 4px #FFD}
table.rTop dl:hover, table.rPrior dl:hover, table.rBasic dl:hover {z-index:30; -o-transform:scale(1.10) skewX(0); -moz-transform:scale(1.10) skewX(0); -webkit-transform:scale(1.10) skewX(0)}
table.rTop dl:hover span.telf, table.rPrior dl:hover span.telf, table.rBasic dl:hover span.telf {-o-transform:scale(1.10); -o-transform-origin:right bottom; -moz-transform:scale(1.10); -moz-transform-origin:right bottom; -webkit-transform:scale(1.10); -webkit-transform-origin:right bottom}
.RMasInfo {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px}

/* Formularios */
table.Formulario {width:100%; background:#CCC; border-left:2px #546971 solid; border-spacing:5px; margin-bottom:10px}
table.Formulario, table.Formulario p, input, select, textarea, .frm  {font-family:Verdana, sans-serif; font-style:italic; font-size:8pt}
input      {margin-right:5px; color:#234}
.frm, input, textarea {font-style:normal}
.frm, select, textarea {background-color:#DDD; border:1px #FFF solid; color:navy}
textarea  {overflow:auto}

/* Atajos */
#dAtajos {position:absolute; width:100%; height:100%; top:0; left:0; z-index:34}
#vAtajos {width:350px; margin-top:75px; margin-left:auto; margin-right:auto; padding:5px 10px 10px 10px; border:20px #234 solid; background:#FFF}
#vAtajos p {font-family:Verdana; font-size:8pt}
#cT {font-size:18pt; color:#800000; text-align:center; background:#CCC; border:1px #800000 solid}

/* */

img           {border:0}
img.cst062 {width:190px; height:190px}
img.dir080  {width:88px; height:31px}
#cst031, .cst031  {width:126px; height:94px}

table.Tabla, table.TablaD, table.TablaC {border-spacing:5px; width:96%; text-align:left; margin-left:auto; margin-right:auto; font-family:Verdana, helvetica, sans-serif; font-size:0.8em}
table.TablaD {text-align:right}
table.TablaC {text-align:center}
caption {text-align:center; border:1px #E6E6FA solid; background:#606060; color:#FFD; font-weight:bold; text-transform:uppercase; padding:0.2em 0}
th                   {text-align:center; background:#707070; border:1px #FFD ridge; padding:0.2em; color:#FFE; font-weight:normal}
td.tdsubtit      {text-align:center; background:#909090; border:1px #FFE ridge; padding:0.2em; color:#FFF}
td.tdconcepto  {background:#D3D3D3; border:1px #909090 solid; padding:0.3em 0.5em; font-style:italic; white-space:nowrap}
td.ConIzq    {background:#D3D3D3; border:1px #909090 solid; padding:0.3em 0.5em; font-style:italic; white-space:nowrap; text-align:left}
td.ConIzqBl {background:#EEE; border:1px #909090 solid; padding:0.3em 0.5em; font-style:italic; white-space:nowrap; text-align:left}

#PGoogle {text-align:center; margin-top:25px}
.PGoogleIzq  {text-align:center; margin-top:25px}
.PGoogleDer {text-align:center; margin:15px}

@media print{
#Derecha, #Izquierda {display:none}
}