/***************************/
/* CSS GENERAL DEL SISTEMA */
/***************************/

/* HTML Y ESTILOS GENERALES */
body {
  margin: 0;
  background: #322F2A;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 12px;
  color: #322F2A;
  text-align: left;
}
a{
color: #CBC3B8;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1{
  font-size: 22px;
  color: #CBC3B8;
  text-transform: uppercase;
  background: url('../images/layout/flor.gif') top left no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
}

h2{
  font-size: 20px;
  color: #CBC3B8;
  margin-bottom: 10px;
}

h3{
}

strong{
color: #D7D6D2;
}
p.punto{
  float: left;
  width: 13px;
  font-size: 24px;
  font-weight: bold;
}
.cajapunto .puntoder {
  height: 24px;
  padding-top: 5px;
}


/* CLASES GENERALES */
.row, .row100 {
	float: none;
	display: block;
	clear: both;
	width: auto;
	padding: 1px;
	overflow: hidden;
}
.row100 {
	width: 99%;
}
.col90 {
	float: left;
	display: block;
	clear: none;
	width: 90%;
	padding: 1px;
}
.col50 {
	float: left;
	display: block;
	clear: none;
	width: 48%;
	padding: 1px;
}
.col66 {
	float: left;
	display: block;
	clear: none;
	width: 65%;
	padding: 1px;
}
.col33 {
	float: left;
	display: block;
	clear: none;
	width: 32%;
	padding: 1px;
}
.col22 {
	float: left;
	display: block;
	clear: none;
	width: 21.7%;
	padding: 1px;
}
.col25 {
	float: left;
	display: block;
	clear: none;
	width: 24%;
	padding: 1px;
}
.editar, .volver {
background:none;
text-align:right;
}

.editar {
margin-top: 20px;
padding:5px 5px 5px 0;
border:1px solid #322F2A;
}

.editar a {
color: #000 !important;
background: url(../sf/sf_admin/images/edit.png) no-repeat scroll 0 0;
padding-left:22px;
}

.corregidor {
  clear: both;
  display: block;
  height: 0px;
  width: 100%;
  margin-top: -16px;
}

.corregidorfloat {
  float: left;
  clear: both;
  height: 0px;
  width: 100%;
}

/* Textos */
.texto {
  color: #FFF;
  text-align: justify;
  line-height: 1.4em;
}
.texto p, p.texto {
  margin-bottom: 15px;
}
.texto ul {
  margin-top: 10px;
}
.texto ul li {
  background: url('../images/layout/punto_blanco.gif') top left no-repeat;
  padding-left: 20px;
  margin-bottom: 10px;
}
/* Listados */
.elementolistado {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}
.elementolistado .titulo a, .elementolistado .titulo strong {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}
.elementolistado .subtitulo {
  margin-bottom: 10px;
}
.elementolistado .texto {
  margin-left: 35px;
}
.elementolistado .texto100 {
  margin-left: 0px;
  margin-top: 10px;
}
/* Detalle */
.detalle .foto {
  float: left;
  margin-right: 35px;
  margin-bottom: 35px;
}
.detalle .documentos a {
display:block;
margin-bottom:10px;
padding-left:24px;
}

/* BLOQUES ESTRUCTURALES DE LA PÁGINA */
#wrapper {
  width: 850px;
  margin: 0 auto 13px;
  background: #8B8472;
}

/*Cabecera*/
#header {
  float: left;
  display: block;
  width: 850px;
  height: 195px;
  background: #CBC3B8 url('../images/layout/cabecera.jpg') top left no-repeat;
}

#header #headerleft {
  display: block;
  float: left;
  margin: 25px 0 0 40px;
  _margin-left: 20px;;
  width: 133px;
  height: 42px;
  background: transparent url('../images/layout/logo_divergentes.jpg') top left no-repeat;
}

/*Pie*/
#footer {
  float: left;
  width: 850px;
  height: 26px;
  padding-top: 20px;
  background-color: #544E3E;
  font-size: 10px;
  color: #8A8371;
}

#footer p.footerleft {
  float: left;
  width: 275px; /* 265px */
  margin-left: 30px;
  padding-left: 10px;
}

#footer p.footercenter {
  float: left;
  width: 260px;
  padding-left: 10px;
}

#footer p.footercenter a{
  color: #D7D6D2;
}

#footer p.footerright {
  width: 255px;
  padding-right: 10px;
  float: left;
  text-align: right;
}

#footer p.footerright a{
  color: #8A8371;
}

/* Menu horizontal */
.dropmenu {
  float: left;
  width:720px; /*850px*/
  padding-left: 130px;
  padding-bottom: 5px;
  height: 36px; /*41px*/
  background: #322F2A url('../images/layout/back_menu.jpg') top left no-repeat;
}

.dropmenu ul {
  z-index: 1;
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.dropmenu ul li {
  position: relative;
  display: inline;
  margin-right: 12px;
  float: left;
  padding-top: 17px;
  padding-right: 5px;
  background: none;
  border-right: #CBC3B8 1px solid;
  text-align: right;
}

.dropmenu ul li a {
  display: block;
  width: 100px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
}
.dropmenu ul li a:hover {
  color: #CBC3B8;
  text-decoration: underline;
}

.dropmenu ul li a span {
  font-weight: bold;
}

/* Menú vertical */
.myspace {
  font-weight: bold;
  padding-left: 20px;
}
.listmenu {
	float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
	background-color: trasparent;
  margin-top: 20px;
	margin-bottom: 50px;
}
.listmenu ul {
  z-index: 1;
  margin: 0px;
  padding: 0px;
	list-style: none;
	padding-bottom: 2px;
}
.listmenu ul li{
  background: url('../images/layout/punto_blanco.gif') top left no-repeat;
  padding-left: 15px;
  margin-bottom: 10px;
}
.listmenu ul li a{
  display: block;
  padding: 2px 6px;
  color: #FFFFFF;
  font-size: 14px;
}
/*Contenido*/
#contenttop {
  float: left;
  width: 850px;
  height: 25px;
  background-color: #79715E;
}
#content {
  float: left;
  height: auto;
  width: 850px;
  background: #8B8472;
  overflow:hidden;
}
#content.contentcontent {
  width: 750px; /*850px*/
  padding: 50px 50px 50px 50px;
}
#content #contentleft {
  float:left;
  height:auto;
  width:222px; /* 272px */
  padding: 50px;

  margin-bottom:-10000px;
  padding-bottom:10030px;
}
#content #contentright {
  float:right;
  height:auto;
  width:222px; /* 272px */
  padding-left: 50px;
}

#content #contentcenter {
  float:left;
  height:auto;
  width: 427px;/*577px*/
  padding: 50px 50px 50px 50px;

  margin-bottom:-10000px;
  padding-bottom:10050px;
}

/* Home */
#content #contentcenter.home {
  margin:0;
  padding:0;
  padding-right: 50px;
  width: 427px;/*477px*/
  border-right: #CBC3B8 1px dotted
}
.home .noticia {
  border-bottom: #CBC3B8 1px dotted;
  padding-bottom: 18px;
  margin-bottom: 15px;
}
.home #listagrupos {
  margin-top: 15px;
  list-style-type: none;
}
.home #listagrupos li{
  float: left;
  clear:both;
  width: 100%;
  margin-bottom: 15px;
}
/* Grupos */
.grupos p.punto{
  float: left;
  width: 13px;
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
}
.grupos p.tituloizq{
  height: 24px;
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold;
}
.grupos p.tituloder{
  height: 24px;
  padding-top: 5px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
.grupos p.textoinf{
  float: left;
  clear: both;
  width: 100%;
  padding-left: 13px;
  color: #FFF;
  font-size: 12px;
  text-align: left;
}

/* NOTICIAS */
.home .noticia .subtitulo {
  color: #FFF;
  font-size:14px;
  margin: 10px 0;
  line-height: 1.2em;
}
.home .noticia .noticiahomeimg {
  margin-bottom: 15px;
}
#noticias .elementolistado .titulo {
  padding-left: 2px;
  padding-bottom: 2px;
  background-color: #544E3E;
}
#noticias .elementolistado .titulo a {
  font-weight: normal;
}
#noticias .masinfo {
  color: #000;
  text-align: right;
}
/* ENLACES */
#enlaces {
padding-left: 26px;
}
#enlaces .titulocategoria {
  color: #FFF;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 10px;
}
#enlaces .listaenlaces {
  list-style-type: disc;
  padding-left: 15px;
}
#enlaces .listaenlaces li strong {
  color: #FFF;
  font-size: 12px;
  font-weight: normal;
}
#enlaces .listaenlaces li a {
  color: #322F2A;
  font-size: 12px;
  font-weight: normal;
}
/* CALENDARIO */
/*Las flechas sin subrayado*/
#cajacalendario a:hover {
text-decoration:none;
}
#calendario #cal_nav .celda_0 a {
color: #FFF
}

#calendario #cal{
width:222px;
height:131px;
margin:auto;
margin-bottom:15px;
}
#calendario #cal th{
text-align:center;
color: #322F2A;
font-weight:bold;
font-size:16px;
}

#calendario #cal td{
text-align:center;
height:22px;
}
#calendario #cal td a, #calendario #cal td span{
display: block;
padding: 7px 0;
width: 100%;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#calendario #cal td a{
background: url('../images/layout/mascara_evento.gif') top left no-repeat;
}
#calendario #cal td a:hover{
text-decoration: none;
}
#calendario #cal td #diahoy{
color:#FFF;
}
.celda_0{
text-align:center;
font-size: 14px;
font-weight:bold;
}
#calendario #cal_nav{
width:222px;
margin-bottom:10px;
}
.leyenda {
  margin-top: 5px;
  margin-bottom: 25px;
}
.leyenda p {
  color: #FFFFFF;
  margin-bottom: 5px;
  font-weight: bold;
  padding: 2px 0 2px 5px;
}
/*Lista de eventos del mes bajo el calendario*/
.evento{
margin-bottom: 10px;
}
.evento .fecha strong{
color:#FFF;
font-weight: bold;
}
.evento p{
font-size:14px;
font-weight: bold;
text-align: left;
line-height: 1.4em;
}
.evento p.masinfo{
text-align: right;
}
.evento p.masinfo a{
color: #FFF;
}
.evento .textoevento{
margin: 10px 0;
}

.evento .textoevento p{
font-size:14px;
font-weight: normal;
}
#detalleevento {
  margin-left: 25px;
}

/* Formulario */
.error{
width:519px;
height:50px;
color:#005D81;
font-size:13px;
font-weight:bold;
border:1 px solid #E9F2F6;
background:url('../images/layout/icono_mensajes_error.png') no-repeat #F2F8FA 14px;
}
.error span{
display:block;
margin-left:66px;
padding-top:15px;
}
.contenedor_formulario .formulario{
float:left;
padding:20px;
border: 1px solid #322F2A;
width: 94%;
}
#loginform{
width: 50%;
}
.formulario label{
color: #D7D6D2;
font-weight:bold;
/*margin-right:24px;
margin-left:24px;*/
}
.formulario .etiqueta{
height:22px;
padding-top:8px;
}
.formulario .text{
width:100%;
height:22px;
padding-top:5px;
background: none;
border:1px solid #322F2A;
color:#D7D6D2;
}
.formulario textarea{
width:100%;
height:88px;
background: none;
border:1px solid #322F2A;
color:#D7D6D2;
}
.formulario .button{
width:70px;
height:29px;
background: none;
border:1px solid #322F2A;
color: #D7D6D2;
font-weight:bold;
margin-left:164px;
margin-top:23px;
cursor: pointer;
}
/* Paginador */
#paginacion {
float:left;
height:32px;
margin-top:20px;
padding-bottom:30px;
width:100%;
}
#paginacion .numeracion {
float:left;
height:32px;
text-align:center;
width:381px;
}
#paginacion .siguiente {
float:left;
height:32px;
width:91px;
}
#paginacion .anterior {
float:left;
height:32px;
width:91px;
}

/****************************************************/
/*Específico de grupos*/
#contentleft h2 {
background: none;
padding:0;
color: #FFF;
}
#contentleft strong{
color: #FFF;
}
.contentgrupos #contenttop {
width: 527px;
}

.listmenu .volvergrupos {
height: 27px;
margin-top:20px;
}
.contentgrupos #contentcenter h1 {
margin-bottom: 30px;
}
.contentgrupos #contentcenter h2 {
  background: none;
  padding-left: 0px;
  text-transform: none;
}

/*DISCOGRAFIA*/
.cancion {
  float: left;
  margin-top: 10px;
}
.cancion p {
  padding-top: 7px;
}

/*MAPA*/
.tabs {
  height: 25px;
}
.tabs a,  .tabs select {
  background: none;
}
.tabs a {
  border-right: 1px solid;
  height: 20px;
  padding-top: 5px;
  text-align: center;
}
.tabs select {
  font-size: 12px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  height: 26px;
}

/*MULTIMEDIA*/

.pika_navigation {
  float: left;
  clear: both;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.listamultimedia {
  float: left;
  width: 427px;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.listamultimedia li {
  display: block;
  float: left;
  margin-left: 10px;
}