* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {  width:100%; text-align:center; font:14px tahoma,geneva,verdana,arial,sans; }
#nav { width:100%; height:100%; margin:0 auto; position:relative;  }
#top_left { position:absolute; left:0; background: url(../img/base/fondo/top_izquierda.gif) no-repeat; width: 350px; height: 206px; top:0; z-index:1; }
#left { position:absolute; top:0; left:0; background: url(../img/base/fondo/izquierda.gif) repeat-y; width: 77px; height: 100%; z-index:0; }
#bottom_left { position:absolute; left:0; background: url(../img/base/fondo/fondo_izquierda.gif) no-repeat; width: 132px; height: 120px; bottom:0; z-index:1; }
#top { position:absolute; background: url(../img/base/fondo/top.gif) repeat-x; width: 80%; height: 69px; top:42px; left:201px; z-index:0; }
#bottom_right { position:absolute; background: url(../img/base/fondo/fondo_derecha.gif) no-repeat; width: 150px; height: 168px; right:0; bottom:0; z-index:1; }
#letrero { position:absolute; left:0; top:0; z-index:2; width:100%; background: url(../img/base/cartel.gif) no-repeat center; height:80px; }

p { margin: 8px 0; }

img { -ms-interpolation-mode: bicubic; }

#Area_Trabajo { float: left; min-height:100%; position: relative; padding:0; width:100%; z-index:10; text-align: justify; }
#Contenido { float: left; width: 70%; margin:157px 0 0 148px; padding-bottom: 50px; }
#menu { position: absolute; font-size:14px; list-style: none; min-height: 167px; left:0; top:202px;  left: 1%; background: blue; z-index:1; background: url(../img/base/menu.gif) no-repeat; width: 100px; padding: 2px 0 0 20px; }
#menu li { float:left; width: 100%; text-align: left; cursor: pointer; }
#menu li.active, #menu li:hover { font-weight: bold; }
#menu li a { color: #000; text-decoration: none; }
#menu li:first-child { text-align: center; width:120px; margin-left: -20px; cursor: default; }
#menu li:first-child:hover { font-weight: normal; }
#pie { position: absolute; bottom:0; left:0; text-align: center; width: 100%; }

/* ********************** lugnasad ********************** */
.lugnasad .triptico { list-style: none; float:left; width: 100%; }
.lugnasad .triptico li { float:left; padding:3% 0 3% 22%; }
.lugnasad .triptico img { width: 150px; border: none; }
.lugnasad #strong_colabora { cursor: pointer; color:#00e; }
.lugnasad #colabora { display:none;  background-position: 100px center; height: 100px; background-repeat: no-repeat; }
.lugnasad #colabora ul { list-style: none;  }
.lugnasad #colabora.espera { background-image:url(../img/base/triskel100.gif); }
.lugnasad #colabora.espera ul { display:none; }
.lugnasad #colabora ul li { margin: 10px 0; }
.lugnasad #colabora ul li label { width: 60px; float:left; }
.lugnasad #colabora input { width: 227px; }
.lugnasad #colabora input[type='submit'] { margin-left: 93px; width: auto; }
#gracias { display: none; }
.lugnasad #colabora.gracias  li { display: none; }
.lugnasad #colabora.gracias #gracias { display: inline; }
.lugnasad #limite90 { display: none; color: #c30000;}
/* ********************** lugnasad ********************** */

/* **********************   mapa   ********************** */
#map_canvas  { min-height: 500px; }
/* **********************   mapa   ********************** */

/* **********************  imaxes  ********************** */
.imaxes { float:left; width: 100%; list-style:none; }
.imaxes li { float:left; position: relative; margin: 10px 40px 10px 0; padding: 13px; height: 192px; overflow:hidden; background:transparent url(../img/base/cuadro_imaxes2.gif) no-repeat; }
.imaxes li ul { float: left;  list-style:none; width: 252px; margin-left:-1px; position: relative; z-index: 0; }
.imaxes li ul li { float:left; height: 60px; width:80px; margin: 2px; background: none; padding: 0; text-align: center; }
.imaxes li ul li a { text-decoration: none; }
.imaxes li ul li a img { border: none; }

.imaxes li span { position: absolute; top:15px; left: 13px; z-index: 1; height:188px; width:250px; }
.imaxes li span  img { margin: auto; }

.imaxes li span em { position: absolute; top:150px; left: 0; width: 100%; text-align:center; z-index: 2; color: #000; background:#fff; opacity: 0.4; filter: alpha(opacity = 40); }
.imaxes li span em strong { position:absolute; font-size:20px; font-style:normal; font-weight:bold; margin:-1px 0 0 3px;  }

.imaxes li:hover span { display: none; }
/* **********************  imaxes  ********************** */

/* ******************** informacion  ******************** */
.informacion ul { padding: 2% 0 0 5%; list-style: none; }
.informacion ul li { padding: 0.5% 0 0.5% 20px; background:transparent url(../img/base/icono.gif) no-repeat 0 4px; }
/* ******************** informacion  ******************** */

/* ********************  vestimenta  ******************** */
.vestimenta p { float:left; width: 100%; margin: 10px 0; }
.vestimenta img { float:left; padding: 0 10px 5px 0; }
/* ********************  vestimenta  ******************** */