/* 
 * Hoja de estilos CSS genérica.
 * www.elconsorci.net
 * @author Xavier Roig Canelles
 * @version 0.1
 *
 * @package El Consorci
 * @subpackage CSS
*/

/* GENERICOS */
.li-fix {
  #margin-top: -1em;
  #height: 1em;
} /* Fix para el primer elemento de una lista UL/OL en MSIE */

.float-fix {
  clear: both;
}

body {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif, 'Lucida Sans Unicode', 'Lucida Grande';
  color: #333333;
  text-align: justify;
  margin: 0;
  padding: 0;
  background-color: #7db900;
} /* Cuerpo de documento */

form {
  display: inline;
  margin : 0;
  padding: 0;
} /* Formularios */

a {
  text-decoration: none;
  color: #ce035c;
  font-weight: normal;
} /* Enlace estandar, relajado */

a.selected {
  text-decoration: underline;
} /* Enlace estandar, seleccionado */

a:hover {
  text-decoration: underline;
} /* Enlace estndar, bajo el puntero */

a.xs {
  font-size: 9px;
}

a.s {
  font-size: 10px;
}

a.m {
  font-size: 11px;
}

a.l {
  font-size: 12px;
}

a.xl {
  font-size: 16px;
}

img {
  border: 0 none transparent;
} /* Imagenes estandar */

img.icon {
  width : 16px;
  height: 16px;
} /* Imagenes para iconos */

.align-left {
  text-align: left;
} /* Alineación izquierda */

.align-right {
  text-align: right;
} /* Alineación derecha */

.align-center {
  text-align: center;
} /* Alineación central */

.border {
  border: 1px solid #333333;
}  /* Border estandar */

/* TEXTOS */
.bold {
  font-weight: bold;
}

.cursive {
  font-style: italic;
}

.text-xsmall {
 font-size: 9px;
}

.text-small {
 font-size: 10px;
}

.text-medium {
 font-size: 11px;
}

.text-xlarge {
 font-size: 12px;
}

p {
  margin: 0 0 10px 0;
} /* Parrafo estandar */

h1 {
  display: inline;
  margin: 0;
  padding: 0;
} /* Encabezado  1 */

h2 {
  display: inline;
  margin: 0;
  padding: 0;
} /* Encabezado  2 */

h3, .h3style {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif, 'Lucida Sans Unicode', 'Lucida Grande';
  color: #7db900;
  display: inline;
  margin: 0;
  padding: 0;
} /* Encabezado  3 */

dl.col1 h3, dl.col2 h3, dl.col2a h3, dl.col2b h3, dl.col3 h3, dl.col4 h3 {
  display: block;
  border-bottom: 1px solid #7db900;
  margin-bottom: 5px;
  height: 21px;
}

.col3{
    #margin-left: 0px !important ;
}

h4 {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif, 'Lucida Sans Unicode', 'Lucida Grande';
  color: #7db900;
  display: inline;
  margin: 0;
  padding: 0;
} /* Encabezado  4 */

hr.raya {
  height: 1px;
  border: 0px none transparent;
  border-bottom: 1px solid #7db900;
  clear: both;
  margin: 0;
  padding: 0;
} /* Separador de puntos */

hr.puntos {
  height: 1px;
  border: 0px none transparent;
  border-bottom: 1px dotted #7db900;
  clear: both;
  margin: 0;
  padding: 0;
} /* Separador de puntos */

dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
} /* dl, dt y dd generales */

ul, dl {
  list-style: none inside none;
  width: 100%;
} /* dl y ul generales */

dt, dd {
  float: left;
} /* dt y dd generales */

/* CONTAINERS */
#emergencias {
  width: 974px;
  background-color:red;
  color:white;
  vertical-align:middle;
  margin: 0 auto 0 auto;
  padding: 5px 5px 0 5px;
  height: 21px;
  
} /* Espacio para contenidos, debe utilizarse en todas las paginas HTML */

#html {
  width: 968px;
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  padding: 8px;
  min-height: 100%;
  #height: 100%;
} /* Espacio para contenidos, debe utilizarse en todas las paginas HTML */

#head {
  width: 100%;
  height: 68px;
  clear: both;
  margin: 0;
  padding: 0;
} /* Espacio para la cabecera */

/* MENU */
.menu {
  width: 967px;
  height: 26px;
  position: relative;
  z-index: 100;
  border-right: 1px solid #cccccc;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif, 'Lucida Sans Unicode', 'Lucida Grande';
} /* truco para corregir el modelo de cajas defectuoso del IE5.5 */

* html .menu {
  width: 968px;
  w\idth: 967px;
} /* eliminar todos los guiones, borders, espaciado y margenes de las listas por defecto */

.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.menu li {
  float: left;
  position: relative;
} /* estilo de los enlaces para el nivel superior */

.menu a, .menu a:visited {
  display: block;
  color: #333333;
  text-decoration: none;
  height: 24px;
  border: 1px solid #cccccc;
  border-width: 1px 0 1px 1px;
  padding-left: 8px;
  line-height: 24px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  background: transparent url(../img/btn-menu-off.gif) 0 0 repeat-x;
} /* truco para corregir el modelo de cajas defectuoso del IE5.5 */

* html .menu a, * html .menu a:visited {

} /* estilo del fondo del segundo nivel */

.menu ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  left: 0;
  border-top: 1px solid #d6d6d6;
} /* anterior truco para el IE5.5 */

.menu ul ul li {
  text-align: left;
}

* html .menu ul ul {
  top: 24px;
  t\op: 25px;
}/* posicionar el segundo nivel */

.menu table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
} /* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
  background: transparent url(../img/btn-submenu-off.gif) 0 0 repeat-x;
  color: #333333;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px;
  border: 1px solid #d6d6d6;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
} /* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {
} /* style the top level hover */

.menu a:hover, .menu a.selected {
  background: transparent url(../img/btn-menu-on.gif) 0 0 repeat-x;
  color: #333333;
  border: 1px solid #629100;
}

.menu ul ul a:hover, .menu ul ul a.selected {
  background: transparent url(../img/btn-submenu-on.gif) 0 0 repeat-x;
  color: #333333;
  border: 1px solid #629100;
}

.menu:hover > a, .menu ul ul:hover > a {
  color: #000;
  background: #b7d186;
} /* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {
  visibility: visible;
} /* keep the third level hidden when you hover on first level list OR link */


/* BARRA DE NAVEGACION */
#navigation-bar {
  width: 100%;
  height: 19px;
  margin: 0;
  padding: 0;
  clear: both;
  background-color: #d5d5d5;
  font-size: 10px;
} /* Barra de navegación (hilo de Aridna + seleccion de idioma) */

#navigation-bar dt {
  width: auto;
  margin: 0;
  padding: 5px 8px 0 8px;
} /* Columna izquierda */

#navigation-bar dd {
  width: 250px;
  margin: 0;
  padding: 0 8px 0 8px;
  float: right;
  text-align: right;
} /* Columna derecha */

#image, #image-small {
  width: 100%;
  height: 328px;
  margin: 1px 0 0 0;
  padding: 0;
  border-bottom: 3px solid #333333;
} /* Imatge destacada */

#image-small {
  height: 111px;
}

/* CONTENIDO */

#body {
  width: 100%;
} /* Espacio para el contenido */

#content {
  width: 968px;
  float: left;
  margin: 0;
  padding: 10px;
} /* Espacio para el contenido */

#foot {
  width: 968px;
  height: 15px;
  margin: 0 auto 0 auto;
  padding: 0;
  clear: both;
  color: #ffffff;
} /* Espacio para el pie de pagina */

#foot dt, #foot dd {
  height: 15px;
  margin: 0;
  padding: 4px;
  font-size: 10px;
} /* Columnas */

#foot dt {
 width: 800px;
} /* Columna izquierda */

#foot dd {
  float: right;
} /* Columna derecha */

#options-foot {
  border-top: 1px solid #cccccc;
}

#options-foot .col1 {
  width:80%;
  padding-top: 4px;
  margin-top: 8px;
}

#options-foot .col2 {
  position:relative;
  margin-top:-28px;
  float:right;
}

label {
  margin-bottom: 5px;
}

input {
  margin: 0;
  padding: 0px 5px 0 5px;
  font: normal 12px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  height: 19px;
  display: inline;
  border: 1px solid #9f9f9f;
} /* Input estandar */

.checkbox {
  border: 0 none transparent;
}

input.s {
  width: 75px;
} /* Tamaño pequeño (calendar, DNI,...) */

input.m {
  width: 150px;
} /* Tamaño medio (buscador, ,...) */

input.l {
  width: 250px;
} /* Tamaño grande (direccion, ,...) */

input.xl {
  width: 824px;
} /* Tamaño grande (direccion, ,...) */

input.search {
  height: 16px;
}  /* Caja de texto del buscador */

select {
  font: normal 12px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  height: 21px;
  color: #333333;
  border: 1px solid #9f9f9f;
  text-align: left;
  overflow: visible;
  clip: auto;
} /* Select estandar */

select.s {
  width: 100px;
} /* Tamaño pequeño */

select.m {
  width: 200px;
} /* Tamaño medio */

select.l {
  width: 300px;
} /* Tamaño grande */

textarea {
  width: 717px;
} /* Anchura estandar del texto largo */

textarea.s {
  height: 100px;
} /* Altura pequeña */

textarea.m {
  height: 200px;
} /* Altura media */

textarea.l {
  height: 300px;
} /* Altura grande */

button {
  font: bold 12px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
  height: 21px;
  border: 0 none transparent;
  margin: 0;
  padding: 0;
} /* Botones estandar */

button.s {
  width: 25px;
  background: transparent url(../img/buttons.gif) 0 0 no-repeat;
} /* Botones tamaño pequeño */

button.m {
  width: 75px;
  background: transparent url(../img/buttons.gif) 0 -25px no-repeat;
} /* Botones tamaño medio */

buttom.l {
  width: 150px;
  background: transparent url(../img/buttons.gif) 0 -50px no-repeat;
} /* Botones tamaño grande */

/* COLUMNAJE */

.marginless {
  margin: 0 !important;
}

dl.col1, dl.col2, dl.col2a, dl.col2b, dl.col3, dl.col4 {
  width: 968px;
  margin: 8px 0 0 0 !important;
  padding: 0;
  clear: both;
  float: left;
} /* Columnaje */

dl.col1 dt, dl.col2 dt, dl.col2a dt, dl.col2b dt, dl.col3 dt, dl.col4 dt, dl.col1 dd, dl.col2 dd, dl.col2a dd, dl.col2b dd,
dl.col3 dd, dl.col4 dd {
  float: left;
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
} /* Común a columna */

dl.col1 dd, dl.col2 dd, dl.col2a dd, dl.col2b dd, dl.col3 dd, dl.col4 dd {
} /* Primera columna */

dl.col1 dt, dl.col1 dd {
  width: 100%;
} /* Columna en un columnaje a 1 */

dl.col2a dt {
  width: 66.4%;
}

dl.col2a dd {
  width: 31.9%;
}

dl.col2b dt {
  width: 32.4%;
}

dl.col2b dd {
  width: 65.9%;
} 

dl.col2 dt, dl.col2 dd {
  width: 48%;
} /* Columna en un columnaje a 2 */

dl.col3 dt, dl.col3 dd {
  width: 32.5%;
  #width: 32.4%;
} /* Primera columna en un columnaje a 3 */

dl.col4 dt, dl.col4 dd {
  width: 25%;
} /* Primera columnaen un columnaje a 4 */


/* HEADER */
#logo-container {
  width: 145px;
  margin: 0;
  padding: 0;
} /* Espacio para el logo */

#logo {
  width: 145px;
  height: 60px;
} /* Logotipo del Consorci */

#banner-container {
  width: 549px;
  margin: 0;
  padding: 0;
  text-align: center;
} /* Espacio para el banner */

#banner {
  width: 468px;
  height: 60px;
} /* Banner publicitario */

#options-container {
  width: 274px;
  margin: 0;
  padding: 0;
} /* Columna de las opciones y idiomas */

#options-container div {
  float: right;
  height: 21px;
  font-size: 10px; 
}

/* MENSAJES *******************************************************/

#error-message {
  width: auto;
  height: 20px;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 50px;
  border: 1px solid #ff0f18;
  background: #fe9da1 url(../img/error.gif) 10px 4px no-repeat;
}

#correct-message {
  width: auto;
  height: 20px;
  margin: 0 0 15px 0;
  padding: 10px 10px 10px 50px;
  border: 1px solid #00ad2d;
  background: #c0e693 url(../img/correct.gif) 10px 4px no-repeat;
}

.error {
  color: #FF0000;
}

/* BARRA DE OPCIONES ******************************************************/

ul.toolbar-list {
  background-color: #dddddd;
  width: 220px;
  height: 30px;
  margin: -1px !important;
  #margin: 0 !important;
  padding: 0 !important;
}

ul.toolbar-list li {
  margin: 0;
  padding: 5px;
  float: left;
}

dl.toolbar {
  height: 62px !important;
  width: 968px;
  background-color: #eeeeee;
  clear: both;
  overflow: hidden;
  margin: 0 0 15px 0 !important;
} /* Barra de herramientas */

dl.toolbar dt:hover, dl.toolbar dd:hover {
  background-color: #f7f7f7 !important;
} /* Barra de herramientas, herramienta bajo el apuntador */

dl.toolbar dt, dl.toolbar dd {
  width : 120px;
  height: 100%;
  float : left;
  cursor: pointer;
  border-right: 1px dotted #cccccc;
  text-align: center;
  font-size: 12px;
} /* Barra de herramientas, herramienta */

dl.toolbar dt.enabled, dl.toolbar dd.enabled {
  background-color: #dbdbdb;
} /* Barra de herramientas, elemento habilitado */

dl.toolbar dt img, dl.toolbar dd img {
  display: block;
  margin: 10px auto 2px auto;
} /* Barra de herramientas, icono de herramienta */

dl.toolbar a {
  text-decoration: none;
} /* Barra de herramientas, enlace de herramienta */


/* LISTADOS */

ul.list, ul.list_arrow {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

ul.list li, ul.list_arrow li {
  margin: 8px 0 8px 0;
  padding: 8px 0 0 8px;
  background-color: #e4e4e3;
  height: 23px;
  #margin-left: -16px;
}

ul.list_arrow li.selected {
  background: #7db900 url(../img/arrow_tip.gif) right 0 no-repeat;
}

ul.list_arrow li.selected a {
  color: #ffffff;
}

ul.list_arrow li a {
  color: #000000;
}

ul.form-container {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  float: right;
}

ul.form-container li {
  padding-bottom: 8px;
  float: left;
}

ul.members {
  list-style: square;
  margin-left: 20px;
  margin-bottom: 20px;
}

ul.members li {
  padding-top: 8px;
  color: #7db900;
  font-weight: bold;
}

ul.members li em {
  color: #333333;
  font-weight: normal;
}

/* PESTAÑAS */
ul#tabs {
  margin: 0 !important;
  padding: 0 !important; 
}

ul#tabs li {
  float: left;
  width: 125px;
  height: 17px;
  margin: 0 2px 0 0;
  padding: 4px 0 0 0;
  background: transparent url(../img/tab-off.gif) 0 0 no-repeat;
  text-align: center; 
  font-size: 0.9em;
}

ul#tabs li a {
  color: #333333;
}

ul#tabs li.selected {
  background: transparent url(../img/tab-on.gif) 0 0 no-repeat; 
}

ul.container-image {
  margin:0;
  #margin-left: -16px;
  padding: 0;
}

ul.container-image li.row1, ul.container-image li.row2 {
  width: 317px;
  height: 168px;
  margin: 0;
  padding: 0;
}

ul.container-image li.row1 img {
  border: 1px solid #7db900;
}

ul.container-image li.row2 {
  height: 23px;
  background-color: #7db900;
  margin: 0;
  padding: 8px 0 0 0;
  text-align: center;
}

ul.container-image li.row2 a {
  color: #ffffff;
}

ul.list-image {
  margin:0;
  padding: 0 0 8px 0;
}

ul.list-image li.col1, ul.list-image li.col2 {
  width: 317px;
  height: 168px;
  margin: 0 8px 8px 0 !important;
  padding: 0 !important;
  float: left !important;
} 

ul.list-image li img  {
  border: 1px solid #7db900;
}

ul.list-image li.col2 {
  width: 317px;
  text-align: left;
  margin: 0 !important;
  #margin-left: -24px;
  padding: 0;
}

ul.list-small-image {
  width: 100%;
  margin: 0!important;
  padding: 0!important;
}

ul.list-small-image li.col1, ul.list-small-image li.col2, ul.list-small-image li.col3 {
  width: 214px;
  height: 110px;
  margin: 0!important;
  padding: 0!important;
  float: left !important;
  text-align: left;
}

ul.list-small-image li img {
  border: 1px solid #7db900;
}

ul.list-small-image li.col3 {
  width: 206px;
}


/* CONTENIDO */
fieldset {
  border: 1px solid #dddddd;
  padding: 0 15px 15px 15px;
  margin: 0 0 0 0;
} /* Widget en el contenido principal */

legend {
  font-weight: bold;
} /* Título del widget en el contenido principal */

div.button-bar {
  width: 952px;
  text-align: right;
  background-color: #dddddd;
  padding: 8px;
  margin: 0 0 16px 0;
  clear: both;
} /* Fila para botones */

div.button-bar button {
  margin-left: 8px;
} /* Botón en la fila de botones */

.carta, .atencion {
  width: 239px;
  #width: 238px;
  height: 46px;
  margin: 0 0 8px 60px;
  padding: 8px 8px 8px 8px;
  color: #ffffff;
  font-size: 10px;
  cursor: pointer;
  background: transparent url(../img/zoom_green.gif) right bottom no-repeat;
}

.atencion {
  margin-bottom:0 !important;
}

a.decorationless, a.decorationless:hover, a.decorationless:visited, a.decorationless:active {
  text-decoration: none;
  color: #FFFFFF;
}

/* ACTUALIDAD */
ul.actualidad {
  width: 100%;
  height: 90px;
  border-bottom: 1px dotted #7db900;
} /* Barra de herramientas */

ul.actualidad li.col2 p {
    margin:0 !important;
}

.destacado {
  background-color: #b7e45b;
}

ul.actualidad li  {
  float: left !important;
  margin: 0 !important;
  padding: 5px 0 5px 0 !important;
}

ul.actualidad li.col1 {
  width: 70px;
} 

ul.actualidad li.col2 {
  width: 243px;
  #width: 242px;
}

.foto {
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.zoom {
  width: 61px;
  height: 61px;
  background: transparent url(../img/zoom_black.gif) right bottom no-repeat;
}

.play {
  width: 310px;
  height: 240px;
  background: transparent url(../img/play.gif) center center no-repeat;
  opacity:0.6;
  filter: alpha(opacity = 60);
}

dl.concurso, dl.alertas {
  clear: both;
  overflow: hidden;
  border: 1px solid #7db900;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

dl.concurso dt, dl.alertas dt {
  background-color: #7db900;
  color: #ffffff;
  margin: 0;
  padding: 5px 0 0 8px !important;
  width: 100%;
  height: 22px;
}

dl.concurso dd, dl.alertas dd {
  padding: 5px 8px 8px 8px !important;
}

dl.concurso dd ul {
  width: 295px;
  list-style: none outside none;
}

dl.alertas dd ul {
  padding: 0;
  margin: 8px 0 0 0;
  width: 295px;
}

dl.concurso dd ul li {
  border-bottom: 1px dotted #7db900;
  padding: 5px 0 5px 0;
  margin: 0;
}

dl.alertas dd ul li {
  width: 73px;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}

.box {
  background-color: #7db900;
  color: #FFFFFF;
  width: 100%;
  margin: 8px 0 8px 0;
  padding: 8px;
}

/* ACCORDION */

/* Vertical Accordions */

.accordion_toggle {
  display: block;
  height: 31px;
  width: 959px;
  background: #d5d5d5 url('/img/plus.gif') 4px 9px no-repeat;
  padding: 0 0 0 16px;
  line-height: 31px;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
  margin: 0 0 8px 0;
}
.search {
  display: block;
  min-height: 31px;
  width: 959px;
  background-color: #d5d5d5;
  padding: 0 0 0 16px;
  line-height: 31px;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  color: #333333;
  margin: 0 0 8px 0;
}
.highlight{
  background-color:yellow !important;
}
		
.accordion_toggle_active {
  background: #7db900 url('/img/minus.gif') 4px 9px no-repeat;
  color: #ffffff;   
}
		
.accordion_content {
  width: 949px;
  margin: -8px 0 8px 0; 
  padding: 8px;
  overflow: hidden;
  border: 1px solid #7db900;
}
					
ul.page {
  margin: 0;
  padding: 0;
} /* Pagina seleccionada */

ul.page li {
  width: 21px;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}

ul.page li span {
  font-weight: bold;
} /* Pagina seleccionada */

.paginateFoto{
  float:left;
  width:15px;
  height:15px;
}

.paginateFoto a {
  text-decoration: none;
  color:#000;
  background-color: #ccc;
  font-weight: normal;    
}/*Paginador de fotos*/

.paginateFoto a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #7db900;
  font-weight: normal;    
}/*Paginador de fotos*/

#paginateFoto{
    float:left;
}

#paginateFoto a {
  text-decoration: none;
  color:#000;
  background-color: #ccc;
  font-weight: normal;    
}/*Paginador de fotos*/

#paginateFoto a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #7db900;
  font-weight: normal;    
}/*Paginador de fotos*/

#loadDiv{
    position: fixed;
    width:100%;
    height:100%; 
    background-color:#7F9C2F;
    opacity: .90;    
    filter: alpha(opacity=90); 
    z-index: 9999;
    visibility:visible;
    #margin-left:-140px;    
}

#loadImg{
    position: fixed; 
    left:50%;
    top:50%;
    margin-top: -55px;
    margin-left: -55px;
    width: 110px;
    height: 110px;
}