/* Hoja de estilos CSS para Lex SEA creada el 06/02/2007 por Deusto Sistemas */

BODY {font:62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center; background: #52643d url('../images/fondoExplo.jpg') top center no-repeat fixed; color:#000;}
HTML>BODY {background: #52643d url('../images/fondoExplo.jpg') top center no-repeat fixed;}

/* ESTILOS GENERICOS */
FORM {display:inline}
SELECT {font-size:1em}
A IMG,:link IMG,:visited IMG {border:none}
H1,H2,H3,H4,H5,H6,PRE,CODE {font-size:1em}
UL {list-style:none}
UL,OL,LI,H1,H2,H3,H5,H6,PRE,FORM,BODY,HTML,FIELDSET,INPUT {margin:0; padding:0}
:link,:visited {text-decoration:none}
:hover {text-decoration:none}
.clr {clear:both} 
.ocultar {display:none}

P { font:1.1em Verdana, Arial, Helvetica, sans-serif; text-align:justify; line-height:2em}
* html P { line-height:1.8em}

/* CAPAS PARA LA PÁGINA PRINCIPAL */
#Index #Principal {margin:0 auto; width:768px; border:5px solid #fff; background:#fff; height:100%;margin-top:39px; margin-bottom:30px}
/*
#Index #Header { height:183px; background:#fff url('../images/indexHeader.jpg') 0 0 no-repeat;z-index:1}
#Index #Header H1 { display:none; text-transform:uppercase}
*/
/* Modificación cabecera junio 2010 */
#Index #Header { overflow:hidden; height:183px; border:0px solid #fff; background:#fff url(../images/imageH1.jpg) 0 0 no-repeat; margin-bottom:30px; text-align:left}

#Index #Header H1 SPAN { position:absolute; z-index:-1}
.logosea A, .logoSea A:visited { position:relative; z-index:10; top:0.8em; left:2.2em;  }
.logosea A SPAN, #Index #Header .logosea A:visited SPAN { position:absolute; z-index:-1}

/* Fin modificación cabecera junio 2010 */


#Index #Contenido {height:auto; background:#fff; margin-bottom:40px}
#Index #Contenido #ColLeft { float:left; position:relative; margin:13px 0 0 21px; width:202px; height:auto;}
* html #Index #Contenido #ColLeft { margin:10px 0 0 10px}
#Index #Contenido #ColRight { float:right; position:relative; margin:13px 25px 0 0; width:465px; text-align:left; line-height:1.5em; padding-bottom:3em}
* html #Index #Contenido #ColRight {margin:10px 10px 0 0}
#ColRight H3 { font:2em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; color:#49710a;text-align:left; text-transform:uppercase}
* html #ColRight H3 { margin-bottom:0px}
/* Autenticación */
#Index #Contenido #ColLeft #Autentic { background:#fff url('../images/fondoAutentic.png') 0 0 no-repeat; height:208px }
#Autentic H2{ font:bold 1.6em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; margin:0 10px 15px 10px; text-align:left; padding-top:5px}
#Autentic .filaForm {width:95%; padding-bottom:1em; height:2em; text-align:left}
#Autentic .filaForm LABEL {color:#594531; text-transform:uppercase}
#Autentic .filaForm span.etiqueta {width:95%; height:2em; line-height:2em; float:left; position:relative; text-align:left; margin-left:25px}
#Autentic .filaForm span.campos {width:95%; height:auto; clear:left;  text-align:center; margin-left:15px}
* HTML  #Autentic .filaForm span.campos {margin-left:10px}
#Autentic .filaForm span.boton { float:right; position:relative; margin-right:15px}
#Autentic .textinput{width:11em; height:1.1em; background:#fff url('../images/fondoInput.png '); border:1px solid #a4b97f; padding:0.3em 0.6em}
#Autentic .textinputHovered {background-position:left bottom}
#Autentic .buttonSubmit, .buttonSubmitHovered {width:6.5em; height:1.5em; color:#FFF; font-weight:bold; padding:0.1em 0.45em; background:#677e4c ; cursor:pointer; border:1px solid #000}
/*
#Autentic TABLE {width:192px; margin:5px; padding:3px; text-align:left}
#Autentic TABLE THEAD TH { font:bold 1.6em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; margin-bottom:10px}
#Autentic TABLE TBODY TD { text-transform:uppercase}
#Autentic TABLE TFOOT TD {}
.textinput{ height:1em; background:url('../images/fondoInput.png'); border:1px solid #cfd0d6; padding:0.3em 0.6em}
.textinput:Hover {background:url('../images/fondoInput_on.png'); border:1px solid #f3f6f0}*/
/*Enlace al SEA*/
#Index #Contenido #ColLeft #linkSea { margin-top:36px; margin-bottom:20px; background:#fff url('../images/linkGV.png') 0 0 no-repeat; width:202px; height:143px}
#linkSea H4 A {display:none}
/*Pie pagina*/
#piePagina, #Inicio #piePagina, #Interior #piePagina  {background:#dff1f0; color:#000; padding:5px; line-height:1.5em; border-top:1px dashed #000; overflow:hidden; height:1%}
#piePagina .logoGV {float:left; position:relative; padding:0}
#piePagina .logoGV P { padding-top:0em; padding-bottom:0em}
#piePagina .copyright {float:right; position:relative; font-size:1em; padding-top:0em}

#Index #Contenido #ColLeft .sepHForm { clear:both; padding:15px 0}
*html #Index #Contenido #ColLeft .sepHForm {clear:both; padding:0; margin:0}

/*CAPAS PÁGINAS INTERIORES*/

/* Página de inicio */
#Inicio #Principal{margin:0 auto; width:769px; border:4px solid #fff; background:#fff url('../images/fondoInicio.png') 0 0 repeat-y;  height:100%;margin-top:39px; margin-bottom:30px}
#Interior #Principal{margin:0 auto; width:769px; border:4px solid #fff; background:#fff url('../images/fondoInterior.png') 0 0 repeat-y;  height:100%;margin-top:39px; margin-bottom:30px}
#Inicio #Header, #Interior #Header  { height:151px; background:#fff url('../images/interiorHeader.jpg') 0 0 no-repeat;z-index:1; border-bottom:13px solid #fff}
#Inicio #Header H1, #Interior #Header H1 { display:none; text-transform:uppercase}
#Inicio #Header #menuSup, #Interior #Header #menuSup { padding-bottom:3px; margin-top:2em}
#Inicio #Header #menuSup UL, #Interior #Header #menuSup UL { width:98%; text-align:center}
#Inicio #Header #menuSup LI, #Interior #Header #menuSup LI { display: inline; border-right:1px solid #fff; padding:0 5px }
#Inicio #Header #menuSup LI A, #Interior #Header #menuSup LI A { font:bold 1.1em Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase}
* html #Inicio #Header #menuSup LI, #Interior #Header #menuSup LI { padding:0 5px }
#Inicio #Header #menuSup LI A:hover, #Interior #Header #menuSup LI A:hover { color:#FFFF00}
#Inicio #Contenido, #Interior #Contenido {height:auto; padding-bottom:15px}



#Inicio #Contenido #ColLeft { float:left; position:relative; width:220px; height:auto; background:#fff}
#Inicio #Contenido #ColLeft UL { width:100%; background:#fff; text-align:left; border-top:3px solid #89ad1f}
#Inicio #Contenido #ColLeft LI { background:#fff url('../images/interiorFlechita.png') 5px 4px no-repeat; line-height:2em; border-bottom:3px solid #89ad1f; }
#Inicio #Contenido #ColLeft LI A { padding:3px 5px 3px 0px; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000; padding-left:25px; display:block}
* html #Inicio #Contenido #ColLeft LI A { padding:1px 2px 1px 25px;}
#ColLeft LI A:hover { background:#f5f9e4 url('../images/interiorFlechita.png') 5px 4px no-repeat; color:#85ab12}
#Inicio #Contenido #ColLeft UL UL {width:100%; background:#ebf4ca; border-top:1px solid #89ad1f; text-align:left; padding-bottom:3px}
#Inicio #Contenido #ColLeft LI LI { margin-left:20px; border-bottom:1px dashed #000}
#Inicio #Contenido #ColLeft LI LI A { padding:3px 2px 3px 3px; font: 1.1em Arial, Helvetica, sans-serif; color:#000; text-transform:none; display:block; background:#ebf4ca}
* html #Inicio #Contenido #ColLeft LI LI A { padding:3px 2px 0px 3px;}
#Inicio #Contenido #ColLeft LI LI A:hover {color:#85ab12}
#Inicio #Contenido #ColLeft #linkSea { margin-top:30px; margin-bottom:20px; width:150px; height:102px; text-align:center; padding-left:40px}
* html #Inicio #Contenido #ColLeft #linkSea { padding-left:0px}

#Interior #Contenido #ColLeft #linkSea { margin-top:30px; margin-bottom:20px; width:150px; height:102px; text-align:center; padding-left:40px}
* html #Interior #Contenido #ColLeft #linkSea { padding-left:0px}

#linkSea H4 A {display:none}
#bordeLegis {width:98,5%; padding:3px; border:1px solid #a6b47d; background:#f9faf6}
.bordeLegis {width:98,5%; padding:3px; border:1px solid #a6b47d; background:#f9faf6}
* html .bordeLegis {border:1px solid #a6b47d; background:#f9faf6; height:100% }

/* Páginas interiores */
#Interior #Contenido #ColLeft { float:left; position:relative; width:200px; height:auto; background:#fff}
#Interior #Contenido #ColLeft UL { width:100%; background:#fff; text-align:left; border-top:3px solid #89ad1f}
#Interior #Contenido #ColLeft LI { background:#fff url('../images/interiorFlechita.png') 5px 4px no-repeat; line-height:2em; border-bottom:3px solid #89ad1f;}
#Interior #Contenido #ColLeft LI A { padding:3px 5px 3px 0px; font:bold 1.2em Arial, Helvetica, sans-serif; color:#000; padding-left:25px; display:block}
* html #Interior #Contenido #ColLeft LI A { padding:1px 2px 1px 25px}
#Interior #Contenido #ColLeft LI A:hover { background:#f5f9e4 url('../images/interiorFlechita.png') 5px 4px no-repeat; color:#85ab12}

/* Página de inicio */
#Header #busq .textinput { background:#eff4ea; font:1.1em Arial, Helvetica, sans-serif;}
#Header #busq {width:25em; position:relative; float:right; margin-top:9em}
#Header #busq SPAN { color:#000; font-weight:bold; font-size:13px}
#Header #busq .boton { background:#f6f8f3 url(../images/fondoBoton.png) 0 0 no-repeat; font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#51633c; text-align:center; width:38px}
#Inicio #Contenido #ColRight { float:right; position:relative; margin-right:25px; width:445px; text-align:left; padding-bottom:2em}
* html #Inicio #Contenido #ColRight {margin-right:15px}
#Inicio #Contenido #ColRight H2 { font:2em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; color:#49710a;text-align:left; text-transform:uppercase}
#Inicio #Contenido #ColRight UL { margin-left:15px; font:1.1em Verdana, Arial, Helvetica, sans-serif; text-align:justify; }
#Inicio #Contenido #ColRight LI { background:#fff url(../images/flechitaTexto.png) 3px 7px no-repeat; margin-bottom:10px; padding-left:14px; line-height:1.8em}
#Inicio #Contenido #ColRight LI P { font-size:1em}
#Inicio #Contenido #ColRight OL { margin-left:20px; text-align:left; }
#Inicio #Contenido #ColRight OL LI { background:#fff; margin-bottom:10px; padding-left:1px}

/* Páginas interiores */
#Interior #Contenido #ColRight { float:right;position:relative; margin-right:20px; width:515px; text-align:left}
* html #Interior #Contenido #ColRight {margin-right:8px}
#Interior #Contenido #ColRight H2 { font:2em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; color:#49710a;text-align:left; text-transform:uppercase}
#Interior #Contenido #ColRight #HeaderInicio { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-inicio.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderMetal { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-metal.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderConstruc { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-construccion.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderMadera { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-madera.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderServic { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-servicios.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderIlectric { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-ilectric.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderQuimica { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-quimica.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderBodega { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-bodegas.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight #HeaderAGrafica { clear:both; width:515px; height:65px; background-image: url('../images/imgHeader-agraficas.jpg'); border:2px solid #fff; border-width:2px 0 }
#Interior #Contenido #ColRight H3 { font:1.8em Arial, Helvetica, sans-serif; border-bottom:1px dashed #000; border-top:1px dashed #000; color:#52643d; text-align:left; padding:3px 15px; background:#eff4ea; text-transform:none}
#Interior #Contenido #ColRight H4 { margin:15px 0 10px 0; font-weight:normal; font:1.4em Verdana, Arial, Helvetica, sans-serif; border-bottom:2px solid #d4d8ce; color:#273f0c; text-align:left; padding:3px 15px; text-transform:none; background-image:url(../images/bulletH4.png); background-position:0 7px; background-repeat:no-repeat}
#Interior #Contenido #ColRight H5 { font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#000; border-bottom:1px dashed #000; padding:5px 0; text-transform:uppercase; margin-bottom:15px}
#Interior #Contenido #ColRight UL { margin-left:15px; font:1.1em Verdana, Arial, Helvetica, sans-serif; text-align:justify; }
#Interior #Contenido #ColRight LI { background-image:url(../images/flechitaTexto.png); background-position:3px 7px; background-repeat: no-repeat; margin-bottom:10px; padding-left:14px; line-height:1.8em}
#Interior #Contenido #ColRight P {padding:0 5px 0 15px}
#Interior #Contenido #ColRight LI P { font-size:1em}
#Interior #Contenido #ColRight H6 {border-bottom:1px dashed #ccc; padding-bottom:3px; margin:20px 15px -10px 15px; font-size:1.2em}
#Interior #Contenido #ColRight H6 A{ color:#990000; text-decoration:none}
#Interior #Contenido #ColRight H6 A:hover { color:#000}

   /* ESTILOS FORMULARIO */
#Interior #Contenido #ColRight .filaForm {width:95%; margin:0 0 5px 3%; clear:both; font-size:1.1em;  line-height:1.4em;}
* html #Interior #Contenido #ColRight .filaForm {z-index:10000}
#Interior #Contenido #ColRight .filaForm LABEL {color:#594531; font-weight:bold}
#Interior #Contenido #ColRight .filaForm span.encabezado {width:32%; float:left; position:relative; text-align:right; font-weight:bold; padding:0.2em}
#Interior #Contenido #ColRight .filaForm span.contenido {width:66%; float:right; position:relative; text-align:left; padding:0.2em}
#Interior #Contenido #ColRight .filaForm span.contenido A { text-decoration:underline; color:#000}
#Interior #Contenido #ColRight .filaForm span.contenido A:hover { text-decoration:none; color:#a6a6a6}
#Interior #Contenido #ColRight .filaForm span.contenidoTit {width:66%; float:right; position:relative; text-align:left; padding:0.2em; text-transform:uppercase; color:#aa0000}
#Interior #Contenido #ColRight .filaForm span.etiqueta {width:30%; height:2em; line-height:2em; float:left; position:relative; text-align:right}
#Interior #Contenido #ColRight .filaForm span.campos {width:68%; height:auto; float:right; position:relative; text-align:left} 
#Interior #Contenido #ColRight #NovLegislat {margin-top:25px}
#Interior #Contenido #ColRight #NovLegislat .filaForm span.encabezado {width:20%; float:left; position:relative; text-align:right; font-weight:bold; padding:0.2em}
#Interior #Contenido #ColRight #NovLegislat .filaForm span.contenido {width:78%; float:right; position:relative; text-align:left; padding:0.2em}
#Interior #Contenido #ColRight #NovLegislat .filaForm span.contenidoTit {width:78%; float:right; position:relative; text-align:left; padding:0.2em; text-transform:uppercase; color:#aa0000; font-weight:bold}
#Interior #Contenido #ColRight .textinput{width:18em; height:1.2em; background:url('../images/formInput.png') top left no-repeat; border:none; padding:0.3em 0.6em}
#Interior #Contenido #ColRight .sepH1 { clear:both; height:1px; border-bottom:1px dashed #000; margin-bottom:2px; margin-top:2px}
* html #Interior #Contenido #ColRight .sepH1 { margin-top:-15px; margin-bottom:5px}
#Interior #Contenido #ColRight .sepH2 { clear:both; height:14px; background-image:url('../images/fondoSepH2.png'); background-repeat:repeat-x; border-bottom:7px solid #fff; border-top:7px solid #fff;}
#Interior #Contenido #ColRight .sepH3 { clear:both; height:3px; background: #e0eac4; border-bottom:7px solid #fff; border-top:7px solid #fff;}
#Interior #Contenido #ColRight .textinput { border:1px solid #cad6bb; background:#f6f8f3; height:15px; font:1.1em Arial, Helvetica, sans-serif; color:#000; padding:1px 3px; width:150px}
#Interior #Contenido #ColRight .boton { background-image: url(../images/fondoBoton.png); background-repeat:no-repeat;#f6f8f3; font:bold 1em Verdana, Arial, Helvetica, sans-serif; color:#51633c; text-align:center; width:38px}
#Interior #Contenido #ColRight #menuLegislacion {width:420px; margin:20px 40px; float:left; position:relative; border-top:1px solid #000}
* html #Interior #Contenido #ColRight #menuLegislacion {margin:20px}
#Interior #Contenido #ColRight #menuLegislacion #busqLegislacion {width:400px; text-align:right; border-bottom:1px solid #000; text-transform:uppercase; padding:5px 10px}
#Interior #Contenido #ColRight #menuLegislacion UL { margin:15px 0 0 0}
#Interior #Contenido #ColRight #menuLegislacion LI { margin-top:8px; font:1.4em Verdana, Arial, Helvetica, sans-serif; border-bottom:2px solid #d4d8ce; color:#273f0c; text-align:left; padding:0px 30px 7px 30px; background-image:url('../images/bulletH4.png'); background-position:13px 5px; background-repeat:no-repeat}
#Interior #Contenido #ColRight #menuLegislacion LI A { color:#273f0c}
#Interior #Contenido #ColRight #menuLegislacion LI A:hover {color:#000}
#Interior #Contenido #ColRight #listadoPDFs UL { margin:10px 0 0 0; background:#fff}
#Interior #Contenido #ColRight #listadoPDFs LI {border-bottom:1px dashed #000; padding:0 5px 3px 20px; margin-bottom:10px; list-style:none; background:#fff }
#Interior #Contenido #ColRight #listadoPDFs LI A { font:bold 1em Verdana, Arial, Helvetica, sans-serif; color:#aa0000; }
#listadoPDFs LI A:hover { text-decoration:underline}
#Interior #Contenido #ColRight #listadoLegisl UL { margin:20px 0 0 0; background:#fff}
#Interior #Contenido #ColRight #listadoLegisl LI {border-bottom:1px dashed #000; padding:0 10px 3px 10px; margin-bottom:10px; list-style:none; background:#fff }
#Interior #Contenido #ColRight #listadoLegisl LI SPAN {font:1em Verdana, Arial, Helvetica, sans-serif; color:#52643d;}
#Interior #Contenido #ColRight #listadoLegisl LI A { font:bold 1em Verdana, Arial, Helvetica, sans-serif; color:#52643d; }
#Interior #Contenido #ColRight #listadoLegisl LI A:hover { color:#a6a6a6}
#volverListado {margin:20px 0; border-top:5px solid #d4d8ce; padding:5px 10px}


#Interior #Contenido #ColRight #menuObligacion {width:420px; margin:10px 40px; float:left; position:relative}
* html #Interior #Contenido #ColRight #menuObligacion {margin:20px}
#Interior #Contenido #ColRight #menuObligacion UL { margin:15px 0 0 0}
#Interior #Contenido #ColRight #menuObligacion LI { margin-top:8px; font:1.4em Verdana, Arial, Helvetica, sans-serif; border-bottom:2px solid #d4d8ce; color:#273f0c; text-align:left; padding:0px 30px 7px 30px; background-image:url(../images/bulletH4.png); background-position:13px 5px; background-repeat:no-repeat}
#Interior #Contenido #ColRight #menuObligacion LI A { color:#273f0c}
#Interior #Contenido #ColRight #menuObligacion LI A:hover {color:#000}

#Interior #Contenido #ColRight.textinputHovered {background-position:left bottom}
A.volver { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#585858}
A.volver:hover { text-decoration:underline}

#Inicio #Frontera, #Interior #Frontera {height:25px; background:#fff; clear:both}


#Interior #Contenido #ColRight.filaFormLegisl {height:12px; clear:both;}
#Interior #Contenido #ColRight #listadoBusqueda UL { list-style-type:none}
#Interior #Contenido #ColRight #listadoBusqueda LI { border-bottom:2px solid #E7E7e7; margin:0;list-style-type:none; }
#Interior #Contenido #ColRight #listadoBusqueda LI A { margin-left:0px; padding:0px 0px; text-align:left; color:#52643d; display:block; list-style:none}
#Interior #Contenido #ColRight #listadoBusqueda LI A:hover {color:#000; background:#eff4ea; display:block; list-style:none}

.paginacion {text-align:right; height:20px; background:#f7faf9; color:#004275; padding-right:5px}
.paginacion A {color:#004275}