* { 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: 1000px;
}

#contenidos
{
	width:960px;
	margin:0 auto;
	margin-top:15px;
}

/* 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;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width:25%;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 padding: 0px;
 width: 70%;
 margin-top:30px;
 display: inline;
 position: relative;
 margin-right:30px;
}

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

#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;
	margin-bottom:10px;
}
#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;
	margin-bottom:10px;
}
#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;}
#creditos a{color: #FFFFFF; text-decoration:none}
#creditos a:hover{text-decoration:underline}

/* GESTION DE ERRORES --------------------------------- */
.titulo_errores
{
	padding-left:7px; 
	background-color:#990000; 
	color:#FFFFFF;
	font-family:Tahoma; 
	font-size:11px; 
	width:89%; 
	margin-left:30px;
	border:1px solid #990000;
}

.detalle_errores
{
	border:1px dotted #990000;
	color:#990000;
	background:#FFCCCC;
	padding:10px;
	width:87%;
	margin-left:30px;
}

.lista_errores 
{
	list-style-image:url(/img/admin/error.gif);
	margin-left:30px;	
	color:#993300;
	font-size:90%;
	text-align:left;
}

/* VENTANAS MODALES --------------------------------------- */

.fondo_popup {background:#FFFFFF}

#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("/img/submodal/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #be1137;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #be1137;
	border-left: 1px solid #be1137;
	border-right: 1px solid #be1137;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

.texto_titulo_ventana
{
	padding-bottom:2px;
	border-bottom:1px solid #333333;
	color:#333333;
	font-weight:bold;
	text-align:justify;
	width:99%;
}

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

/* SLIDE CARTEL OFICIAL --------------------------*/
#slideshow {position:relative;height:145px; margin-left:7px; border:1px solid #666666; width:193px;}
#slideshow IMG 
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

/* 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:165px;
	margin-left:5px;
}

#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;
}

/* SLIMBOX (Galeria imagenes) ---------------------------------------- */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/img/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* 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:#FFFF66}
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}

