/* CSS Document */
html, body { height: 100%}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:0; margin:0; color:#555555; background: #b12625 url(../img/faux.gif) repeat-y 25% 0}
body#mapa_localizacion_ampliado {background:#ffffff none; text-align:center}
img {border: 0}
h1 {FONT-WEIGHT: normal; font-size: 150%; COLOR: #4d4d4d; LINE-HEIGHT: 24px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
}
h2 {
FONT-WEIGHT: bolder; LINE-HEIGHT: 24px;
font-size: 140%;
margin-left: 1%;
COLOR: #666666;
}
h2 .rojo{color:#990000}
h3 {font-size: 125%;margin-left: 1%;}
h3.peq {color:#B12625; font-size:100%}
h3.lin_invest {text-decoration:underline}
h5{font-style:italic; font-size: 100%;}
abbr, acronym { cursor: help }
address {text-decoration:none; font-style: normal;}
p {
text-align:justify;
margin-left: 1%;
}
blockquote {text-align:left}
.rojo{color:#990000}
#cabecera:after {
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
background-image: url(../img/faux.gif);
}
#cabecera {
width:100%;
background-image: url(../img/faux.gif);
background-repeat: repeat;
background-position: 25% 0;
}
#escudo { float:left; background:#b12625; padding:0; margin:0; text-align:left}
#escudo img {height:64}
#cabecera h1 {
FONT-WEIGHT: bolder;
font-size: 160%;
margin-left: 1%;
COLOR: #666666;
float:right;
margin: 0 0 0 20%;
}
#contenido {
float:right;
width:65%;
margin-left: 2%;
padding-top: 2%;
padding-right: 4%;
padding-bottom: 5%;
padding-left: 2%;
margin-right: 1%;
}
#contenido_inicio { width:100%; text-align:center; margin-top:2em; color:#ffffff}
#contenido img {margin-top:.3em}
#menu {
float:left;
width:25%;
padding:0;
margin:0;
text-align:center;
text-transform: uppercase;
font-weight: bold;
font-size:90%;
}
#menu a {text-decoration:none}
#menu a:hover {text-decoration:underline; color:#ffffff;}
#menu li.sel a {color:#ffffff;}
/* primer nivel */
#menu ul { padding:0; margin:0; text-align:left; list-style-type:none}
#menu ul li {padding: .5em 0;}
#menu ul li a {color:#ffffff; display:block; padding-left:1em}
#menu ul li.alt {}
#menu ul li.alt a {color:#FFFFFF}
#menu ul li.sel {
font-weight: bold;
}
#menu ul li.sel a {color:#FFFFFF; display:block; padding-bottom:.5em;}
/* segundo nivel */
#menu ul li.sel ul {
margin:0;
padding:0;
color:#ffffff;
font-weight: normal;
text-transform:none;
}
#menu ul li.sel ul li {
color:#ffffff;
margin:0;
}
#menu ul li.sel ul li a {color:#ffffff; text-decoration:none; display:block; padding: 0 0 0 1.5em; background: 1em .3em;}
#menu ul li.sel ul li a:hover {text-decoration:underline;color:#ffffff;}
#menu ul li.sel ul li.ultimo {border-bottom:none;color:#ffffff;}
#menu ul li.sel ul li.pre_sel {border-bottom:none;color:#ffffff;}
#menu ul li.sel ul li.sel {border-top:1px solid #B12625; border-bottom:1px solid #B12625; padding-bottom:0;color:#ffffff;}
#menu ul li.sel ul li.sel a {color:#ffffff; text-decoration:underline; padding-bottom:.5em}
/* tercer nivel */
/* #menu ul li.sel ul li ul {margin:.5em 0 0; padding:0}*/
#menu ul li.sel ul li ul li {border:none}
#menu ul li.sel ul li ul li.ultimo {border-bottom:none; padding-bottom:0; margin-bottom:0;}
#menu ul li.sel ul li.sel ul {border:none; border-top: 0px solid #b12625;}
#menu ul li.sel ul li.sel ul li {border-bottom:1px solid #b12625; border-top:1px solid #b12625; padding-bottom:.5em;}
#menu ul li.sel ul li.sel ul li a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 3em; background: 2.8em .4em}
#menu ul li.sel ul li.sel ul li a:hover {text-decoration:underline}
#menu ul li.sel ul li.sel ul li.pre_sel {border-bottom:none}
#menu ul li.sel ul li.sel ul li.sel {border-top:1px solid #b12625; border-left:none; border-right:none; padding-bottom:0}
#menu ul li.sel ul li.sel ul li.sel a {text-decoration: none; border-bottom:0; border-top:none; padding-bottom:0.5em}
#menu ul li.sel ul li.sel ul li.ultimo {border-bottom:none; border-top:none;}
/* cuarto nivel */
#menu ul li.sel ul li.sel ul li.sel ul { color:#FFFFFF;border:none; border-top: 1px solid #b12625}
#menu ul li.sel ul li.sel ul li.sel ul li {color:#FFFFFF; border-bottom:1px solid #b12625; padding-bottom:0.5em}
#menu ul li.sel ul li.sel ul li.sel ul li a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 5.5em; background: 4.5em .4em}
#menu ul li.sel ul li.sel ul li.sel ul li a:hover {color:#ffffff;text-decoration:underline}
#menu ul li.sel ul li.sel ul li.sel ul li.pre_sel {color:#ffffff;border-bottom:none}
#menu ul li.sel ul li.sel ul li.sel ul li.sel {color:#ffffff;border:1px solid #b12625; border-left:none; border-right:none; margin-bottom:0; padding-bottom:0}
#menu ul li.sel ul li.sel ul li.sel ul li.sel a {text-decoration: none; padding-bottom:.5em; color:#ffffff}
#menu ul li.sel ul li.sel ul li.sel ul li.ultimo {border-bottom:none;color:#ffffff;}
#menu img {margin-top: 2em}
.copy {display:block; text-align:center; font-weight:bold; margin-top:2em; margin-bottom:3em}
#menu img {margin-top: 2em}
.copy {display:block; text-align:center; font-weight:bold; margin-top:2em; margin-bottom:3em}
/* estilos para la HOME */
#home {
/* background: #C8C9C3 url(../img/faux_home.gif) repeat-y 25% 0;*/background: #C8C9C3 url(../img/faux_home.gif) repeat-y 25% 0;
/*top: 65px;*/
}
#home #cabecera {}
#home #cabecera #escudo {background-color: #ffffff}
#home #cabecera #swf {float:right; margin-right: 2em}
#home #cabecera #logo {float:left; margin: 0 0 0 10%}
#home #menu {margin:0; padding:0}
#home #menu .copy {color:#C8C9C3}
/*#home #contenido {margin:0; padding:0; width:75%}*/
#home #contenido {margin:3px; padding:0; width:73%}
#home #contenido h1 {color:#333333; font-size:150%; padding:1em}
#home #contenido div {margin:5px}
#home #contenido .bandera-es, .bandera-en {display:block;margin-top:0}
#home #contenido .bandera-en {margin-top:.5em}
#home #menu object, #home #contenido object {clear:both; display:block; text-align:center; margin-left:auto; margin-right:auto; margin-top:2em}
/* página posterior a la home */
.post_home {text-align:center}
.post_home .imagenes {z-index:10; position:relative; top:-3.7em}
.post_home .imagenes img {margin-right:2em}
.post_home .imagenes .ultimo {margin-right:0}
.post_home .gris {width:40em; height:2em; background-color:#888888; margin:4em auto 0}
/* estilos generales */
.fr { float:right; margin-left:1% }
.fr-index {float:right;margin-left:1%; margin: 3em 5% 0 0}
.fl { float:left; margin-right:1%;margin-top:0 }
.fl-index {float:left; margin: 3em 0 0 5%}
.justif { text-align:justify }
.sinjustif { text-align:left}
.centrado { text-align:center }
img.centrado {display:block; text-align:center; margin-left:auto; margin-right:auto}
img.fl {float:left; margin:1em 1em 1em 1em}
img.fr {float:right; margin:1em 1em 1em 1em}
.clearer { clear: both; height: 1px; line-height:1px; font-size: 1px; margin: 0; padding: 0; }
.cb {clear:both}
.indentado {margin-left:3em}
.subrayado {text-decoration:underline}
.conborde {border:1px solid #555555}
/* estilos para ajuste vertical: mt (margin-top), mb (margin-bottom) */
.mt0 {margin-top: 0}
.mt1 {margin-top: 1em}
.mt2 {margin-top: 2em}
.mt3 {margin-top: 3em}
.mt4 {margin-top: 4em}
.mt5 {margin-top: 5em}
.mt6 {margin-top: 6em}
.mt7 {margin-top: 7em}
.mt8 {margin-top: 8em}
.mt9 {margin-top: 9em}
.mt10 {margin-top: 10em}
.mt11 {margin-top: 11em}
.mt12 {margin-top: 12em}
.mt13 {margin-top: 13em}
.mt14 {margin-top: 14em}
.mt15 {margin-top: 15em}
.mb4 {margin-bottom: 4em}
.mb6 {margin-bottom: 6em}
/* estilos para listas */
.sin {
list-style-type:none;
padding:0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1%;
}
.sin2 li {margin-bottom:1em}
.sin3 {list-style-type:none;}
.sin3 li {margin-bottom:.5em}
.transporte {list-style-type:none; padding-left:0; margin-bottom:3em;padding:1em 0 0 0.2em;}
.transporte li {padding:0.5em 0 0 5.5em; margin-bottom:1em}
.transporte li.avion {background:#ffffff url(../img/informacion/avion.gif) no-repeat}
.transporte li.renfe {background:#ffffff url(../img/informacion/renfe.gif) no-repeat}
.transporte li.feve {background:#ffffff url(../img/informacion/feve.gif) no-repeat}
.transporte li.bus {background:#ffffff url(../img/informacion/bus.gif) no-repeat}
.normas {list-style-type:none; margin:0; padding:0}
.normas li {float:left; width:20%; margin:1em 1em 0 0; padding:0 0 0 40px; background-color:#00f}
.normas li.fotos {background: url(../img/informacion/no_fotos.gif) no-repeat 0 0}
.normas li.comida {background: url(../img/informacion/no_comida.gif) no-repeat 0 0}
.normas li.bultos {background: url(../img/informacion/no_bultos.gif) no-repeat 0 0; margin-right:0}
.normas li.moviles {clear: both; background: url(../img/informacion/no_movil.gif) no-repeat 0 0}
.normas li.animales {background: url(../img/informacion/no_animales.gif) no-repeat 0 0}
.normas li.fumar {background: url(../img/informacion/no_fumar.gif) no-repeat 0 0; margin-right:0; padding-bottom:.5em}
.otros_servicios {
list-style-type:none;
padding:0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1%;
}
.otros_servicios li {float:left; width:45%; margin: 3% 5% 0 0; padding:0}
.otros_servicios li.limite {margin:3% 0 0 0}
dl.talleres {margin:0 0 0 2em; padding:0}
dl.talleres dt {font-weight:bold; text-decoration:underline; margin-bottom:.3em}
dl.talleres dd {margin:0 0 1em 0; padding:0}
dl.colecciones {margin:0; padding:0}
dl.colecciones dt {margin: 2em 0 0.5em 0}
dl.colecciones dd {margin:0}
dl.investigacion {margin:0; padding:0}
dl.investigacion dt{margin: 2em 0 0.5em 0; font-style:italic}
dl.investigacion dd {margin:0 0 0 2em}
.publicaciones li a {text-decoration:none; font-weight:bold; color:#b12625}
.publicaciones li a:hover {text-decoration:underline;color:#333333;}
/* estilos para links */
.link-ext {font-weight:bold; color:#b12625; text-decoration:none;margin-left: 1%;}
.link-ext:hover {text-decoration:underline;color:#333333;}
.link-peq {font-size:95%; font-family:Arial, Helvetica, sans-serif; color:#b12625; text-decoration:none}
.link-peq:hover {text-decoration:underline; color:#333333;}
/* estilos para formularios */
#formulario { font-size:100%}
#formulario #menu {font-size:100%}
#formulario #contenido h2 {FONT-WEIGHT: bolder; LINE-HEIGHT: 24px;
font-size: 140%;
margin-left: 1%;
COLOR: #666666; }
#formulario #contenido input { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; border: 1px solid #999999}
#formulario #contenido span.ajuste70 {font-size:100%}
#formulario #contenido table {text-align:left; margin-left:auto; margin-right:auto; width:90%; border-top:1px solid #888888; border-left:1px solid #888888}
#formulario #contenido table td {border-right:1px solid #888888; border-bottom:1px solid #888888}
#formulario #contenido table#fechas {width:55%}
#formulario #contenido table#fechas input {width:4em}
#formulario #contenido table#datos_grupo input {width:4em}
#formulario #contenido table#datos_grupob {}
#formulario #contenido table#datos_grupob input.peq {width:3em}
#formulario #contenido table#talleres {
width:90%
}
#formulario #contenido table#talleresb {width:70%}
#formulario #contenido table#talleresb td span {font-size:100%}
#formulario #contenido fieldset {BORDER-RIGHT: #dddddd 0.06em solid;
PADDING-RIGHT: 1em;
BORDER-TOP: #B12625 0.10em solid;
PADDING-LEFT: 1em;
PADDING-BOTTOM: 0em;
BORDER-LEFT: #dddddd 0.06em solid;
PADDING-TOP: 0em;
BORDER-BOTTOM: #dddddd 0.06em solid;
margin-top: 0em;
margin-right: 1em;
margin-bottom: em;
margin-left: 1em;}
#formulario #contenido fieldset legend {FONT-WEIGHT: bold; FONT-SIZE: 100%; TEXT-TRANSFORM: uppercase; COLOR: #333333;}
#formulario #contenido fieldset label {font-size:100%}
#formulario #contenido .boton {color: #333333; background-color: #EFEFEF; border: 1px solid #333333; font-size:100%}
/* estilos para Información - Visitar el Museo */
img.plano_general {display:block; text-align:center; margin-left:auto; margin-right:auto; margin-top:2em;}
/* estilos para Actividades - Talleres */
.talleres .compo_videos {margin:2em 0; text-align:center}
.talleres .compo_videos img { display:block; margin-bottom:1em; margin-left:auto; margin-right:auto; border:1px solid #555555}
.talleres .compo_videos a {padding:.2em; background-color:#E6E6E6; border:1px solid #555555; text-decoration:none; font-weight:bold; color:#B12625; }
.talleres .compo_videos a:hover {COLOR: #333333; TEXT-DECORATION: underline;}
/* estilos para Actividades - Cursos, congresos y conferencias */
.cursos .img { float:left; text-align:center; width:35%}
.cursos .texto { float:left; width:60%; margin-bottom:2em}
.imagenes { float:left; text-align:center; width:35%}
/* estilos para Grupos escolares - Cómo reservar una visita */
ol li {margin-bottom:2em; /*font-size:1.2em*/}
ol li span, ol ol li, ol ul li{font-size:0.8em}
ol ol {margin-top:1em}
ol ol li {margin-bottom:1em}
ol ul {margin-top:1em; list-style-type:disc}
ol ul li {margin-bottom:1em}
/* estilos para el mapa web */
#mapa {background: #ffffff}
#mapa #escudo {float:left; margin:0}
#mapa #contenido {width:100%; margin:0; padding:0; text-align:center}
#mapa table {width:95%; margin:2em auto; text-align:left; border:2px solid #ffffff}
#mapa table th {background-color: #b12625; border-right:1px solid #b12625; text-align:center; padding:.5em}
#mapa table th a {text-decoration:none; color:#FFFFFF}
#mapa table td {vertical-align:top; background-color: #ffffff; border-right:1px solid #666666; padding:.5em}
#mapa table td a {text-decoration:none}
#mapa table td ul {list-style-type:none; margin:0; padding:0}
#mapa table td ul li {margin-bottom:1.5em}
#mapa table td ul li a {color:#000000; font-weight:bold; font-size:110%}
#mapa table td ul li ul {list-style-type:disc; margin:.5em 0 0 1.3em}
#mapa table td ul li ul li {margin-bottom:.5em}
#mapa table td ul li ul li a {color:#222222; font-size:100%; font-weight:normal}
#mapa table td ul li ul li ul {list-style-type:circle}
#mapa table .ultimo {border-right:0}
.tituloA {font-size: 110%; font-weight: bold; color: #333333}
.texto {font-size: 90%; color: #333333}
.textop {font-size: 90%; color: #333333}
.listaactiv { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
.listactiv li { padding-left: 0; background-image:url(../img/bullet_act.gif); background-repeat:no-repeat;background-position:0em 0em; margin-top:1em; padding-left:2em;line-height:140%;}
.aviso {border:2px solid #fff; text-align:center; padding:.3em; margin:2% auto 2% auto; width:90% }
.avisosinborde {text-align:center; padding:.3em; margin:2% auto 2% auto; width:90% }
.clearRight {
CLEAR: right; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 0.01em; BORDER-BOTTOM-STYLE: none
}
.clearleft {
CLEAR: left; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 0.01em; BORDER-BOTTOM-STYLE: none
}
.fotoMarco {
border:0.625em solid #CCCCCC;
margin:0.5em 1em;
}
.fotoMarcoPortada {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
A {
color:#B12625; TEXT-DECORATION: none;
}
A:hover {
COLOR: #333333; TEXT-DECORATION: underline;
}
#aviso {
margin:0em 0em 0em 14em;text-align:left;color:#3d4242;font-weight:bolder;
}
#avisosinborde {
float:left;margin-top:0;width:75%;
}
#caminoMigas {
MARGIN-TOP: 4em; DISPLAY: block; Z-INDEX: 5; BACKGROUND: #ffffff; MARGIN-LEFT: 0em; /*WIDTH: 35.95em;*/ HEIGHT: 1.1em; TEXT-ALIGN: left
}
#caminoMigas UL {
PADDING-LEFT: 0em; MARGIN: 0em; HEIGHT: 1em
}
#caminoMigas UL LI {
DISPLAY: inline;
PADDING-LEFT: 1%;
font-size: 90%;
BACKGROUND: url(../img/bullet_caminoMigas.gif) no-repeat;
color: #000000;
text-decoration: none;
}
#caminoMigas UL LI.primerElemento {
PADDING-LEFT: 0em; BACKGROUND: none transparent scroll repeat 0% 0%;
}
#caminoMigas UL LI A {
COLOR: #333333; TEXT-DECORATION: none;
}
#caminoMigas UL LI A:hover {
COLOR: #000000;
text-decoration: underline;
}
#contenido h1{
color:#ffffff;
font-size:1px;
PADDING-LEFT: 0em; MARGIN: 0em; HEIGHT: 0em;
visibility: hidden;
}
.texinvisible {
FONT-SIZE: 1px;
color:#ffffff;
visibility: hidden;
display:none;
line-height: 2px;
}
#idiomas{/*CLEAR: both;*/ width:99%;float:right;margin:0;padding:10px 0;text-align:right;}
#idiomas li{display:inline;padding:0 .4em 0 .6em;border-left:1px solid #BFBFBF;background:none;}
#idiomas a{text-align:center;color:#999;text-decoration:none;}
#idiomas a:hover{text-decoration:none;}
#destacados {
MARGIN-BOTTOM: 1em
}
#destacados DIV {
CLEAR: left; PADDING-RIGHT: 0.4em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.7em
}
#destacados DIV A {
color:#b12625; TEXT-DECORATION: none;DISPLAY: block
}
#destacados DIV p {
CLEAR: left; PADDING-RIGHT: 0.4em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.7em
}
#destacados DIV A:hover {
COLOR: #000000;
text-decoration: underline;
}
#destacados DIV A IMG {
FLOAT: left; MARGIN-right: 0.5em;
}
#destacados DIV IMG {
FLOAT: left; MARGIN-right: 0.5em;
}
#destacados DIV.normal {
BORDER-BOTTOM: #fff; 0.06em solid; BACKGROUND-COLOR: #fff;DISPLAY: block
}
#destacados DIV.normal STRONG {
}
#destacados DIV.normal A:hover {
COLOR: #000000;
text-decoration: underline;
}
#bloqueInferior {CLEAR: both;
width:85%;
margin-left: 6%;
padding-top: 2%;
padding-right: 4%;
padding-bottom: 5%;
padding-left: 9%;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: left;
}
#pie
{
CLEAR: both;
width:80%;
float:right;
margin-top: 25px;
height: 60px;
}
#pie A {
color:#999999
}
#pie A:hover{
color:#666666
}
DIV.pie {PADDING-LEFT: 5em;
MARGIN-LEFT: 5em; LINE-HEIGHT: 0.7em; TEXT-ALIGN: right;
}
#contenido DIV.grupo DIV {
DISPLAY: block;
FLOAT: left;
PADDING-BOTTOM: 0.3em;
PADDING-TOP: 0.3em;
width:98%;
}
#contenido DIV.grupo DIV.dir1col DIV {
WIDTH: 34em
}
#contenido DIV.grupo DIV.dir2cols DIV {
WIDTH: 44%
}
#contenido DIV.grupo DIV.dir3cols DIV {
WIDTH: 27%
}
#contenido DIV.grupo DIV.dir3cols1 DIV {
WIDTH: 29%
}
#contenido DIV.grupo DIV.dir4cols DIV {
WIDTH: 20%
}
#contenido DIV.grupo DIV IMG {
FLOAT: left;
text-align: center;
}
#contenido DIV.grupo H3 {
FONT-WEIGHT: bold;
FONT-SIZE: 1em;
COLOR: #333333;
PADDING-TOP: 0.4em;
MARGIN-BOTTOM: 0.5em;
PADDING-BOTTOM: 0.2em;
height: 40px;
vertical-align: text-bottom;
}
.cursiva{
font-style: italic;
}
.imagArea
{
float:left;
width:80%;
margin-bottom:10px;
font-size: 13px;
line-height: normal;
color: #000000;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
.imagArea li.celda
{
float:left;
width:31%;
padding:10px 20px 13px 20px;
margin-bottom:10px 20px 13px 20px;
list-style-type: none;
}
.imagArea img
{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-repeat: no-repeat;
background-attachment: scroll;
}
.imagArea span a
{
padding:10px 20px 13px 20px;
margin-bottom:10px 20px 13px 20px;
font-size: 11px;
text-decoration:underline;
color: #b12625;
}
#readspeaker_button {
float: right;
margin-top:1em;
}
/* ESTILOS PARA FORMULARIOS 05/11/2010 */
/*************************** formularios 10.07.2006***************************/
div#formularios { font-family: Arial, Helvetica, sans-serif; margin-top: 1em; }
div#formularios #aviso {margin-top: 0.5em; margin-bottom: 0.5em; border: 0.0625em solid #dddddd; padding: 0.5em 0.8em; background-color: #F8F8F8; }
div#formularios #aviso span {/**/font-size: 1em; padding-left: 1.6em; text-transform: uppercase; color: #990000; font-weight: bold; display: block; background: url(icoAviso.gif) left no-repeat; }
div#formularios #aviso span.error {/*/*font-size: 0.7em;*/ */ padding-left: 1.6em; text-transform: uppercase; color: #990000; font-weight: bold; display: block; background: url(icoEnvioError.gif) left no-repeat; }
div#formularios #aviso span.ok {/*/*font-size: 0.7em;*/*/ padding-left: 1.6em; text-transform: uppercase; color: #339933; font-weight: bold; display: block; background: url(icoEnvioOK.gif) left no-repeat; }
div#formularios #aviso ul { list-style-type: none; margin-top: 0.5em; margin-bottom: 0em; padding-bottom: 0em; }
div#formularios #aviso ul li {/**/ font-size: 1em; line-height: 1.2em; padding-left: 0em; padding-bottom: 0em; color: #333333; vertical-align: top; list-style-image: url(bulletCamposError.gif); }
div#formularios #aviso ul li a { color: #333333; text-decoration: underline; padding-bottom: 0em; }
div#formularios #aviso ul li a:hover {text-decoration: none; }
div#formularios div { }
div#formularios div form {margin-top: 1em;}
div#formularios div form p.formNota { margin-bottom: 0em; margin-top: 0.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*font-size: 0.7em;*/ text-align: right; }
div#formularios div form p.formNota span {border-left: 0.25em solid #a53100; color: #ffffff; /*font-size: 0.7em;*/ }
div#formularios div form label {/*font-size: 0.7em;*/ padding-right: 1em; font-weight: bold; }
div#formularios span.Obligatorio,
div#formularios div form div.campos span.Obligatorio { border-left: 0.25em solid #FFCC00;color: #ffffff; padding-left: 0em; font-size: 0.8em;}/*campo obligatorio*/
div#formularios div form label span { border-left: 0.25em solid #a53100;color: #ffffff; padding-left: 0em; font-size: 0.8em;}/*campo obligatorio*/
div#formularios div form label select { font-size: 1em; }
div#formularios div form label input { font-size: 1em; }
div#formularios div form fieldset.sinLegend { border-top: 0.5em solid #a53100;/* #dddddd;*/}
div#formularios div form fieldset { margin: 0.5em 0em 0.3em 0em; padding: 0em 0.5em 0em 0.5em; border: 0.0625em solid #a53100;/*#dddddd*/ border-top: 0.25em solid #a53100; /*#FFCC00;*/ }
div#formularios div form fieldset legend { /*font-size: 0.7em;*/ color: #333333; text-transform: uppercase; font-weight: bold; }
div#formularios div form fieldset div { margin: 0em; display: block; padding: 0.3em 0.1em 0.3em 0.1em; clear: both; }
div#formularios div form fieldset div div { float: none; display: block; padding: 0em; margin:0.8em 0em; clear: both; vertical-align: top; }
div#formularios div form fieldset div div label { /*font-size: 0.7em;*/ clear: none; display: block; text-align: right; float: left; width: 12.5em; margin-bottom: 0.3em;}
div#formularios div form fieldset div div input { border: 0.0625em solid #a53100; }
div#formularios div form fieldset div div select { border: 0.0625em solid #a53100; }
div#formularios div form fieldset div div textarea { border: 0.0625em solid #a53100; }
#bloqueContenido #contenido div#formularios div form fieldset div div p.ayuda { display: block; font-size: 0.65em; color: #333333; clear: both; margin: 0em 0em 0em 15em; padding: 0em 0.3em 0.3em 0em; float: none; }
div#formularios div form fieldset div div p.ayuda a { color: #990000; text-decoration: underline; }
div#formularios div form fieldset div div p.ayuda a:hover { text-decoration: none; }
div#formularios div form div#botones {/*font-size: 0.7em;*/ text-align: center; margin-top: 0em; margin-bottom: 0.5em; padding-top: 0.5em; background-image: none;}
div#formularios div form div#botones input {
background: transparent url(bgFormBoton.gif) repeat-x scroll center bottom;
border: 0.0625em solid #999999;
color: #333333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
margin: 0.2em 3em;
padding: 0.5em 2em;
cursor: pointer;
}
div#formularios div form div#botones a {
background: url(bgFormBoton.gif) bottom repeat-x;
border: 0.0625em solid #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
text-decoration: none;
padding: 0.11em 0.6em 0.11em 0.6em;
vertical-align: 20%;
cursor: default;
}
/* Cuando el input es muy ancho y es necesario poner label encima del input */
div#formularios div form fieldset div div.camposEnBloque { padding: 0em; }
div#formularios div form fieldset div div.camposEnBloque label {text-align: left; clear:both; display: block; width: auto; float: none; }
div#formularios div form fieldset div div.camposEnBloque input { clear:both; display: block; }
div#formularios div form fieldset div div.camposEnBloque select { clear:both; display: block;}
div#formularios div form fieldset div div.camposEnBloque textarea { clear:both; display: block; vertical-align: top;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposEnBloque p.ayuda { margin-left: 0em; }
div#formularios div form fieldset div div.camposEnLinea { padding: 0em; }
div#formularios div form fieldset div div.camposEnLinea label.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em;}
div#formularios div form fieldset div div.camposEnLinea input.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em; }
div#formularios div form fieldset div div.camposEnLinea select.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposEnLinea p.ayuda { margin-left: 0em; }
/*campos en linea */
div#formularios div form fieldset div.camposEnLinea { margin-left: 10em; margin-bottom: 0.8em; display: block; clear: both; }
div#formularios div form fieldset div.camposEnLinea div { float: left; padding: 0em; margin: 0em; clear: none; vertical-align: top; }
div#formularios div form fieldset div.camposEnLinea div label { display: inline; width: auto; padding-right: 0.5em; }
div#formularios div form fieldset div.camposEnLinea div input { display: inline; padding: 0em; margin-right: 1em; }
/*campos en linea con titulo (fecha) */
div#formularios div form fieldset div.camposEnLineaConTitulo { margin-bottom: 0.8em; display: block; clear: both; }
div#formularios div form fieldset div.camposEnLineaConTitulo .camposEnLineaTitulo { /*font-size: 0.7em;*/ clear: none; display: inline; text-align: right; float: left; width: 12.5em; margin-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div { float: left; padding: 0em 0.1em 0.3em 0.3em; margin: 0em; clear: none; vertical-align: top; }
div#formularios div form fieldset div.camposEnLineaConTitulo div label { display: inline; width: auto; padding-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div input { display: inline; padding: 0em; margin-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div select { display: inline; padding: 0em; margin-right: 0.5em; }
/* Cuando el input es checkbox en bloque (si combinamos con campos en linea con titulo, se ponen en linea) */
div#formularios div form fieldset div div.camposCheck { float: none; display: block; padding: 0em; margin:0.4em 0em 0.2em 1em; vertical-align: top; }
div#formularios div form fieldset div div.camposCheck input { /*font-size: 0.7em;*/ clear: none; vertical-align: top;display: inline; }
div#formularios div form fieldset div div.camposCheck label { /*font-size: 0.7em;*/ text-align: left; display: inline; float: none;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposCheck p.ayuda { display: block; font-size: 0.65em; color: #333333; clear: both; margin: 0em 0em 0em 2em; padding: 0em 0em 0em 0.4em; float: none; }
/* fieldset anidado con caracteristicas "por defecto" - */
div#formularios div form fieldset { padding-bottom: 0.5em; }
div#formularios div form fieldset fieldset { border-top-color: #dddddd; margin: 1em 1em 0.3em 1em; padding: 0.3em; background-image: url(bgFormFieldSet.jpg); background-position: bottom; background-repeat: repeat-x; }
div#formularios div form fieldset fieldset div.camposEnLinea { display: block; clear: both; float: none; margin-left: 0.5em; }
div#formularios div form fieldset fieldset div.camposEnLinea label { text-align: left; width: auto; }
div#formularios div form fieldset fieldset div.camposEnLinea input { /*font-size: 0.7em;*/ }
div#formularios div form fieldset fieldset div.camposEnLinea select { font-size: 1em;}
div#formularios div form fieldset fieldset div.camposEnLinea textarea { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#formularios div form fieldset fieldset div.camposEnLinea p.ayuda { margin-left: 0em; }
div#formularios div form fieldset fieldset div.camposEnBloque { padding: 0em; margin-left: 0.5em; }
div#formularios div form fieldset fieldset div.camposEnBloque label {text-align: left; clear:both; display: block; width: auto; float: none; }
div#formularios div form fieldset fieldset div.camposEnBloque input { clear:both; display: block; }
div#formularios div form fieldset fieldset div.camposEnBloque select { clear:both; display: block;}
div#formularios div form fieldset fieldset div.camposEnBloque textarea { clear:both; display: block; vertical-align: top;}
#bloqueContenido #contenido div#formularios div form fieldset fieldset div.camposEnBloque p.ayuda { margin-left: 0em; }
div#formularios div form fieldset fieldset.invisible { border: none; margin: 1em; background-image: none; background-position: bottom; background-repeat: repeat-x;}
div#formularios div form fieldset p.ayuda { font-size: 0.9em; margin: 0 0 0 15em; }
div#formularios div form fieldset fieldset.invisible p.ayuda span { font-weight: bold; padding-left: 0.5em; border-left: 0.25em solid #ffcc00; }
div#formularios div form fieldset fieldset.invisible label { font-weight: normal; padding: 0em; margin: 0em; text-align: left; }