body {
 padding: 0;
 margin: 0;
 background: url("../img/fondo.jpg"); 
 font-size: 0.9em; 
 position: relative;
 width: 99.8%;
}
p, div { padding: 0; margin: 0; }
.durmiente { /* default */
 position: relative;
 top: 0;
 left: 0;
 z-index: 1;
 width: 525px;
 height: 511px;
 border: 1px solid #fff;
}
.durmiente img { 
 width: 525px;
 height: 511px;
}
.durmienteMuyPeq { 
 position: relative;
 top: 0;
 left: 0;
 display: inline;
 float: left;
 z-index: 3;  
 width: 214px;
 height: 195px; 
 margin-right: 3px;
 border: 1px solid #fff; 
}
.lineaTurquesa {
 position: absolute;
 z-index: 4;
 top: 0;
 left: 1px;
 color: #000;
 background-color: #AF1515;
 opacity: .20;
 height: 1em;
 width: 100%; 
}
h1 { 
 font-size: 1em;
 color: inherit;
 background-color: transparent;
 padding: 0;
 margin: 0; 
}
h2 {
 font-size: inherit;
 text-decoration: none;
 color: #000;
 margin: 0;
 padding: 0;
 font-weight: lighter;
}
h3 {
 margin: .3em 0;
 padding: .5em 0 1em 1em;
 border-bottom: 10px dotted #fff;
 font-style: italic;
}
.beatriz { 
 position: absolute;
 top: 1.5em;
 right: 3em;
 z-index: 3;
 width: 3em;
 font: 4em Helvetica, sans-serif;
 margin: 0 1em;
 color: #415473;
 background-color: transparent;
}
.beatriz2 {
 position: relative;
 z-index: 2;
 padding: 2em 1em 0 2em;
 font: 2em Helvetica, sans-serif;
 border-bottom: 2px solid #415473;
 color: #415473; 
 width: auto;
 height: auto;
}
.rastroMigas {
 position: relative;
 z-index: 1;
 margin: 1px 0 0 0;
 color: #000;
 background-color: inherit;
 width: auto;
 padding: 2px 4px;
 text-align: right;
 border-top: 1px solid #000;
}
.secciones {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 4;
 margin: 2em;
 width: 7.5em;
 border: 1px solid #fff;
}
.seccion {
 margin: 1em;
 width: 5.35em;
 height: 5.35em;
 display: block;
 border: 1px solid #ffd700 !important; /* gold */
}
.seccion:hover,
.seccion:focus,
.seccion:active,
.seccion_A:hover,
.seccion_A:focus,
.seccion_A:active
 {
 background: url("../img/esp9d75_ov.jpg") no-repeat;
 outline: none;
}
.secImg1 { background: url("../img/esp9b75.jpg") no-repeat; }
.secImg2 { background: url("../img/esp9_75.jpg") no-repeat; }
.secImg3 { background: url("../img/esp9d75.jpg") no-repeat; }
.secImg4 { background: url("../img/esp9c75.jpg") no-repeat; }
.secImg5 { background: url("../img/esp6_75.jpg") no-repeat; }
.secImg6 { background: url("../img/caracol.jpg") no-repeat; }

.secImg6:hover,
.secImg6:focus,
.secImg6:active {
 background: url("../img/caracol_ov.jpg") no-repeat;
}

.secciones_A {
 position: absolute;
 right: 0;
 top: 5px;
 margin: 0.75em 0 1em 1em;
 border: 1px solid #fff;
 z-index: 3;
}
.seccion_A {
 float: left;
 margin: 0.25em;
 width: 3.35em;
 min-width: 50px;
 max-width: 75px;
 height: 3.35em;
 min-height: 50px;
 max-height: 75px;
 display: block; 
 border: 1px solid #ffd700 !important; /* gold */
}
.seccion_A_menu______________________________________________ {
 position: absolute;
 font-size: 2em; 
 top: 3.5em;
 right: 0;
 width: 12.35em;
 min-width: 200px;
 max-width: 200px;
 height: 3.35em;
 min-height: 33px;
 max-height: 33px;
}
.oculto { visibility: hidden; }
.clearBoth { clear: both; }
.fondoSepia {  color: #000; background-color: #C8A4EF; /* Violeta */ }
.fondoAzul { color: #000;   background-color: #C4E2EA; }
.tecnicas {
 position: relative;
 float: left;
 width: auto;
 clear: left;
 margin: 1.5em 1.5em 0 1.5em;
 padding: 0.1em;
 border: 1px solid #fff;
 z-index: 2;
}
.comodinTecnicas {
 display: block;
 float: left;
 clear: left;
 width: auto;
 height: 3.3em;
 padding: 1px 0 0 6em;
 margin-bottom: 1px;
}
.tecnicas a {
 display: block;
 width: 5.5em;
 height: 3.16em;
 padding: 1px 0 0 6em;
 margin-bottom: 1px;
 color: #000 !important;
 background-color: inherit; 
 outline: none;
}
.tecnicas a:hover,
.tecnicas a:focus,
.tecnicas a:active {
 background-color: #fff;
 color: inherit;
}
.tecnicas a:first-letter { font-size: 2em; }
.tecnicaActual {
 color: inherit;
 background-color: #FFD39F !important; /* color carne */
}
.tecnicaAcr { background: url("../img/mAcrilico.jpg") no-repeat; }
.tecnicaAcu { background: url("../img/mAcuarela.jpg") no-repeat; }
.tecnicaCar { background: url("../img/mCarboncillo.jpg") no-repeat; }
.tecnicaIlu { background: url("../img/mIlustracion.jpg") no-repeat; }
.tecnicaPas { background: url("../img/mPastel.jpg") no-repeat; }
.tecnicaOle { background: url("../img/mOleo.jpg") no-repeat; }

.contenido {
 position: relative;
 float: right;
 width: auto;
 height: auto;
 margin: .5em 0 .5em .5em;
}
.obra { 
 position: relative;
 float: left;
 width: auto;
 height: auto;
}
.fotoObra {
 width: auto;
 border: 1px solid #000;
 padding: 2px;
 background-color: #fff;
 color: inherit;
}
.panoramico { margin-top: 2em; }
.datosTecnicos {
 position: relative;
 float: left;
 font-weight: bold;
 font-size: 1.5em;
 color: #415473; 
 background-color: transparent;
 border: 1px solid #fff; 
 font-family: Helvetica, sans-serif;
 width: auto;
 max-width: 14.5em;
 height: auto;
 margin: 2em 0 1em 1em;
 padding: .5em;
}
.datosTecnicos > p > span {
color: #000;
font-weight: lighter;
}
.anteriorSiguiente { 
 font-size: 0.9em;
 font-weight: lighter;
 margin-top: 1em;
 border-top: 1px solid #fff;
 padding-top: 0.5em;
}
.anteriorSiguiente a, 
.anteriorSiguiente a:visited {
 margin: 1em;
 padding: 0.2em;
 color: #00f;
 outline: none;
}
.anteriorSiguiente a:hover,
.anteriorSiguiente a:focus,
.anteriorSiguiente a:active {
 background-color: #fff;
 color: #000;
 outline: none;
}
a, a:link, a:visited { 
 text-decoration: none;
 color: #00f;
 background-color: transparent;
 border: 1px solid #fff; 
 outline: none; 
}
a:hover,
a:focus,
a:active { 
 border: 1px solid blue;
 outline: none; 
}
.pie {
 position: relative;
 clear: both; 
 margin: 0;
 padding: 0;
}
.menuFinal {
 position: relative;
 padding: 0.2em 0;
 width: 90%;
 text-align: right;
 margin: 1em 0 0 0;
}
.menuFinal a {
 margin: 0;	
 padding: 0.2em;
 color: #415473;
 background-color: transparent;
 outline: none; 
}
.menuFinal a:hover,
.menuFinal a:focus,
.menuFinal a:active { 
 margin: 0;
 padding: 0.2em;
 color: #000; 
 background-color: #fff;
 outline: none; 
}
.menuFinal .menuTexto {
  border: 1px solid  #fff;
  padding: 0.2em;
} 
.buscador {
 border-bottom: 3px solid #D00DDF !important;
}
.contacto:focus,
.contacto:hover,
.contacto:active
 {
 padding: 0.2em;
 color: #000; 
 background-color: #ffd700 !important; /* gold */
 margin: 0;
 outline: none; 
}
.puntoRojo {
 background-color: #fff;
 color: inherit;
 font-size: 0.9em;
 vertical-align: middle;
 border: 1px solid #000;	
 line-height: 1em;
 padding: 0;
 margin: 0;
}
.puntoRojo img { 
 vertical-align: middle; 
 padding: 0;
 margin: 0;
}
.sinRegistros {
 color: #000;
 font-weight: bold;
 padding: 1.5em;
 letter-spacing: 0.1em;
 word-spacing: 0.5em;
 font: 1.1em Helvetica, sans-serif;
 float: left;
}

.lienzo { /* Palabras menos, Expo, Buscador */
 position: relative;
 z-index: 3; 
 margin: 1em 1em 1em .7em;
 padding: 0.1em;
 opacity: .75;
 font-family: Helvetica, sans-serif;
 width: auto;
 height: auto;
 border: 1px solid #ffd700;/* gold */
 color: inherit;
 background: #fff url("../img/espiralMostaza.jpg") repeat-y top right;
 overflow: auto;
}
.lienzo p {  /* Palabras menos y Expo */
 font-family: inherit;
 padding: 0.9em;
}
.palabrasMenos { /* Palabras menos y Expo */
 margin: 1em;
 font-size: 1.5em;
}
.floatLeft { float: left; }

/* Buscador */
fieldset { padding-left: 1em; }
.contenedorDisponYtecnica {
 width: 26em;
 float: left;
 margin-right: 1em;
}
select:hover, select:focus, select:active,
input:hover, input:focus, input:active,
textarea:hover, textarea:focus, textarea:active { 
 background-color: #ffd700; 
 color: inherit;
}

/* ************************** */

.firma {  /* Palabras menos */
 text-align: center; 
 font-variant: small-caps;
 padding-top: 0 !important;
 margin: 0 !important;
}
.firma:first-letter {  /* Palabras menos y Expo*/
 font-size: 2em; 
 color: #BFB917;
 background-color: inherit;
}
.textos:first-letter {  /* Palabras menos */
 font-size: 2em;
 padding-left: .5em;
 color: #4588DF;
 background-color: inherit;
}
/* ****** Exposiciones ******* */
.altoLienzo { 
 height: 25.80em; 
}
div table { 
 margin: 0 auto 30px auto;
 width: 90%; 
}
tr { border: 3px solid #000; }
th { 
 border-bottom: 1px solid #ffd700; /* gold */
 border-right: 1px solid #ffd700; /* gold */   
}
.filaFondoTHs { 
 color: inherit;
 background-color: #F1EC6E;
 height: 2em;
 }
 .sinResultados {
 color: inherit;
 background-color: #F1EC6E;
 height: 2em;
 border-bottom: 1px solid #ffd700; /* gold */
 border-right: 1px solid #ffd700; /* gold */
 padding: 0.5em;
 margin: 1em;
 font-size: 1.5em; 
 }
.regresarAresultados {
 margin-top: .5em;
 background-color: #F1EC6E;
 border-bottom: 1px solid #ffd700; /* gold */
 border-right: 1px solid #ffd700; /* gold */
 color: inherit;
}
.regresarAresultados:hover,
.regresarAresultados:focus,
.regresarAresultados:active {
 background-color: #fff;
 color: inherit;
}
.fila:hover { 
 background-color: #C4E2EA;
 color: inherit;
}
td { 
 padding: .5em; 
 border: 1px solid #DFDFDF; 
}
.eliminarFila { display: none; }
.enlaceRegresarExpo { 
 margin: 1em;
 position: relative;
 bottom: 0;
 font-weight: bold;
}

.enlaceRegresarExpo:before { content: "<< "}
.textos { position: relative; }
.textos strong { padding-left: 1.5em; }
.textos a {
 position: absolute;
 right: 0;
 top: -4em;
 padding: 0.2em;
 border: 1px solid #000;
 outline: none; 
}
.zoom {
 margin: 1em;
 text-align: right;
}
.zoom:hover,
.zoom:focus,
.zoom:active {
 background-color: #fff;
 color: #00f;
 outline: none;
}
.fondoPiolin { 
 color: #000 !important; 
 background-color: #ff0 !important; 
}
.enlaceRegresarExpo:hover, .fondoPiolin:hover,
.enlaceRegresarExpo:focus, .fondoPiolin:focus,
.enlaceRegresarExpo:active, .fondoPiolin:active {
 color: #000 !important;
 background-color: #fff !important;
 border: 1px solid #00f !important;
}

/* Designed by 4meridianos.es */

.designed {
 position: relative;
 float: left;
 margin: 0 1em .5em 1em;
 width: auto;
 padding: 0;
}
.designed a {
 display: block;
 padding: 2px;
 margin: 0;
 width: 104px;
 height: 32px;
}
.designed a img { 
 padding: 2px;
 margin: 0;
 border: 0px solid red; 
 width: 100px;
 height: 28px;
}



/* Gestión de errores */

.titulo {
 color: #000;
 background-color: #ffd700;
 margin: 0 0 0.5em 0;
 font-weight: bold;
 padding: 0.1em 1em;
 font-size: 1em;
}
.titulo:first-letter { font-size: 1.5em; }
dt { 
 font-weight: bold; 
 font-family: "Brush Script MT","Book Antiqua","Century Gothic","Haettenschweiler", monospace; 
 font-size: 1.5em; 
 letter-spacing: 0.1em;
 color: blue;
 background-color: #fff;
 border-bottom: 1px dotted #ccc;
 text-align: justify; 
}
.accesibilidad {
 border: 1px solid #ffd700;
 margin: 0.1em 0.1em 0.2em 0.1em;
 padding: 0.5em; 
 background-color: #fff;
 color: #000;
 opacity: .70;
 text-align: justify; 
}
.firmado {
 clear: left;
 text-align: right;
 color: #00f;
 font-family: "Century Gothic", monospace;
 font-size: 0.9em; 
 letter-spacing: 0.05em;
}

/* form */

.controlMaquinas {
 visibility: hidden;
 font-size:.0001em;
}
.contenedorForm {
 border-top: 1px dotted #ffd700; /* gold */
 border-bottom: 1px dotted #ffd700; /* gold */ 
 background-color: #FFF2CF;
 height: auto;
 overflow: auto;
 opacity: .8;
}
.labelYcontrol {
 display: inline;
 white-space: nowrap;
 float: left;
 border-top: 1px solid #EFE08E; 
 border-left: 1px solid #EFE08E;  
 border-bottom: 1px solid #fff; 
 border-right: 1px solid #fff;   
 background-color: #F0F2D8;
 margin: 1px;
 }
.labelYcontrol label {
 vertical-align: top;
}
.labelYcontrol textarea {
 vertical-align: top;		
}
.envio-error { 
 color: #fff;
 background-color: #C2005A; /* magenta */
 font-weight: bold;
 font-family: "Century Gothic", "Trebuchet MS";
 font-variant: small-caps;
 letter-spacing: 2px;
 padding: .2em;
}
.envio-ok {
 background-color: #8FFFB3; /* verde */
 padding: .2em;
}
.envio-ok p {
 color: #000;
 background-color: #8FFFB3 !important; /* verde */
 font-size: 1.2em !important;
 font-family: "Century Gothic", "Trebuchet MS";
}
.tuYyo {
 width: 15em;     /* ancho real 312px */
 height: 1.106em; /* alto  real  23px */
 vertical-align: bottom;
}