* { padding: 0; margin: 0; }



body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 13px;

 background:#FFFFFF;

}



a{color:#666666}

a:hover{color:#333333}



.clear { clear: both; background: none; }



/* CONTENEDOR ---------------------------- */

#wrapper { 

 margin: 0 auto;

 width: 1000px;

}



/* CONTENIDOS -----------------------------*/

#faux {

 background:#FFFFFF;

 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */

 width: 100%;

}



/* CABECERA --------------------------------*/

#cabecera {

 color: #333;

 width: 100%;

 height: 100px;

 margin: 0px 0px 0px 0px;

 background:#be1137;

 border-bottom:3px solid #e3a900;

}



/* MENU ------------------------------------- */

#navigation {

 color: #333;

 margin: 0px 0px 0px 0px;

 background:#e3a900;

 height:30px;

}



/* CONTENIDOS COLUMNA IZQUIERDA ----------------*/

#leftcolumn { 

 display: inline;

 float: left;

 color: #333;

 margin: 10px;
 
 margin-top:27px;

 padding: 0px;

 width: 195px;

 /*border:1px solid #003399;*/

}



/* CONTENIDOS ASI FUE ----------------------------- */

#asifue

{

	border:1px dotted #000000;

	padding:1px;

	margin:0 auto;

	text-align:center;

}

/* CONTENIDOS CENTRO ----------------------------- */

#content { 

 float: left;

 color: #333;

 margin: 10px 13px; /*EL QUE ESTABA */

 /*margin: 8px 11px;   el mio */ 

 padding: 0px;

 width: 530px; /* EL QUE ESTABA */

 /*width:63%;*/

 display: inline;

 position: relative;

 /*border:1px solid #006633;*/

 overflow:hidden;

}



/* CONTENIDOS COLUMNA DERECHA ---------------------- */

#rightcolumn { 

 display: inline;

 float: right;

 color: #333;

 padding: 0px;

 width: 195px;

 position: relative;

 /*border:1px solid #993366;*/

 margin: 10px;

}



/* PIE -------------------------- */
#pie { 
 width: 100%;
 clear: both;
 overflow:hidden;
 color: #fff;
 background: #be1137;
 /*margin: 0px 0px 0px 0px;*/
 border-top:3px solid #e3a900;
 text-align:center;
 margin:0 auto;
 padding-top:15px;
}

#pie a{color:#FFFFFF; text-decoration:none}
#pie a:hover{text-decoration:underline}

#titulo_un_proyecto_de
{
	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin-left:110px;

	color:#FFFFFF;

	text-align:left;

	letter-spacing:0.1em;

}

#un_proyecto_de

{

	margin:0 auto;

	text-align:left;

	width:40%;

	float:left;

	/*border:1px solid #FFFFFF;*/

	padding-left:110px;

	margin-bottom:10px;

}



#titulo_en_colaboracion_con

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin-left:70px;

	color:#FFFFFF;

	text-align:left;

	letter-spacing:0.1em;

}

#en_colaboracion_con

{

	margin:0 auto;

	text-align:center;

	width:40%;

	float:left;

	/*border:1px solid #FFFFFF;*/

	padding-left:50px;

	margin-bottom:10px;

}



#titulo_organizadores

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin-left:80px;

	color:#FFFFFF;

	text-align:left;

	text-transform:uppercase;

	letter-spacing:0.5em;

	margin-bottom:10px;

}

#organizadores

{

	margin:0 auto;

	text-align:center;

}



#creditos {text-align:right; font-size:0.8em; margin-right:60px; padding-top:20px; text-transform:uppercase; /*border:1px #0000FF solid;*/}

#creditos a{color: #FFFFFF; text-decoration:none}

#creditos a:hover{text-decoration:underline}





/* JBREADCRUMBS ------------------------------------------------------- */



.breadCrumb

{

	margin: 0;

	padding: 0;

	float: left;

	display: block;

	height: 21px;

	overflow: hidden;

	width: 100%;

	padding:5px;

	/*border:solid 1px #dedede;*/

	background:#fff;

}

.breadCrumb ul

{

	margin: 0;

	padding: 0;

	height: 21px;

	display: block;

}

.breadCrumb ul li

{

	display: block;

	float: left;

	position: relative;

	height: 21px;

	overflow: hidden;

	line-height: 21px;

	margin: 0px 6px 0px 0;

	padding: 0px 10px 0px 0;

	font-size: .9167em;

	background: url(/img/jbread/Chevron.gif) no-repeat 100% 0;

}

.breadCrumb ul li div.chevronOverlay

{

	position: absolute;

	right: 0;

	top: 0;

	z-index: 2;

}

.breadCrumb ul li span

{

	display: block;

	overflow: hidden;

}

.breadCrumb ul li a

{

	display: block;

	position: relative;

	height: 21px;

	line-height: 21px;

	overflow: hidden;

	float: left;

	color:#be1137;

}

.breadCrumb ul li.first a

{

	height: 16px !important;

	text-indent:-1000em;

	width:16px;

	padding: 0;

	margin-top: 2px;

	overflow: hidden;

	background:url(/img/jbread/home.gif) no-repeat 0 0;

	color:#be1137;

}

.breadCrumb ul li.first a:hover

{

	background-position: 0 -16px;

}

.breadCrumb ul li.last

{

	background: none;

	margin-right: 0;

	padding-right: 0;

}

.chevronOverlay

{

	display: none;

	background: url(/img/jbread/ChevronOverlay.gif) no-repeat 100% 0;

	width: 13px;

	height: 20px;

}



/* ACCESOS DIRECTOS ----------------- */

#accesos_directos

{



	font-size:11px;

	color:#d7d7d7;

	position:absolute;

	top:10px;

	text-align:right;

	margin-left:805px;

/*	font-size:11px;

	color:#990000;

	margin-top:10px;

	margin-left:770px;*/





/*	position:relative;

	width:97%;

	text-align:right;*/

}



#accesos_directos a {color:#d7d7d7; text-decoration:none;}

#accesos_directos a:hover {color:#d7d7d7; text-decoration:underline;}



/* FORMULARIO BUSCADOR INICIO -------------------- */

#formulario_buscador_inicio

{

	width:160px;

	margin-top:0; margin-bottom:0;

	display:inline;

	float:left;	

}

#campo_busqueda

{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	border:1px solid #CCCCCC;

	margin-top:3px;

	padding-top:1px;

	padding-bottom:1px;

	padding-left:3px;

}




/* MODULO DOCUMENTACION ---------------------------- */

#documentacion

{

	text-align:left;

	border:1px solid #CCCCCC;

	color:#F7F7F7;

	padding:10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-transform:uppercase;

	width:169px;

	margin-left:3px;

}



/* MODULO CARTEL ------------------------------- */



#cartel

{

	border:1px solid #CCCCCC;

	padding:2px;

	width:185px;

	margin-left:3px;

}



#documentacion a{color:#be1137;}

#documentacion a:hover{color:#999999;}



/* CAROUSEL (ULTIMA HORA) ------------------------------ */

.container {

	overflow: hidden;

	width: 674px;

	/*width: 850px;*/

	margin: 0 auto;

	margin-left:2px;

}

#main {

	padding: 10px;

	background: #f0f0f0;

	border: 1px solid #ccc;

}



/*--Main Image Preview--*/

.main_image {

	width: 350px; height: 235px;

	float: left;

	background: #333;

	position: relative;

	overflow: hidden;

	color: #fff;

}

.main_image h2 {

	font-size: 2em;

	font-weight: normal;

	margin: 0 0 5px;

	padding: 10px;

}



.main_image h3 {padding-top:10px; padding-left:10px}



.main_image p {

	font-size: 1.2em;

	padding: 10px;	margin: 0;

	line-height: 1.6em;

}

.block small { 

	padding: 0 0 0 20px; 

	background: url(/img/noticias/icon_calendar.gif) no-repeat 0 center; 

	font-size: 1em; 

}

.main_image .block small {margin-left: 10px;}

.main_image .desc{

	position: absolute;

	bottom: 0;	left: 0;

	width: 100%;

	display: none;

	border-top:1px solid #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}



.main_image .desc a{color:#FFFFFF}

.main_image .block{

	width: 100%;

	background: #111;

	border-top: 1px solid #000;

}

.main_image a.collapse {

	background: url(/img/noticias/btn_collapse.gif) no-repeat left top;

	height: 27px; width: 93px;

	text-indent: -99999px;

	position: absolute; 

	top: -27px; right: 20px; 

}

.main_image a.show {background-position: left bottom;} 



.image_thumb {

	float: left;

	width: 299px;

	background: #f0f0f0;

}

.image_thumb img {

	border: 1px solid #ccc; 

	padding: 5px; 

	background: #fff; 

	float: left;

}

.image_thumb ul {

	margin: 0; padding: 0;

	list-style: none;

}

.image_thumb ul li{

	margin: 0; padding: 12px 10px;

	/*width: 279px;*/

	width: 330px;

	float: left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}

.image_thumb ul li.hover {

	background: #ddd;

	cursor: pointer;

	border:1px solid #CCCCCC;

}

.image_thumb ul li.active {

	background: #fff;

	cursor: default;

}

html .image_thumb ul li h2 {

	font-size: 1.5em; 

	margin: 5px 0; padding: 0;

}

.image_thumb ul li .block {

	float: left; 

	margin-left: 10px;

	padding: 0;

	/*width: 170px;*/

	width: 250px;

}	

.image_thumb ul li p{display: none;}





/* SECCION: NOTAS DE PRENSA --------------------------*/



.fecha_notaprensa

{

	text-align:right;

	text-transform:uppercase;

	font-size:10px;

	color:#999999;

	border-bottom:1px solid #cccccc;

}

.titular_notaprensa

{

	color:#be1137;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:20px;

}



.foto_notaprensa

{

	border:1px solid #999999;

	padding:1px;

}



.resumen_notaprensa

{

	text-align:justify;

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	font-style:italic;

}

.texto_notaprensa

{

	text-align:justify;

	line-height:20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}



.titular_listado_notaprensa

{

	font-weight:bold;

	color:#333333;

}



.resumen_listado_notaprensa

{

	color:#666666;

}





.votacion_noticia

{

	font-size:11px;

}



/* PAGINACION ESTILO DIGG ---------------------*/



ul{border:0; margin:0; padding:0;}



.pagination-digg li{

border:0; margin:0; padding:0;

font-size:11px;

list-style:none;

margin-right:2px;

}

.pagination-digg a{

border:solid 1px #9aafe5;

margin-right:2px;

}

.pagination-digg .previous-off,

.pagination-digg .next-off {

border:solid 1px #DEDEDE;

color:#888888;

display:block;

float:left;

font-weight:bold;

margin-right:2px;

padding:3px 4px;

}

.pagination-digg .next a,

.pagination-digg .previous a {

font-weight:bold;

}

.pagination-digg .active{

background:#be1137;

color:#FFFFFF;

font-weight:bold;

display:block;

float:left;

padding:4px 6px;

}

.pagination-digg a:link,

.pagination-digg a:visited {

color:#be1137;

display:block;

float:left;

padding:3px 6px;

text-decoration:none;

}

.pagination-digg a:hover{

border:solid 1px #be1137;

}





/* SECCION: MAPA WEB -------------------------------------*/

.msg_list 

{

	list-style: none;

	margin: 0;

	padding: 0;

	width: 600px;

}

.msg_head 

{

	padding: 5px 10px;

	cursor: pointer;

	position: relative;

	margin:1px;

}

.msg_body 

{

	padding: 5px 10px 15px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:20px;

}



.titulo_mapaweb

{

	color:#be1137;

	font-weight:bold;

}



.items_mapaweb

{

	text-align:left;

	margin-left:40px;

	font-size:11px;

}



/* ROLL DE IMAGENES ---------------------------- */



.sliderwrapper

{

	position: relative; /*leave as is*/

	overflow: hidden; /*leave as is*/

	border: 1px solid #CCCCCC;

	width: 185px; /*width of featured content slider*/

	height: 190px;

	color:#666666;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	margin-left:3px;

}



.sliderwrapper .contentdiv

{

	visibility: hidden; /*leave as is*/

	position: absolute; /*leave as is*/

	left: 0;  /*leave as is*/

	top: 0;  /*leave as is*/

	padding: 5px;

	background: white;

	width: 177px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

	height: 100%;

	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

}



.contentdiv

{

	margin:0 auto;

	text-align:center;

	color:#000000;

}



/* NUEVO MENU NAVEGACION ------------------------ */
ul.menu {z-index:999;list-style:none; margin:0; padding:0; font-size:11px; font-family:Tahoma; border-bottom:1px solid #FFCC00;}
ul.menu * {z-index:999;margin:0; padding:0}
ul.menu a {z-index:999;display:block; color:#be1137; text-decoration:none}
ul.menu li {z-index:999;position:relative; float:left; margin-right:0px}
ul.menu ul {z-index:999;position:absolute; top:26px; left:0; background:#FFCC00; display:none; list-style:none}
/* ORIGINAL CON WIDTH A 148  ul.menu ul li {z-index:999;position:relative; border-top:none; width:148px; margin:0} */
ul.menu ul li {z-index:999;position:relative; border-top:none; width:124px; margin:0}
ul.menu ul li a {z-index:999;display:block; padding:3px 7px 5px; background-color:#F8EA9E}
ul.menu ul li a:hover {z-index:999;background-color:#FFCC00}
/* ORIGINAL CON LEFT A 148   ul.menu ul ul {z-index:999;left:148px; top:-1px} */
ul.menu ul ul {z-index:999;left:124px; top:-1px}

/* ORIGINAL CON WIDTH A 134  ul.menu .menulink {z-index:999;border-bottom:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/img/menu/header.gif); width:134px} */
ul.menu .menulink {z-index:999;border-bottom:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/img/menu/header.gif); width:110px}
ul.menu .menulink:hover, ul.menu .menuhover {z-index:999;background:url(/img/menu/header_over.gif)}
/* ORIGINAL CON URL A 136   ul.menu .sub {z-index:999;background:#FFCC00 url(/img/menu/arrow.gif) 136px 8px no-repeat}*/
ul.menu .sub {z-index:999;background:#FFCC00 url(/img/menu/arrow.gif) 115px 8px no-repeat}
ul.menu .topline {z-index:999;border-top:1px solid #aaa}
ul.menu .borde{border:1px solid #999999}
ul.menu .sin_borde_sup{border:1px solid #999999; border-top:none}


/* NUEVO SLIDE ROLL GALERIAS DE IMAGENES ------------------- */

#rotator

{

	border: 1px solid #000;

	cursor: pointer;

	overflow: hidden;

	margin: 50px auto 10px;

	position: relative;

	width: 185px;

	height: 190px;

}





/* ESTILOS SLIDE NOTICIAS AYTO --------------------- */
#conteni 
{ 
	float: left;
	width: 180px;
	background:white;
	margin-left:7px;
	margin-bottom:10px;
}

#dentrodestacado
{
	background-color:#E6E2D6;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#desta{position:relative;}
#dentronavega
{
	color:white;
	padding-left:5px;
	padding-top:9px;
	background-color:black; 
}
	 

#dentronavega a{color:white;}
#navega
{
	margin-top:-10px;
	z-index:2;
	position:relative;
	height:14px;
	overflow:hidden;
	background-color:black;
	border-top:1px solid white;
	width:191px;
}

#tope
{
	margin-top:0px;
	z-index:0;
	position:relative;
}

.titulardestacado
{
	font-weight:normal;
	font-size:1.6em;
	font-family:Helvetica, Arial;
}

.flechas
{
	background-color:#000000;
	margin-top:-2px;
	margin-left:-6px;
}

a {text-decoration:none;color:#3d71aa;}
a:hover{text-decoration:underline;}

IMG {border: none;}

#dentroarticulo 
{
	padding-bottom:13px;
	padding-top:11px;
	padding-left:5px;
	padding-right:5px;
}

#dentroarticulodestacado
{	
	padding-bottom:13px;
	padding-top:11px;
	padding-left:5px;
	padding-right:5px;
	margin-top:-10px;
}

/* MENU COLLAPSE 2 MOOTOOLS ------------------------------- */
h3{font-size:11px}
ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

/* =layout
-------------------------------------------*/
#accordion{margin-left:-10px; margin-top:10px}
#container { width: 185px; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ color: #949494; padding: 0 10px 10px 10px;font-family:Arial, Helvetica, sans-serif; font-size:11px}
#header {margin: 20px 0 0 0; padding: 5px; border-bottom: 1px solid #2A2F34; width: 230px;}

#container h3 { width: 160px; background:#DBDBDB; height: 30px; line-height: 30px; padding: 0 15px; margin: 5px 0; position: relative; cursor: pointer;}
#container h3 a{ text-decoration: none; }	
#container h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold;}
/*#container h2{padding: 5px;  }*/
div.heading {margin: 10px 0 0 0; padding: 5px;}

div.collapse{ width: 191px; color:#FF3E3E;  margin: 0px 0;  background: #E9E9E9}	
div.collapse-container{ width: 150px; height: 90%; padding: 8px 20px}

/* MENU GLOSSY COLLAPSIBLE ----------------------------------- */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 191px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(/img/menuglossy/glossyback.gif) repeat-x bottom left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(/img/menuglossy/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#EAEAEA;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #666666;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:#F8F8F8;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color:#333333;
}