/* jrc002-pags.css - Copyright (C) 2008-2010 by Juan Rodríguez [Consultor] & Begues Internet, s.l. */

body {background:#252525; margin:0; padding:0; color:#353535; font:12px/18px Verdana,Arial,sans-serif}

html>body #NoJS  {position:fixed}

a:link, a:visited, a:hover {background-color:transparent; text-decoration:none; color:#004455}
a:visited {color:#444}
a:hover  {color:#800000}
a.sub {text-decoration:underline; font-style:italic}
a.pflecha:link, a.pflecha:visited, a.pflecha:hover {background: url(jrc050-pflecha.png) left center no-repeat; padding-left:15px; font-style:italic; font-weight:bold}
a.encima:hover {text-transform:uppercase; display:block}
img {border:0}

/* Columna Consultor */
#Consultor {position:fixed; border-left:3px #DDD solid; border-bottom:3px #DDD solid; z-index:1; top:25px; width:192px; left:45px}
#Consultor {-webkit-border-radius:20px; -moz-border-radius:120px 20px; border-radius:120px 20px}
.FirmaFoto {margin-left:10px}
.FirmaFoto p {color:#CCC; font-size:8pt; font-style:italic; padding:0; margin-top:1em}
.FirmaFoto a:link, .FirmaFoto a:visited, .FirmaFoto a:hover {color:#CCC}
.FirmaFoto a:hover {color:#BDE}
img.jrc041 {width:100px; height:152px; margin-right:10px}

/* Columna Menu */
#Menu    {position:fixed; z-index:2; top:25px; width:195px; left:1018px}
#Menu p {text-align:right; margin-right:10px}
#Menu a:link, #Menu a:visited, #Menu a:hover {font-size:8pt; font-style:italic; color:#345}
#Menu a:hover {color:#800000; font-style:normal}
.OpcAct {background: url(jrc052-projo.png) right center no-repeat; font-size:8pt; padding-right:20px; font-weight:bold; color:#500000}
.jrc033 {width:134px; height:33px}
#MOrg, #MInt, #MUsa, #MGral {border:1px #576969 solid; background: url(jrc023-fmenu.jpg); background-repeat:repeat-y; padding:3px 0; margin-top:15px; width:193px}
#MOrg, #MInt, #MUsa, #MGral  {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
#MOrg:hover, #MInt:hover, #MUsa:hover, #MGral:hover {background:#DDD}

/* Cuerpo de página */
#Cuerpo     {position:absolute; z-index:3; top:0; left:331px; padding-top:25px; width:596px}
#Contenido {border:1px #0D0 solid; background:#FFF; z-index:4; width:594px; padding-bottom:10px}
#Contenido p {margin-left:10px; margin-right:10px}
#Contenido {-webkit-border-radius:20px; -moz-border-radius:20px 20px; border-radius:20px 20px}
#Contenido ul {margin-right:10px; font-style:italic}
#CapaOpaca {position:absolute; z-index:10; background:#252525; border:1px #252525 solid; top:0; left:0; width:100%; height:100%; opacity:1; filter:alpha(opacity=100)}

.cuerpo {width:100%; padding:0; border:1px #CCC solid; margin-top:20px}
.col40 {width:200px; background:#CCC; padding:5px; vertical-align:top; border-width:2px; border-style:solid; border-color:#EEE #888 #888 #EEE; text-align:left}
.col40 p {padding:0 0.5em; font-style:italic; font-size:8pt; text-align:center}
.col40 i {font-size:8pt; font-style:italic}
.col40 hr {margin-top:30px; width:75%; border:0; border-top:1px #FFF solid; height:1px}
.col60 {width:395px; background:#EEE; padding:5px; vertical-align:top; font:italic 12px/16px Verdana,Arial,sans-serif}

p.MCol40 {padding:0}
.MCol40 a:link, .MCol40 a:visited, .MCol40 a:hover {display:block; margin-bottom:3px; font-size:8pt; font-style:italic}
.MCol40 a:hover {background: url(jrc053-pazul.png) left center no-repeat}

h1, h2, h3, h4, h5, h6 {font-family:"Lucida sans", sans-serif; font-style:italic; font-size:10pt; text-align:center; font-weight:bold; padding:0.3em; margin:0; line-height:100%}
h1 {background: url(jrc022-fh1.png) left center no-repeat; padding-left:40px; color:#055; font-size:14pt; text-align:left; margin:5px 10px 20px 10px; border-bottom:1px #005555 solid}
h2 {background:#576969; border:1px #EFE solid; color:#DDD; padding:3px; margin:0 5px}
h3 {color:#EFE; background:#345; margin-bottom:0.2em; border:1px #EEFFEE solid}
h4 {color:#DDD; margin-top:10px; padding:0; text-align:left}
h5 {color:#800000; font-size:12pt; font-weight:normal; text-decoration:underline; margin-top:25px; padding:0; margin-left:10px; text-align:left}
h6 {color:#500000; margin-top:1em; padding-left:0.5em; text-align:left}

#PiePosicionado {visibility:hidden; width:100%}
#BarraOpc {height:25px; text-align:right; margin-top:10px; margin-right:10px; margin-bottom:25px}
#Bloque98 {margin-left:15px; float:right}   /* Arriba */
#BarraOpc a:link, #BarraOpc a:visited {color:#BBB; font-size:8pt; font-style:italic}
#BarraOpc a:hover {color:#BDE}
.arriba {width:23px; height:20px; margin-left:5px}
.atras {width:19px; height:22px; margin-left:5px}
.home {width:11px; height:20px; margin-left:5px; margin-right:15px}
.menu {width:21px; height:22px; margin-left:5px; margin-right:15px}
.contactar {width:25px; height:20px; margin-left:5px; margin-right:15px}
.mapa {width:19px; height:20px; margin-left:5px; margin-right:15px}
.jrc060 {width:128px; height:128px; margin-top:15px}

p.legal {padding-top:3px; border-top:1px #BBB solid; font-size:8pt; font-style:italic; text-align:right}
p.legal, p.legal a:link, p.legal a:visited {color:#BBB}
p.legal a:hover {color:#BDE}

.peque, .repros {color:#18242D; font:italic 8pt/10pt Verdana,Arial,sans-serif}
.repros {border-left:1px #CCC solid; padding-left:10px; margin-top:25px}
.margen {padding-left:2em; padding-right:2em}

#NoJS {position:absolute; background:#FFF; padding:1em; border:3px #800000 solid; z-index:10; left:100px; top:250px; text-align:center; width:325px}
#NoJS p {font-size:8pt}
#NoJS b {font-size:10pt; color:#353535}

.GoIndex {font-size:8pt; width:400px; margin:20px 0 0 10px; padding-top:5px; border-top:1px #005555 solid}
#PGoogle {text-align:center}

.Bloque {height:1px; visibility:hidden; display:none}
#Bloque99 {padding-bottom:1em}   /* Cerrar */
.cerrar   {width:20%; float:right; text-align:right; border-bottom:1px white ridge; color:#18242D; font-size:8pt; font-style:italic}

.formulario {border-left:2px #576969 solid; border-top:2px #576969 solid; margin-bottom:2em; font-style:italic; width:90%; margin-left:auto; margin-right:auto}
.formulario h6 {margin-top:0}
.formulario td {padding-left:10px}
.frm, select, textarea {background-color:#FFE; color:navy; border:1px #CCC solid}
.frm          {font-weight:normal}
input        {margin-right:0.3em}
select       {font-style:italic; font-size:8pt} 
textarea   {overflow:auto; font-size:10pt}

.jrc071, .jrc072 {width:88px; height:31px}

.v21 {text-align:center; font-style:italic; margin:3em 0}
.v21, .v21 a, .v21 a:link, .v21 a:visited {font-size:8pt; color:#18242D}
.v21 a:hover {color:#690000}
.v21 img {width:175px; height:40px}

.Tabla {border-spacing:5px; width:96%; text-align:left; margin-left:auto; margin-right:auto}
th                   {text-align:center; background:#707070; border:1px #FFD ridge; padding:0.2em; color:#FFE; font-weight:normal}
td.tdsubtit      {text-align:center; background:#CCC; border:1px #005555 solid; padding:0.2em; color:#005555}
td.tdconcepto  {background:#DDD; border:1px #909090 solid; padding:0.3em 0.5em; vertical-align:top; font-style:italic; font-size:8pt}

@media print{
#Consultor, #Menu, #BarraOpc, #CapaOpaca {display:none}
#Cuerpo {left:50px !important}
body {background:none}
}