/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#2d2d2d;
	font: normal 15px Arial, Helvetica, sans-serif;
}

img{
	float:left;
	border:none;
}

.off{
	 filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}




/********************************** MENÚ **********************************/


#contenedor{
	width:1000px;
	height:750px;
	overflow:hidden;
	float:none;
	margin:0 auto;
}

#columna{
	width:255px;
	height:640px;
	float:left;
}

#columna2{
	width:226px;
	height:640px;
	float:left;
}


#columna2 h2{
	width:216px;
	float:left;
	background:#000;
	margin:0;
	padding:5px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font:normal 1.2em Arial, Helvetica, sans-serif;
}

#cuerpo{
	width:512px;
	height:640px;
	float:left;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:url(../images/index/fondo_cuerpo.jpg) repeat-y;
}

#cuerpo h2{
	height:50px;
	display:block;
	margin:0;
	padding:7px 0 0 10px;
	border:none;
	color:#fff;
	background: #fff url(../images/index/h2.jpg);
	font:bold 2em "Trebuchet MS";
	border-bottom:1px solid #fff;
}


#logotipo{
	widows:255px;
	height:153px;
	float:left;
	text-align:center;
	padding:3px 0 0 0;
	overflow:hidden;
}

#logotipo img{
	margin:0 auto;
	float:none;
	padding:0 0 0 7px;
}

#logos{
	width:255px;
	height:130px;
	float:left;
}

#logos a{
	width:244px;
	height:62px;
	padding:2px 5px;
	display: block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
	background:#2d2d2d;
}

#logos span{
	float: left;
	padding: 20px 0 0 10px;
}


#bandera{
	width:220px;
	height:57px;
	float:left;
}

#bandera img{
	padding:0 0 0 1px;
	float:right;
}

#bandera span{
	height:12px;
	float:right;
	padding:8px;
	color:#fff;
	text-transform:uppercase;
	font:normal 0.6em Arial, Helvetica, sans-serif;
	background:#000;
}

/********************************** MENÚ **********************************/


#menu{
	width:255px;
	/*height:335px;*/
	height:auto;
	float:left;
	padding: 19px 0 0 0;
	overflow:hidden;
}


#menu ul{
	width:255px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/index/sep_horizontal.gif) repeat-x left top;
}

#menu ul li{
	width:255px;
	height:66px;
	float: left;
	padding:0 0 1px 0;
	background:url(../images/index/sep_horizontal.gif) repeat-x left bottom;
}


#menu ul li a{
	width:254px;
	height:66px;
	padding:0 3px;
	display: block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
}

#menu ul li a span{
	float: left;
	padding: 20px 0 0 10px;
}

#menu ul li a img{
	padding:3px 0 0 3px;
}


/********************************** SUBMENÚ **********************************/


#submenu{
	width:255px;
	height:335px;
	float:left;
	padding: 19px 0 0 0;
}


#submenu ul{
	width:255px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/index/sep_horizontal.gif) repeat-x left top;
}

#submenu ul li{
	width:255px;
	height:41px;
	float: left;
	padding:0 0 1px 0;
	background:url(../images/index/sep_horizontal.gif) repeat-x left bottom;
}


#submenu ul li a{
	width:254px;
	height:35px;
	padding:3px;
	display: block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
}

#submenu ul li a span{
	float: left;
	padding: 10px 0 0 10px;
}

#submenu ul li a img{
	padding:3px 0 0 3px;
}


/********************************** PAGINADO **********************************/


#paginado{
	width:512px;
	float:left;
	border-top:1px solid #fff;
}

#paginado ul{
	margin:0;
	padding:0;
	border-left:1px solid #fff;
	list-style:none;
}

#paginado ul li{
	float:left;
	background:url(../images/index/paginado_item.jpg);
	border-right:1px solid #fff;
}

#paginado ul li a{
	width:84px;
	height:59px;
	float:left;
	color:#fff;
	text-decoration:none;
	font:2em bold Arial, Helvetica, sans-serif;
	padding:30px 0 0 0;
	text-align:center;
}

/********************************** SIGUIENTE ANTERIOR **********************************/


#siguiente_anterior{
	width:512px;
	height: 50px;
	float:left;
	border-top:1px solid #fff;
}

#siguiente_anterior ul{
	margin:0;
	padding:0;
	list-style:none;
}

#siguiente_anterior ul li{
	float:left;
	background:url(../images/index/paginado_item.jpg);
}

#siguiente_anterior ul li a{
	height:40px;
	float:left;
	color:#fff;
	text-decoration:none;
	font:2em bold Arial, Helvetica, sans-serif;
	padding:10px 10px 0 10px;
	text-align:center;
}


.siguiente_anterior_boton{
	width: 70px;
	background:#000;
}

.siguiente_anterior_volver{
	width:312px;
	background:#faba00;
}



/********************************** LISTADO **********************************/


.amarillo{
	background:#faba00;
}

.negro{
	background:#000;
}

#listado{
	width:512px;
	float:left;
}


#listado ul{
	margin:0;
	padding:0;
	list-style:none;
}

#listado ul li{
	width:512px;
	float:left;
	list-style:none;
	padding:0 0 1px 0;
}


#listado ul li a{
	float:left;
	color:#fff;
	text-decoration:none;
}

#listado ul li a img{
	width:81px;
	height:81px;
	padding: 0 1px 0 0;
}

#listado_categoria{
	width:81px;
	height:76px;
	float:left;
	padding:5px 0 0 0;
	text-align:center;
	background:#2d2d2d;
}

#listado_categoria b{
	font:bold 3em "Trebuchet MS";
	display:block;
}

#listado_categoria i{
	width:80px;
	float: left;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}

#listado_date{
	width:81px;
	height:76px;
	float:left;
	padding:5px 0 0 0;
	text-align:center;
	background:#2d2d2d;
}

#listado_date b{
	font:bold 2.5em "Trebuchet MS";
	display:block;
}

#listado_date i{
	font:normal 0.6em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


#listado_name{
	width:339px;
	height:71px;
	float:left;
	overflow:hidden;
	padding:5px;
	background:url(../images/index/item_bg.jpg);
}

#listado_name strong{
	padding:6px 0 0 0;
	display:block;
}

#listado_name i{
	color: #faba00;
	display: block;
	padding:0 0 3px 0;
}

#listado_name b{
	color: #999999;
	display: block;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

#listado_date .desde{

	color: #FABA00;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

/********************************** AGENDA EVENTO **********************************/

#agenda_evento{
	width:512px;
	float:left;
}

#agenda_evento_title{
	width:512px;
	height:192px;
	float:left;
	background:#000;
	border-bottom:1px solid #fff;	
}

#agenda_evento_title h3{
	width:303px;
	height:55px;
	float:left;
	margin:0;
	padding:8px;
	overflow:hidden;
	color:#fff;
	line-height:90%;
}

#agenda_evento_title img{
	width:192px;
	height:192px;
	float:right;
	border-left:1px solid #fff;
}

#agenda_evento_title span{
	width:303px;
	float:left;
	color:#fff;
	padding:3px 8px;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

#agenda_evento_title i{
	width:140px;
	float:left;
	padding:2px 1px 2px 8px;
	color:#fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}


#agenda_evento_title strong{
	display:block;
	color:#FF9900;
}

#agenda_evento_descripcion{
	width:496px;
	height:322px;
	float:left;
	padding:8px;
	color: #fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	overflow: hidden;
	background:#000;
}
#imagenswf{
	float:right;
}
/********************************** FICHA **********************************/

#ficha{
	width:512px;
	float:left;
}

#ficha_title{
	width:319px;
	height:256px;
	float:left;
	background: #333333;
	border-bottom:1px solid #fff;	
}

#ficha_title h3{
	width:303px;
	float:left;
	margin:0;
	padding:8px 8px 0 8px;
	overflow:hidden;
	color:#fff;
	background:#000;
}

#ficha_title h4{
	width:303px;
	float:left;
	margin:0;
	padding:0;
	color:#fff;
	padding:0 8px 5px 8px;
	color: #999999;
	background:#000;
	border-bottom:1px solid #fff;
}

#ficha_title h4 b{
	color:#FFCC00;
	padding:3px 0 0 5px;
	font:normal 1.2em/10px Geneva, Arial, Helvetica, sans-serif;
}

#ficha_fotos{
	width:192px;
	height:256px;
	float:right;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}

#ficha_fotos img{
	width:192px;
	height:192px;
	float:left;
}

#ficha_fotos ul{
	margin:0;
	padding:0;
	list-style:none;
}

#ficha_fotos ul li{
	float:left;
}

#ficha_fotos ul li img{
	width:64px;
	height:64px;
	float:left;
}

#ficha_title span{
	width:303px;
	float:left;
	color:#fff;
	padding:3px 8px 2px 8px;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}

#ficha_title i{
	width:130px;
	float:left;
	padding:4px 8px;
	color:#fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}


#ficha_title strong{
	display:block;
	color:#FF9900;
}
#ficha_title strong.resaltarInline{
	display:inline;
	color:#FF9900;
}

#ficha_descripcion{
	width:303px;
	height:320px;
	float:left;
	padding:0px 8px 8px 8px;
	color: #fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;	
	overflow: hidden;
	background: #333333;
}



#ficha_listado{
	width:192px;
	height:338px;
	float:left;
	border-left:1px solid #fff;
	background:#000;
}


#ficha_listado ul{
	margin:0;
	padding:0;
	list-style:none;
}


#ficha_listado ul li{
	width: 192px;
	float:left;
}

#ficha_listado ul li a{
	width: 192px;
	float:left;
	text-decoration:none;
	color:#CCCCCC;
	background:#333333;
	border-bottom:1px solid #666666;
}


#ficha_listado ul li a span{
	width: 142px;
	font:0.7em bold Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:20px 0 0 0;
	float:left;
}

/********************************** EMERGENTE **********************************/


#emergente{
	width:100%;
	float:left;
	color:#CCCCCC;
	font:normal 1em Arial, Helvetica, sans-serif;
}


#emergente h2{
	height:50px;
	display:block;
	margin:0;
	padding:7px 0 0 10px;
	border:none;
	color:#fff;
	background: #fff url(../images/index/h2.jpg);
	font:bold 2em "Trebuchet MS";
	border-bottom:1px solid #fff;
}


#emergente h3{
	height:30px;
	display:block;
	margin:0;
	padding:7px 0 0 10px;
	border:none;
	color:#ccc;
	background: #000;
	font:bold 1.5em "Trebuchet MS";
	border-bottom:1px solid #fff;
}

#emergente p{
	padding-left:10px;
	padding-right: 10px;
}

.emergente_cerrar{
	width:100%;
	height:20px;
	text-align:center;
	padding:10px 0;
	display:block;
	color:#fff;
	background:#faba00;
	font:bold 1.5em "Trebuchet MS";	
}

/*********************** LISTADO ACUMULATIVO PARA SERVICIOS*/

#listado_acumulativo{
	width:390px;
	height:auto;
	float: left;
	margin:0;
	padding:0;
	clear: both;
	display: block;
	}
	
#listado_acumulativo ul{
	margin:0;
	padding:0 0 10px 0;
	color:#FFFFFF;
	float:left;
	list-style:none;	
}

#listado_acumulativo li{
	width: 160px;

	float:left;

	padding: 3px 0px 3px 8px;
	list-style:none;
	display:block;
	
}

#listado_acumulativo li#on{
	width: 150px;

	float:left;

	padding: 3px 0px 3px 8px;
	list-style:none;
	display:block;
	
	background-color:#000000;
}

#listado_acumulativo li a{
	text-decoration: none;
}
/********************************** BOTONES SCROLLS TEXTOS **********************************/



#agenda_scroll{
	width:50px;
	float:left;
	border-left:1px solid #fff;
	background:#000;
	/*visibility:hidden;
	display:none;*/

}

#agenda_scroll ul{
	margin:0;
	padding:0;
	list-style:none;
}

#agenda_scroll ul li{
	float:left;

	
}

#agenda_scroll ul li a{
	width: 50px;
	height:50px;
	float:left;
	color:#fff;
	text-decoration:none;
	font:2em bold Arial, Helvetica, sans-serif;
	padding:10px, 0px;
	text-align:center;
}


#agenda_scroll_boton_sup{
	width: 50px;
	height:50px;
	background: #000;
}
#agenda_scroll_boton_inf{
	width: 50px;
	height:50px;
	background: #000;
}

#agenda_scroll_alto{
	width: 50px;
	height: 236px;
	background:#000;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
/********************************** RESALTAR TEXTOS EN AMARILLOS EN LA PESTAÑA DE DESCRIPCION **********************************/
#ficha_descripcion .resaltar{
	display:block;
	color:#FF9900;
}
#ficha_descripcion .resaltarInline{
	display:inline;
	color:#FF9900;
}