/************************************************************************************
//Fichero: ctaex.css
//Descripción: Maquetación CSS
//Autor: Manolo Bittacora
//Última actualización: 05/10/2009 19:30
//Último actualizador: Manolo Bittacora
//************************************************************************************/


/****************************************
/* ESTILOS GENERALES
*****************************************/

* {
	margin: 0;
	padding: 0;	
}

body { 
	background: #DFDBD3 url(../img/bg.gif) top left repeat-x;
	color: #4C4C4C;
	font-family: Verdana,Arial,Helvetica,sans-serif; 	 	
}

p { 	
	font-size: .7em;
	line-height: 1.2em;
	text-align: left;
}

strong {
	color: #53AD51;	
}

h3 { 	
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;		
/*	line-height: 1.3em;*/
/*	padding-top: 1em;	*/
	padding-bottom: 0.5em;	
	color: #53AD51;
}

acronym, 
abbr {
	background: transparent url(../img/abbr.gif) bottom left repeat-x;
	border: 0 none;
	cursor: help;
	font-style: italic;
}

/*
a:link, 
a:visited
*/

a {
	background: #EBF3CE;
	color: #5D7403;
	text-decoration: none;
}

a:hover, 
a:active, 
a:focus  {
	background: #B2CF42;
	color: #FFF;
}

.separador_vacio {
	clear: both;
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}


.mini_multimedia_noborde {
	background: #fff !important;
}

h5 {
	font-size: 12px;
	color: #45637A;	
}

h5:hover, h5:active, h5:focus {
	background: #fff !important;
	color: #45637A;
}

h5 a{
	font-size: 12px;
	color: #45637A;	
	background: #fff !important;	
}

h5 a:hover, h5 a:active, h5 a:focus {
	background: #fff !important;
	color: #45637A;
	text-decoration: underline;
}

/****************************************
/* CONTENIDOS
*****************************************/

#contenedor { 
	background: transparent url(../img/contbg.gif) top left repeat-y;
	width: 700px;		
}


/*#cabecera {	
	background: transparent url(../img/cabecera.jpg) top left no-repeat;
	padding-top: 230px;	
}

#cabecera2 {	
	background: transparent url(../img/cabecera2.jpg) top left no-repeat;
	padding-top: 230px;	
}*/

#zona {
	padding: 0 69px 0 86px;
	width: 545px;		
	min-height: 600px;
	_height: 600px;
}

#zona .bloque {
	border-bottom: 1px solid #E4E1DB;
	padding-bottom: 20pt;	
}

#zona .fecha {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;		
	color: #53AD51;	
}

#zona ul {
	font-size: .7em;
	margin-left: 40px;
}


#zona ol {
	margin-left: 40px;
	font-size: .7em;
}

#zona p img {
	border: 1px solid #cccccc;
	padding: 2px;
	margin: 5px 5px 5px 0;
	float: left;
}

.foto_portada {
	float: left;
	margin-right: 20px;
}

/****************************************
/* CABECERA Y MIGUITAS
*****************************************/

#intro1, #intro2, #intro3, #intro4, #intro5, #intro6 , #intro7 , #intro8 , #intro9, #intro10, #intro11, #intro12,
#supportingText {
	padding: 0 69px 0 86px;
	width: 545px;	
	height: 215px;
}

#intro1 {	
	background: transparent url(../img/cabecera1.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro2 {	
	background: transparent url(../img/cabecera2.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro3 {	
	background: transparent url(../img/cabecera3.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro4 {	
	background: transparent url(../img/cabecera4.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro5 {	
	background: transparent url(../img/cabecera5.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro6 {	
	background: transparent url(../img/cabecera6.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro7 {	
	background: transparent url(../img/cabecera7.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro8 {	
	background: transparent url(../img/cabecera8.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro9 {	
	background: transparent url(../img/cabecera9.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro10 {	
	background: transparent url(../img/cabecera10.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro11 {	
	background: transparent url(../img/cabecera11.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#intro12 {	
	background: transparent url(../img/cabecera12.jpg) top left no-repeat;
/*	padding-top: 230px;	*/
}

#cabecera, 
#cabecera h1,
#cabecera h2,
#miguitas .p1,
#linkList2 h3 span {
	display: none;
}
#idiomas{
	width: 300px;
	position: absolute; 	
	left: 100px;	
	top: 10px;
	text-align: left;
	background: none;
	color: #4C4C4C;
	font-size: 10px;
	font-weight: normal;	
	vertical-align: middle	
}
#idiomas a{
	border: none !important;
	vertical-align: middle
}
#idiomas img a{
	border: none !important;
	vertical-align: middle
}
#idiomas img {
	border: 1px solid #ccc;
}

#banner_tomatero {
	width: 220px;
	height: 107px;
	position: absolute; 	
	left: 675px;	
	top: 20px;
}


#banner_tomatero a{
	border: none !important;
}

#banner_tomatero img{
	border: none !important;
}

#banner_tomatero a:hover{
	border: none  !important;
}

#miguitas .p2 {
	background: transparent url(../img/nav_dl.gif) top left no-repeat;
	display: block;	
	font-size: .6em;
	font-weight: bold;
	left: 661px;
	line-height: 1.4em;
	padding: 40px 40px 0 30px;
	position: absolute; 	 	
	top: 160px;	
	width: 141px;
	z-index: 20;
	text-align: left;
}

#miguitas .p2 a:link,
#miguitas .p2 a:visited {	
	background: transparent;
	color: #E6E3DE;
	text-decoration: none; 
}

/****************************************
/* MENU
*****************************************/

#menu {	
	background: transparent url(../img/navbg.gif) top left repeat-y;
	left: 661px; 	
	padding-top: 7em;
	position: absolute;
	top: 130px;	
	width: 285px;
	z-index: 10;
}

#menu2 h3 span {
	display: none;
}

#menu2 { 
	background: transparent url(../img/navbtmbg.gif) bottom left no-repeat;
	font: .6em/1.4em verdana, sans-serif; 				
	padding-bottom: 160px;
}

#menu2 h3 {
	background: transparent top left no-repeat;
	display: block;	
	height: 26px;
	padding: 0 0 10px 0;
	width: 285px;	
}

#menu2 .select {
	background-image: url(../img/nav_des.gif);
}

#menu2 ul {
	list-style-type: none;
	padding: 0 75px 25px 15px;	
}

#menu2 li {
	color: #E6E3DE;	
	padding: 6px 10px;	
}

#menu2 a:link,
#menu2 a:visited {
	background: transparent;
	color: #4C4C4C;
	font-weight: bold;
}

#menu2 a.c:link,
#menu2 a.c:visited {
	color: #E6E3DE;
	font-weight: normal;
}

#miguitas .p2 a:hover,
#miguitas .p2 a:active,
#miguitas .p2 a:focus, 
#menu2 a:hover, 
#menu2 a:active, 
#menu2 a:focus,
#menu2 a.c:hover, 
#menu2 a.c:active, 
#menu2 a.c:focus {	
	background: #B2CF42;
	color: #FFF;
	text-decoration: none; 
}


#lselect li {	
	background: transparent url(../img/navico.gif) 3pt 5pt no-repeat;
	border-bottom: 1px solid #CFCCC4;	
	padding: 7px 10px 7px 25px;
}
#menu2 ul ul{
	padding: 0;	
}
#menu2 #lselect li li {	
	background: none;
	border-bottom: none;	
	padding: 3px 10px 3px 0px;
	margin-left: 15px;
	list-style-type: square;
}
/****************************************
/* MISCELÁNEA
*****************************************/	

#losbajos {
	margin: 10px;
	text-align: right;
	font-size: 0.8em;
	clear: both;	
/*	background-color: fuchsia;*/
}

#losbajos img{
	border: none;
}

/****************************************
/* TABLAS
*****************************************/	

table { border-collapse: collapse; border: 1px solid #839E99; 
background: #f1f8ee; font: .7em/1.2em Verdana,Arial,Helvetica,sans-serif; color: #033; width: 100%;}
caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
td, th { padding: 3px 3px .75em 3px; line-height: 1.3em; }
th { background: #839E99; color: #fff; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
thead th { background: #2C5755; text-align: center; }
.odd td { background: #DBE6DD; }
.odd th { background: #6E8D88; }
td a, td a:link { color: #325C91; background: none; }
/*td a:visited { color: #325C91; background: none;}*/
td a:hover, td a:focus { color: #1E4C94; }
th a, td a:active { color: #fff; }
tfoot th, tfoot td { background: #2C5755; color: #fff; }
th + td { padding-left: .5em; }

th a, th a:link { color: #fff; background: none; }
/****************************************
/* PIE
*****************************************/

#pie_texto { 	
	font-size: .7em;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#pie_texto a:link,
#pie_texto a:visited,
#pie_texto a:hover,
#pie_texto a:active,
#pie_texto a:focus {
	background: transparent;
	color: #857E70;
}

#pie_texto a:hover {
	text-decoration: underline;
}

#pie_iconos { 	
	text-align: center;
	padding-bottom: 40px;
	vertical-align: middle;
	height: 80px;	
}

#pie_iconos img{ 	
	padding: 4px;
	margin: auto;
}

#pie_iconos a:link,
#pie_iconos a:visited,
#pie_iconos a:hover,
#pie_iconos a:active,
#pie_iconos a:focus {
	background: transparent;
	color: #857E70;
}

#zona .seccion{
	border-top: 1px solid #E4E1DB;
	padding-top: 10px;		
	padding-bottom: 10px;
}

#zona .float_left {
/*	float: left;*/
	display: block;
}

/*Listados noticias y eventos*/
#zona .noticia_listado{
	border-top: 1px solid #E4E1DB;
	padding-top: 10pt;		
	padding-bottom: 10pt;	
	min-height: 60px;
	_height: 60px;
	display: block;
	width: 545px;
	float: left;
}

#zona .noticia_listado img {
	display: block;
	/*float: none;*/
}

#zona .noticia_listado .fecha {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;		
	color: #53AD51;	
}
#zona .noticia_listado h4{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;		
	color: #53AD51;	
	background-color: #fff;
}
#zona .noticia_listado h4 a {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	color: #53AD51;	
	background-color: #fff;	
}

#zona .doc_listado{
	border-bottom: 1px dotted #289925;
	padding: 10px;
	width: 500px;
	height: 50px;
/*	background-color: #f0f8ff;*/
	margin-bottom: 20px;
	vertical-align: middle;
	overflow: hidden;
}

#zona .el_mime {
	float: left;
	width: 50px;
	height: 50px;	
	background-color: transparent;
	padding-right: 12px;
	vertical-align: middle;	
}

#zona .el_mime img{
	vertical-align: middle;
}

#zona .el_nombre {
	background-color: transparent;	
	vertical-align: middle;	
}

#zona .doc_listado .fecha {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;		
	color: #53AD51;	
}
#zona .doc_listado h4{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;		
	color: #53AD51;	
	background-color: #fff;
}
#zona .doc_listado h4 a {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	color: #53AD51;	
	background-color: #fff;	
}

#zona .evento_listado{
width: 345px;
border-bottom: 1px solid #E4E1DB;
	padding-top: 10pt;		
	padding-bottom: 10pt;	
}
#zona .evento_listado .fecha {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;		
	color: #53AD51;	
}
#zona .evento_listado h4 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #53AD51;	
	background-color: #fff;
}
#zona .evento_listado h4 a {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #53AD51;	
	background-color: #fff;
}
/************************************/
/*  PAGINADO                        */
/************************************/
.paginas { text-align: center; margin-bottom: 20px; margin-top: 0px; }
.paginado { font-size: 10px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.paginado a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; font: 1em Arial, Helvetica; color: #133B5E; font-weight: bold;}
.paginado a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginado .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginado .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginado .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginado .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginado .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginado .pagina_actual {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 10px; vertical-align: top; background: #fff; color: #53AD51; }
.paginado a:hover {color: #fff; background: #b2cf42; border-color: #8ba32e; text-decoration: none;}
.paginas div.resultado { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }


.galleria{list-style:none;width:300px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em;background:#000;}

* html .galleria li div span{width:300px} /* MSIE bug */
	.demo{position:relative; margin-bottom:2px;float:left;margin-right:5px; background-color: #f6fffb; }
	.gallery_demo{width:280px;margin:1px 0;}
	.gallery_demo li{width:30px;height:30px;border:1px double #53ad51;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:50px}
	.gallery_demo li div .caption{	
	font-size: .7em;
	line-height: 1.2em;
	text-align: justify;}
	#zona ul.gallery_demo  {
	font-size: .7em;
	margin-left: 5px;
/*	background-color: aqua;*/
}
	#main_image{width:280px;	border: 1px solid #cccccc;
	padding: 2px;
	margin: 5px 5px 5px 5px;
		font-size: .7em;
	line-height: 1.2em;
	}
	#main_image img{margin-bottom:10px;width:280px;}

	#zona a img{
		border: 0;
	}
	.archivos_asociados{list-style:none;}
	#lista_eventos{
		border-left: 0px #E4E1DB solid;
		float: left;
		padding-left: 15px;
		height: auto!important; 
     height: 300px; 
     min-height: 300px; 
	}
	#calendario {
	float: left;
	padding-left: 5px;
	width: 170px;
	height: 130px;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	/*margin: 0px 0px 0px 5px;*/
	margin-top: 15px;
	font-weight: bold;	
}

/*	color: #76994d;*/

#calendario span {
	float: left; width: 22px; 
	padding: 0; margin: 1px;
	text-align: center;
/*	border: 1px solid silver;*/
/*	background-color: #fff;*/
	color: #b4b369;
}

#calendario .titdia {
	color: #fff;
	background-color: #b4b369;
	font-weight: bold;
}

#calendario, .p {clear: left;}

#calendario .titcal{
	text-align: center;
	/*border: 1px solid silver;*/
	border: none;
	margin: 0;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	padding-bottom: 5px;
	width: 170px;
	color: #76994d;	
}


#calendario a:link, #calendario a:visited {
	color: #76994d;
	text-decoration: none;
	font-weight: bold;
}

#calendario span a:hover {
	color: #000000;
}
#calendario #hoy{
/*	background-color: #f3f3e7;*/
	color: #76994d;
	font-weight: bold;
}

#calendario #hoyevento a{
	background-color: green;
}

#calendario a.evento {
	color: #FC1E2D;
	text-decoration: none;
	font-weight: bold;		
}
#calendario a.evento:hover, a.evento:visited {
	color: #FC1E2D;
	text-decoration: none;
	font-weight: bold;	
} 

.comboboxContainer
{
	border: none;
	outline: none;
	width: 300px;	/*Esto no rula, hay que cambiarlo en el js*/
	float: right;
}

.comboboxValueContainer
{
	background: url(/img/select.jpg) repeat-x left top;

}

.comboboxValueContent
{
	padding-left: 12px;
	padding-top: 0px;
	color: #fff;
	font-weight: bold;
	max-height: 20px;
	font-family: Georgia;
	font-style: italic;
}

.comboboxDropDownContainer
{
	border: none;
	background: #b2ac9f;
	overflow: hidden;
	padding-left: 3px;	
	cursor: default;
	color: #fff;
	font-family: "verdana";
	font-size: medium;
}

.comboboxDropDownButton
{
	width: 30px;
	height: 20px;
	background-image: url(/img/select_boton.jpg);
}

.comboboxGroupItemHeader
{
	display: block;
	border-bottom: dashed 1px #fff;
	font-weight: bold;
	font-style: italic;
}

.comboboxGroupItemContainer
{
	padding-left: 0px;
	margin-left: 0px;
}

.comboboxItem
{
	font-weight: normal;
	font-style: normal;
}

.comboboxItemHover
{
	font-weight: normal;
	background: #777;
}

.comboboxGroupItemContainer .comboboxItem
{
	padding-left: 20px;
	margin-left: 0px;
}


#boletin .loginForm{
	width: 330px;
	height: 120px;
	background-color: #fff;
	border-color: #1E787A;
	border-width: 1px;
	border-style: dashed;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;	
}

#boletin .button{
	border : none;
	color : #fff;
	float: right;
	background-image: url(../img/button.jpg);
	width: 124px;
	height: 23px;
	font-size: 0.8em;	
	font-weight: bold;	
}

#boletin .info{
	font-weight: normal;
	text-align: left;
	float: left;
	display: inline;
	color: #53ad51;
	font-size: 0.8em;
}

#boletin .inputlabel {
	font-weight: bold;
	text-align: left;
	float: left;
	display: inline;
	color: gray;
	font-size: 0.8em;
}

#boletin .checkbox  {
	font-weight: normal;
	text-align: left;
	color: gray;
	font-size: 0.8em;	
}

#boletin .inputbox{
	width: 180px;
	border: 1px solid #cccccc;
	float: right;
	display: inline;	
	color: #000;
	font-size: 0.8em;	
}
.sub_info {
	text-align: center;
	font-size: 0.8em;	
	font-weight: bold;
} 

.sub_info a {	
	color: #999999;
	text-decoration: none;
}

.sub_info a:hover{
	color: #E35B02;
	text-decoration: none;
}	

/****************************************
/*INFO y ERROR
*****************************************/	

#info_ok {
	background-image: url(../img/info.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #dfdbd3;
	border-color: #45637b;
	border-width: 1px;	
	border-style: dashed;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 65px;	
	width: 50%; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #45637b;
	text-align: left;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#info_ok .info_ok_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}

#info_error {
	background-image: url(../img/error.png);
	background-position: left;
	background-repeat: no-repeat;
/*	background-color: #e3e2f2;*/
/*	border-color: #D20000;
	border-width: 1px;	
	border-style: dashed;*/
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 65px;	
	width: 80%; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #D20000;
	text-align: left;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#info_error .info_error_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}



    #login {
     background-color: #DDDDDD;
     color: #000000;
     border: 1px solid #777777;
     font-family: Verdana;
     font-size: 10px;
     text-align: right;
     width: 540px;
     margin: 2px;
    }

    #login .input {
     font-family: Verdana;
     font-size: 11px;
     width: 110px;
     margin-right: 170px;
    }

    #login .submit {
     font-family: Verdana;
      font-size: 10px;
      background-color: #333333;
     color: #FFFFFF;
     margin-right: 170px;
    }

p a {
	background: none;
}
p a:hover{
	background: none;
text-decoration: underline;
color: #4c4c4c;
}

#abecedario{
margin-top: 10px;
margin-bottom: 10px;
	text-align: center;
}

#abecedario a{
	background: none;
}

#abecedario a:hover{
	background: none;
	color: #333;
	text-decoration: underline;
}

#inscripcion .button{
	border : none;
	color : #fff;
	background-image: url(../img/button.jpg);
	width: 124px;
	height: 23px;
	font-size: 0.8em;	
	font-weight: bold;	
}