html, body {
    height: 100%;
    margin:0px;
    padding:0px;
}
body{
	text-align:center;
	background: url(../Imagenes/bg.gif) repeat-x;
}

#container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:975px;
	margin:0 auto;
	background-color:#FFF;
}
#footer{background: #333;color:#FFF;height: 4em;
}


.sinborde{border:none;}
#extra{background:#FF8539}
#content{float:left;width:645px;padding-bottom:55px;text-align:left;}


#footer{clear:both;width:100%}


.graf_principal img,#header img{display:block;}
#pagina, #pagina td{
	font: 12px/19px "Lucida Sans Unicode", Verdana, Arial;
	color: #777;
	text-align:justify;
	padding-right:20px;	
}
#pagina p{margin-top:15px;margin-top:10px;}
#pagina a{color:#47827e;text-decoration:underline;}
	#pagina a:hover{color:#444;text-decoration:underline;}
#pagina .acciones a{text-decoration:none;}
#pagina h2{
	color:#7a8e3f;
	font: bold 15px Arial, Helvetica, sans-serif, serif;
	margin-bottom:13px;
	border-left:7px solid #afbe82;
	background-color:#e3e8d3;
	padding-left:7px;
	padding-top:4px;
	padding-bottom:3px;
}

#pagina h4{
	color:#339999;
	font: bold 13px Arial, Helvetica, sans-serif, serif;
	margin-bottom:5px;
	line-height:20px;
}

.acciones{
		border-bottom:1px solid #d2d2d2;
		border-top:1px solid #d2d2d2;
		background:#E9E9E9;
		margin-top:10px;
		margin-bottom:15px;
		padding-top:2px;
}
.acciones a{text-decoration:none;}

h3{
	background:#777;
	font: bold 14px Arial, Helvetica, sans-serif, serif;
	color: #DDD;
	padding:5px;
}

/*-------------------------------------------
INICIO -  NOTICIAS
--------------------------------------------*/

#bienvenida{
	font: 11px "Lucida Sans Unicode", Verdana, Arial;	
}

#pagina  .titulo_noticia a{
	display:block;
	font: bold 12px "Lucida Sans Unicode", Verdana, Arial;
	color: #cc9906;
	text-decoration:none;
	text-align:left;
	margin-bottom:2px;
}
#pagina  .titulo_noticia2 a{
	display:block;
	font: bold 14px "Lucida Sans Unicode", Verdana, Arial;
	color: #cc9906;
	text-decoration:none;
	text-align:left;
	margin-bottom:2px;
}
#pagina .titulo_noticia a:hover,#pagina .titulo_noticia2 a:hover{color:#944900;text-decoration:none;}
.fecha_noticia{
	display:block;
	font: 11px "Trebuchet MS", Arial, sans-serif;
	color: #999999;
	margin-bottom:6px;
}

.corto_noticia{
	display:block;
	color:#616161;
}
.mas_info{
	margin-top:7px;
	margin-bottom:10px;
}

/*-------------------------------------------------------------
UPLOAD, BUSQUEDA Y PAGINACION
----------------------------------------------------------------
*/
.filtrado,#upload {
	border-bottom:1px solid #d0d0d0;
	margin-bottom:20px;
	background: url(../Imagenes/bgupload.gif);
}
.filtrado input{border:1px solid #CCC;}
.filtrado{padding-top:10px;padding-bottom:10px;}
/*-------------------------------------------
ENLACES
--------------------------------------------*/

.enlaces #pagina ul a{
	text-transform:none;
	text-decoration:none;
	color:#47827e;
}
	.enlaces #pagina ul a:hover{color:#222;}
.enlaces #pagina ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.enlaces #pagina ul li {
	padding:5px;
	border-bottom:1px dashed #cdd7d6;
	background: url(../Imagenes/bullet.png) left 5px no-repeat;
	padding-left:20px;
	font: 12px Arial, Helvetica, sans-serif, serif;
}




/*-------------------------------------------
NAVIGATION
--------------------------------------------*/

#navigation{float:left;width:330px;text-align:left;padding-bottom:300px;}
.menu_list{margin-top:20px;}
.menu_head, .menu_head_sinhijos{
	margin:0px;
	padding:0px;
	display:block;
	width:300px;
	text-transform:uppercase;
	background: url(../Imagenes/bgli.gif) no-repeat;
	padding-top:5px;
	padding-bottom:5px;
}
.menu_head_sinhijos a, .menu_head{
	font: 12px "Lucida Sans Unicode", Verdana, Arial;
	color: #777;
	text-decoration:none;
	padding-left:25px;
	cursor:pointer;
}
.menu_body {
	display:block;
}

.menu_body a {
	display:block;
	color:#888;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	padding-left:35px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	border-bottom:none;
	background: url(../Imagenes/bgli2.jpg) no-repeat 20px center;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:none;
  border-bottom:none;
}

/*-------------------------------------------------------------
LISTADOS
----------------------------------------------------------------
*/
#pagina .listados {
	display:block;
	margin-bottom:10px;
	width: 100%; /*Ancho del formulario*/
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border:1px solid #CCC;
	background-color: #f1f1f1;
	line-height:15px;
}
#pagina .listados td{padding:5px;font: 9px Verdana, Arial, Helvetica, sans-serif;}
.thumb {border:1px solid #CCC;} 
.fecha {font-size:9px; color:#999;}


/*-------------------------------------------------------------
FORMULARIO ACCESO
----------------------------------------------------------------
*/
.buttonfield {
	background:#6a737b;
	border:none;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:10px;
	padding:4px;
}
.buttonfield:hover,
.buttonfield:focus
{
	background:#afc524;
	color:#fff;
}
.caja {
	border:1px solid #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	padding:4px;
}


/*-------------------------------------------------------------
ANUNCIOS
----------------------------------------------------------------
*/
.anuncios {
	display-block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
}
.anuncios td{padding:3px;line-height:14px;text-align:left;}
.anuncios a{color: #666;text-decoration:none;}
		.anuncios a:hover{color:#a7c122;}
.descanuncio {background-color:#e7ead9;padding:5px;}
.mensajeria td{padding:5px;line-height:14px;border-bottom:1px dashed #CCC;}
.mensajeria td a {color:#666;text-decoration:none;}
.mensajeria td a:hover{color:#a7c122;text-decoration:none;}

.mensajeria th{background-color:#ebeedd;color:#666;padding:6px;font-size:11px;border-top:1px solid #d7deb2;border-bottom:1px solid #d7deb2;}
.destinatarios td{
	font: 10px "Trebuchet MS", Arial, sans-serif;
}
#miTabla th {cursor:pointer;}
#miTabla th.headerSortUp {
	border-left:1px solid #c2d45b;
	border-right:1px solid #c2d45b;
	background: #e0e9a9 url(../Imagenes/small_asc.gif) no-repeat right center;
} 
#miTabla th.headerSortDown { 
    background: #e0e9a9 url(../Imagenes/small_desc.gif) no-repeat right center;
    border-left:1px solid #c2d45b;
    border-right:1px solid #c2d45b; 
} 

/*-------------------------------------------------------------
BORRADO DE ELEMENTOS
----------------------------------------------------------------
*/
.confirmacion {
	margin-top:10px;
	margin-bottom:10px;
	border: 1px solid #ffc2d1;
	background-color:#fde8ee;
	font:11px Verdana, Arial, Helvetica, "sans-serif ";
	padding:8px;
	padding-left:15px;
	display:block;
}
.confirmacion a{
	font:13px Verdana, Arial, Helvetica, "sans-serif ";
	color: #BC564F;
	text-decoration:none;
}
			.confirmacion a:hover{ font:13px Verdana, Arial, Helvetica, "sans-serif "; color: #333; text-decoration:none; }

/*-------------------------------------------------------------
MENSAJES
----------------------------------------------------------------
*/
.error {color:#db7070; font-size:11px;}
.mensaje {
	display:block;
	height:100px;
	background-color:#FF0000;
}
#AlertInformacion p{margin-bottom:7px;}
#AlertInformacion {
	padding:5px;
	border:1px solid #c9def1;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	background: #edf4fa url(../Imagenes/buble.gif) no-repeat 10px 10px;
	padding-left:55px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
#AlertInformacion a{color:#e60d00;}
#msgexito {
	right:0px;
	bottom:0px;
	height:90px;
	padding:10px;
	position:absolute;
	width:200px;
	z-index:999;
	background: #F3F3F3 url(../Imagenes/bg_exito.gif);
	border:1px solid #CCC;
	text-align:left;
	padding-left:55px;
}
#msgfracaso {
	right:0px;
	bottom:0px;
	height:90px;
	padding:10px;
	position:absolute;
	width:200px;
	z-index:999;
	background: #F3F3F3 url(../Imagenes/bg_fracaso.gif);
	border:1px solid #CCC;
	text-align:left;
	padding-left:55px;
}
#msgexito p,#msgfracaso p{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	margin-top:23px;
	margin-top:35px !important;
	color: #444;
}
	#msgfracaso p{margin-top:15px;	margin-top:20px !important;font-size:13px;}
/*-------------------------------------------------------------
FORMULARIOS
----------------------------------------------------------------
*/
.obligatorio {
	color:#fb9926;
	font: 16px "Trebuchet MS", Arial, sans-serif;
}
form.cmxform {
	width: 100%; /*Ancho del formulario*/
	color: #444444;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border:1px solid #BBB;
	background-color: #eaeaea;
	padding:0px;
	margin:0px;
}
p {margin-bottom:15px; margin-top:5px;}
form.cmxform p {margin:0px;border-bottom:1px dotted #ccd5dd;}
form.cmxform label {
	float: left;
	width: 160px; /*Ancho de la primera columna*/
}
form.cmxform fieldset {
	border: none;
	margin:0px;
	padding:0px;
	background-color: #f1f1f1;
}
form.cmxform fieldset fieldset {
	background: none;
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 7px 7px 7px;
	background: url(../Imagenes/divisor.gif) left top repeat-x;
}
 
.indicacionform {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}
/* ELEMENTOS INPUT, TEXTAREA, SELECT,... */
.invisible{display:none;}
textarea, input  {border: 1px solid #c3cadc;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;}
input{height:23px;line-height:23px;}
select {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
textarea:focus, input:focus{ border:1px solid #89b21b; }
input.error { border: 1px solid #ffa17f; }
label {padding:6px;font-weight:bold;color:#666;}
/* BOTONES*/
form .submit {
	width:68px;
	height:25px;
	border:none;
	background: url(../Imagenes/Submit.gif) no-repeat;
}
form .grabar { 
	margin-top:20px;
	width:59px;
	vertical-align:bottom;
	height:25px;
	background-image:url(../Imagenes/Grabar.gif);
	border:none;
	cursor:pointer;
}
form .recortar {
	width:106px;
	vertical-align:bottom;
	height:27px;
	border:none;
	cursor:pointer;
	background: url(../Imagenes/RecortarImagen.gif) no-repeat;
}

form .imagen { 
	display:block;
	margin-top:10px;
	width:53px;
	height:27px;
	background-image:url(../Imagenes/EnviarImagen.gif);
	border:none;
}
.advertencia{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #878787;
	background: url(../Imagenes/bg_advertencia.gif) no-repeat 0px 2px;
	padding-left:30px;
}
/* CONTEO TOTAL DE ERRORES*/
#warning {
	margin:15px;
	padding:7px;
	text-indent:15px;
	border:1px solid #b8c4e6;
	background: #e6eaf5 url(../Imagenes/fracaso.gif) no-repeat 3px center;
	color:#336699;
	padding-left:20px;
}
#warning {
	display:none;
}
/* ETIQUETAS DE ERROR Y OK A NIVEL DE ELEMENTO*/
em{margin:0px;padding:0px;}
em.error {
	display:inline;
	margin-left:5px;
	text-align:left;
	height:10px;
	background:url(../Imagenes/error.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #ff5432;
}
em.success {
	display:block;
	height:10px;
	background:url(../Imagenes/ok.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
}

/*-------------------------------------------------------------
GALERIA DE IMÁGENES
----------------------------------------------------------------
*/

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 5px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs ul {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}


.ayuda_pregunta{
	display:block;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:0px;
	font: bold 17px Arial, Helvetica, sans-serif, serif;
	color: #777;
}
.pregunta_encuesta{
	display:block;
	clear:left;
	position:relative;
	float:left;
	margin-bottom:5px;
	width:80%;
	margin-bottom:5px;
	padding-bottom:0px;
	font: bold 13px Arial, Helvetica, sans-serif, serif;
	color: #a2614b;
}

.pregunta_encuesta2{
	font: bold 13px Arial, Helvetica, sans-serif, serif;
	color: #a2614b;
}
em.error {
	display:block;
	float:right;
	margin-right:50px;
}
hr.linea{
	width:100%;
	height:0px;
	text-align:left;
	border-top:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#CCC dashed 1px;
	clear:both;
}

.ninguna input{
	margin-right:15px;
}
.ayuda_pregunta .conjunto_items{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif,serif;
	font-size:12px;
	display:block;
	width:100%
	margin-top:5px;
	margin-bottom:5px;
}
.tabla_normas{
	margin-bottom:20px;
	border-bottom:1px dashed #DDD;
}