body{ font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ede9e8}
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;}
#advertencia h1 {font-size: 1.2em; }


#elcontenedor {
width:100%; 
min-width:1000px;
font-size:1.1em; 
margin:0 auto; 
text-align:center; 
background: transparent url('../../img/ampliado-dcha-asoc.jpg') no-repeat top right;}


#elcontenedor-ampliado {
width:100%; 
min-width:1000px;
padding-top:0.3em; 
background: transparent url('../../img/ampliado-izq-asoc.jpg') no-repeat top left;}



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


#cabecera {border:0px solid red; border:0px solid red; background:#ede9e8; min-width:640px;} 
#cabecera h1 {height:90px; border:0px solid red; background:#fff url('../../img/corte-dcha-asoc.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/corte-izq-asoc.jpg") no-repeat right;}



#navegacion-secciones { background:#ede9e8; 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: #ede9e8 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: #ede9e8 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: transparent 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: transparent 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: transparent 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: transparent 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:17%; 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:#fdcaa6;}
      #col-izquierda a {text-decoration:none; color:#f93; font-weight:bold}
      #col-izquierda li.activo {background-color:#f93; color:#fff;}
      #col-izquierda li.activo a {color:#fff;}
         
   #col-centro { float:left; width:56.8%; padding:0 0.7% 6em 0.7%;}
      #col-centro h2 {color:#f93; font-size:1.4em; text-transform:uppercase; margin-bottom: 1em}
      #col-centro h3 {color:#f93; 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 #ccc}
      
      
   
   #col-centro ul {margin:0 1em;}
   #col-centro ul li {list-style-type:none}
   #col-centro ul ul li { list-style-image:url("../../img/bol6.png"); margin-bottom:0.5em;}
   #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:1em}
   #col-centro ul.noticias li {margin: 1em 0;}
   #col-centro ul.punto li {margin:1em; list-style-image:url("../../img/bol6.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;}
            #navegacion-deinteres a.cjclm { border:0; display:block; width:100%; border:0px solid blue; text-decoration:none; background: transparent url("../../img/cjclm.png") no-repeat center;}


#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:#666}
#volver a:hover {color:#999}