* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#FFFFFF;
}

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

/*
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;
}

#content a {text-decoration:none;color:#3d71aa;}
#content 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;
}


