body{ font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #000}
BODY, p, h1, h2, h3, h4, h5, h6, ul, li{ padding:0; margin:0;}
ul li {list-style-type: none}
acronym, abbr {border-bottom: 1px dotted #999; cursor:help}



.no_ver {display:none}
.accesodirecto {border-bottom:1px solid #ccc}

#advertencia {width:90%; background-color:#fff; border:2px solid #000; margin:0.5em auto; font-size:1.2em; padding:1em;}
#advertencia2 {width:80%; background-color:#fff; border:2px solid #000; margin:0.1em auto 1.5em auto; font-size:0.9em; padding:0.5em;}

#advertencia h1 {font-size: 1.2em; }
#advertencia2 h1 {font-size: 1em; }
#advertencia2 p {text-transform:none}

#elcontenedor {
width:100%; 
min-width:1000px;
font-size:1.1em;
margin:0 auto;
text-align:center;
background: #000;}


#elcontenedor-ampliado {
width:100%;
min-width:1000px;
padding-top:0.3em;
background: #000}



#locontenido {
text-align:left;
background-color:#fff; 
margin:0px 140px 0px 160px;
}


#cabecera {border:0px solid red; border:0px solid red; background:#000; min-width:640px;}
#cabecera h1 {height:90px; border:0px solid red; background:#fff url('../img/corte-izq.jpg') no-repeat left top; padding:0 20px; text-indent:-9999px;}
#cabecera span {height:90px;}
#cabecera span.adorno {float:left; width:150px; border:0px solid blue;}
#cabecera span.logo { float:right; position:relative; top:0px; border:0px solid blue; width:446px; left:20px; background: transparent url("../img/logo-cjclm.jpg") no-repeat right;}



#navegacion-secciones { background:#fff; width:100%; display:block; border:0px solid red; height:80px; clear:both; text-align:center}
#navegacion-secciones li {margin:0.4em 0; color:#000; height:68px; float:left; text-indent: -9999em;}



   #navegacion-secciones li.celda1 {width:22%; background: #fff url("../img/asociacionismo.png") no-repeat center;}
      #navegacion-secciones a.asociacionismo {border:0; color:#000; display:block; height:68px; width:100%; text-decoration:none; background: #fff url("../img/asociacionismo_bn.png") no-repeat center;}
/*    -#navegacion-secciones a.asociacionismo:hover {position:relative; left:-100px}   */

   #navegacion-secciones li.celda2 {width:25%; border:0px solid blue}
      #navegacion-secciones a.observatorio { border:0; color:#000; display:block; height:68px; width:100%; border:0px solid blue; text-decoration:none; background: transparent url("../img/observatorio_bn.png") no-repeat center;}
/*    -#navegacion-secciones a:hover.observatorio {background: transparent url("../img/observatorio.png") no-repeat center;}  */

   #navegacion-secciones li.celda3 {width:25%; border:0px solid red}
      #navegacion-secciones a.formacionyempleo { border:0; color:#000; display:block; height:68px; width:100%; border:0px solid blue; text-decoration:none; background: #fff url("../img/formacionyempleo_bn.png") no-repeat center;}
/*    -#navegacion-secciones a:hover.formacionyempleo {background: transparent url("../img/formacionyempleo.png") no-repeat center;}   */

   #navegacion-secciones li.celda4 {width:24%; border:0px solid blue}
      #navegacion-secciones a.boletindigital { border:0; color:#000; display:block; height:68px; width:100%; border:0px solid blue; text-decoration:none; background: #fff url("../img/boletindigital_bn.png") no-repeat center;}
/*    -#navegacion-secciones a:hover.boletindigital {background: transparent url("../img/boletindigital.png") no-repeat center;} */

   #navegacion-secciones li.celda5 {width:22%; border:0px solid red}
      #navegacion-secciones a.ruraliajoven { border:0; color:#000; display:block; height:68px; width:100%; border:0px solid blue; text-decoration:none; background: #fff url("../img/ruraliajoven_bn.png") no-repeat center;}
/*    -#navegacion-secciones a:hover.ruraliajoven {background: transparent url("../img/ruraliajoven.png") no-repeat center;}  */

   #navegacion-secciones a.saludjoven { border:0; color:#000; display:block; height:68px; width:100%; border:0px solid blue; text-decoration:none; background: #fff url("../img/saludjoven_bn.png") no-repeat center;}
/* -#navegacion-secciones a:hover.saludjoven {background: transparent url("../img/saludjoven.png") no-repeat center;}   */
#navegacion-secciones li.fin {width:22%; margin:0.4em 0; height:68px; float:right; text-indent: -9999em;}





#cuerpo { width:100%; clear:both; display:block; background: #fff; padding-top:1em; min-width:640px;}

   #col-izquierda {float:left; width:20%; padding:0 0.5%; font-size:0.9em; line-height: 1.5em; text-transform: Uppercase}
      #col-izquierda li { padding: 0 0 0.5em 0.5em;}
      #col-izquierda li:hover {background-color:#666;}
      #col-izquierda a {text-decoration:none; color:#000; font-weight:bold}
      #col-izquierda a:hover {color:#fff;}
      #col-izquierda li.activo {background-color:#000; color:#fff;}
      #col-izquierda li.activo a {color:#fff;}
         
   #col-centro { float:left; width:54.2%; padding:0 0.4% 6em 0.7%;}
      #col-centro h2 {color:#000; font-size:1.4em; text-transform:uppercase; margin-bottom: 1em}
      #col-centro h3 {color:#000; font-size:1em; margin:1.2em 0 0.8em 0; text-transform:uppercase; font-weight:bold;}
      #col-centro h4 {font-size:1.2em; margin:1.2em 0 0.8em 0}
      #col-centro .parrafo {font-size:1em; text-align:justify}
      #col-centro .parrafoaderecha {font-size:1em; display:block; text-align:right; width:100%}    
      #col-centro .parrafo2 {font-size:1em; text-align:justify; margin-bottom:1em}

      .bloque-noticias {list-style-type:none; padding-bottom:1em; margin-bottom:1.6em; border-bottom:1px dashed #666}
      .bloque-noticias a {text-decoration:none}


      #bloque-anuncio-boletin {border:1px solid #e5e5e5; clear:both; height:75px; margin-bottom:1.5em; background: transparent url("../img/linea.jpg") repeat-x;}
      #bloque-anuncio-boletin .partedigital {border:0px solid #000; position:relative; left:0px; float:left; display:inline; width:255px; height:75px; background: transparent url("../img/anuncio-boletin1.gif") no-repeat;}
      #bloque-anuncio-boletin .partelogo {float:right; background: transparent url("../img/anuncio-boletin2.gif") no-repeat top right; border:0px solid blue; width:100%; height:75px;}
      #bloque-anuncio-boletin .partelogotexto {display:none}
   
   
   #col-centro ul {margin:0 1em;}
   #col-centro ul li {list-style-type:none}
   #col-centro ul ul li { list-style-image:url("../img/bol.png"); margin-bottom:0.5em;}
   #col-centro a {color:#333}
   #col-centro ul a {font-size:1em; color:#333}
   #col-centro ul a:hover {color:#999}
   #col-centro ul ul {margin:1em 1.5em}
   #col-centro ul.noticias {margin: 0; font-size:0.9em}
   #col-centro ul.noticias li {margin: 1em 0;}
   #col-centro ul.punto li {margin:1em; list-style-image:url("../img/bol.png");}
   
   
   

   #col-centro .boliche  {list-style-image:url("../img/bol.png")}
   #col-centro ul.sinjustificar li { text-align:left}
   #col-centro .sinboliche {list-style-type:none}  
   

         
   #col-derecha { float:right; width:22%; padding:0 0.5%;}
      #col-derecha ul {position:relative; top: 0em;}
      #col-derecha li {text-align:right; line-height: 0.4em; margin:0 auto; text-align:center; margin-bottom:1em}
      #col-derecha a.banner { border:0; display:block; text-decoration:none; background: transparent url("../img/banners/banner1.png") no-repeat right;}


         #navegacion-deinteres img {border:1px solid #e5e5e5; width:155px;}
         #navegacion-deinteres img.sinborde {border:0; margin-bottom: -1.3em;}


#pie {clear:both; height:60px}
#pie hr {display:none}




#volver {margin:3em auto; text-align:center;}
#volver a {font-size:1em; text-decoration:none; color:#000}
#volver a:hover {color:#333}









/*====== BANCO DE RECURSOS =====*/
#cuerpo-bancorecursos {width:100%; clear:both; background: #fff; padding-top:1em; min-height:580px;}
#cuerpo-bancorecursos h2 {text-align:center; color:#C66; font-size:2.2em;}
#cuerpo-bancorecursos h3 { font-size:1.8em; padding:1.4em; color:#C66;}
#cuerpo-bancorecursos a {color:#333}
#cuerpo-bancorecursos ol {padding:1em 2em 1em 2em; margin-left:2em}
#cuerpo-bancorecursos ol ul {padding: 2em}
#cuerpo-bancorecursos ol ul li {padding: 0.5em; list-style-type:circle}
#cuerpo-bancorecursos h4 { font-size:1.4em; padding:0.5em; margin-left: 2em; color:#C66;}
#cuerpo-bancorecursos .menu-bancorecursos {border:0px solid red; display:block; margin:2em auto; text-align:center}
#cuerpo-bancorecursos .menu-bancorecursos li {border:1px solid #999; text-align:center; background:#C66; padding:0.4em; display:inline; margin:0 2em}
#cuerpo-bancorecursos .menu-bancorecursos li a {text-decoration:none; text-align:center; color:#fff; font-weight:bold; margin:0 auto}
#cuerpo-bancorecursos p {padding:1.4em}


#cuerpo-bancorecursos table { font-size:0.9em}
#cuerpo-bancorecursos td {text-align:left; padding:0.7em}
#cuerpo-bancorecursos th {text-align:center; background:#666; color:#fff; padding:0.7em}

#cuerpo-bancorecursos td.inventario {width:16%; text-align:center;}
#cuerpo-bancorecursos td.fianza {width:10%; font-weight:bold; text-align:center;}
#cuerpo-bancorecursos td.situacion {width:15%; font-weight:bold; text-align:center;}
#cuerpo-bancorecursos .disp {color:green}
#cuerpo-bancorecursos .no_disp {color:red}

#cuerpo-bancorecursos tr.claro {background:#eee}
#cuerpo-bancorecursos tr.oscuro {background:#ccc}


#cuerpo-bancorecursos form {padding:0 1em 1em 4em}
#cuerpo-bancorecursos.descargas {text-align:center; margin:0 auto}









.precalendar {
         background-color: #fff;
         width:100%;
         border:0px solid red;
         margin:0 auto;
         text-align:center;
}

   .calendarBox {
      position: relative;
      top: 0;
      margin: 0 auto;
      text-align:center;
      padding: 0.1em 0 0.7em 0.1em;
      width: 141px;
   }

   .calendarFloat {
      float: left;
      width: 15px;
      height: 15px;
      margin: 1px 1px 0px 0px;
      padding: 1px;
      border: 1px solid #999;
      color: #000;
   }







#sig-ant {text-align:center; color:#000; margin:0 auto;}
   #sig-ant a {color:#000}