@charset "utf-8";
/******************************* Hacks */
p.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

p.center {
  text-align: center;
}

p.left {
  float: left;
  padding: 5px;
}

p.right {
  float: right;
  padding: 5px;
}

/** Clase para Videos **/
a.flvideo {
    	display: block; 
	width: 400px;
	height: 300px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.acs, .hidden-on-load {
	position: absolute;
	left: -9999px;
	width: 980px;
}

/*  MAQUETACION DE LA AGINA  */
body {
	width: 100%;
	font-family: Arial, Verdana;
}

#fondoGeneral { background-color: #000;}
#page {
	margin: auto;
	width: 988px;
	background:url(../images/fondo-general-content.jpg) right top repeat-y;
}	

#cuerpo {
	width: 988px;
	margin: auto;
	padding-top: 40px;
	background:url(../images/fondo-sup-content.jpg) right top no-repeat;
}

/*  CABECERA  */
#cabecera {
	width: 988px;
	height: 212px;
	margin: auto;
	background:url(../images/Cabecera-feval.jpg) right top no-repeat;
}

#cabecera img#logotipoIndice{
	float: right;
	margin-top: -77px;
	margin-right: 137px;
}

#cabecera img#logovideo {
	position: absolute;
	top: 170px;	
	margin-left: 603px;
}

#cabecera img {position: relative; margin: 0px 194px; z-index: 10}

#cabecera #dots {
	margin: -13px 194px 0px 194px;
	color: #ffa200;
}

/*  MENU PRINCIPAL  */
#menuPpal {
	font-size:0.7em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:19px;
	line-height: 19px;
	background:url(../images/fondo-linea-menu.jpg) right top no-repeat;
	width:988px;
	margin: auto;
	color: #FFF;
}
	
#menuPpal ul.level1 {
	position: relative;
	z-index: 20;
	list-style-type:none;
	margin: 0px 0px 0px 195px;
	padding:0px 5px;
}
#menuPpal li {
	float: left;
	position: relative;
	padding: 0px 3px; 
}

#menuPpal li div {
	padding-right: 4px;
}

#menuPpal ul.level1 li a {
	padding-left: 5px;
}

#menuPpal ul.level1 li.active div {
	background-color: #000;
	height: 35px;
	margin-top: -16px;
	padding-right: 3px;
}

#menuPpal ul.level1 li.active a {}
#menuPpal a {color:#fff; font-weight: bold; text-decoration:none;}
#menuPpal a:hover {color:#FFF; font-weight:bold; text-decoration:none}
#menuPpal li:hover div, #menuPpal li.over div{ background-color: #000; }

/* elementos desplegables...*/
#menuPpal li ul.level2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100px;
	background: #000;
}

#menuPpal li li {display: block; float: none; border: 0px solid #ffa200; border-bottom-width: 1px;}
#menuPpal li>ul.level2 {top: auto; left: auto;}
#menuPpal li:hover ul, #menuPpal li.over ul { display: block; }
#menuPpal li li a {display: block; font-weight: normal;}
#menuPpal li li a:hover {color: #CCC;}

/*  MENU DERECHA  */
#cuerpoderecha {
	position: relative;
	border-top: 20px solid #000;
	width: 210px;
	/* CODIGO ELIMINADO EN LAS MODIFICACIONES REALIZADAS POR DTM*/
	/*background: #FFF url(../images/logo-feval.jpg) right top no-repeat;*/
	float: right;
	margin: -149px 137px 0px 0px;
	/* z-index: 20; */
}

/** selector **/
body ul#selector {
	width: 211px;
	height:20px;
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	margin-top: 69px;
	padding:0;
	background-color: #000;
	color: #FFF;
	font-weight: normal;
}

body ul#selector li {
	display: inline;
	margin: 0;
	padding: 0 2px;
}

body ul#selector li a:visited, ul#selector li a {
	padding: 0;
	margin: 0;
	font-size: 0.6em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}

body ul#selector li a:hover {color: #B1B1B3;}
body ul#selector li.active {background-color: #FFF; padding-top: 1px; padding-right: 3px; font-weight: bold;}
body ul#selector li.active a {color: #000;}

.bordes {
	border-left: 1px solid white;
	border-right: 1px solid white;
}

	/** listado **/
ul.contenidoMenu li{
	background-color: #ffd387;
	border: 0px solid #ffa200;
	border-bottom-width: 1px;
	line-height: 20px;
	padding: 2px 10px;
}

ul.contenidoMenu li a {
	font-size: 0.7em;
	text-transform: uppercase;
	text-decoration: none;
	color: #826c45;
	padding: 0px;
}

ul.contenidoMenu li a:hover {color: #B1B1B3;}
ul.contenidoMenu li.active {background: #FFF url(../images/linea-menu.gif) center no-repeat;}
ul.contenidoMenu li.active a {color: #000; background: #FFF;}

	/** especificaciones para el Centro tecnológico **/
ul.submenu li {
	line-height: 15px;
	padding: 1px 20px;
} 

ul.submenu li a {
	font-size: 0.6em;
	text-transform: none;	
}

ul.submenu li a:hover {color: #B1B1B3; font-weight: bold}
ul.submenu li.active {background-color: #ffd387; background-image: none;}
ul.submenu li.active a {font-size: 0.7em; color: #000; background: #ffd387; font-weight: bold}

	/** especificaciones para las Áreas de Desarrollo **/
div#menu-areas-desarrollo {
	margin: 3px -10px;
	text-align: center;
}

div#menu-areas-desarrollo ul.menu-areas {
	list-style-type: none;
	margin: 0px; line-height: 1em;
	border-bottom: dotted 1px #14925A;
}

div#menu-areas-desarrollo ul.menu-areas li {
	display: inline;
	padding: 0;
	margin: 0;
}

div#menu-areas-desarrollo ul.menu-areas li.active a {
	font-size: 110%;
	padding-left: 4px;
}

/*  NOTICIAS INICIO  */
#noticias {
	padding:10px;
	padding-top: 40px;
	background-color: #FFF;
	color:#C5C5C5;
	font-size:0.7em;
	margin-top:20px;
}
#noticias h1{font-size:1.4em; margin:0px 0px 8px 0px; color: #97d600; border-bottom: dotted 1px #14925A; }
#noticias ul{list-style-image:url(/lenya/feval/live/images/flecha_noticias.gif); margin:0px 0px 0px 20px}
html>body #noticias ul {margin:0px; padding:0px 0px 0px 15px}
#noticias li{margin-bottom:10px}

/*  CONTENIDO  */
#body {
	width: 400px;
	background-color: #FFF;
	border: 2px solid #14925A;
	margin: 0px 0px 0px 205px;
	padding: 10px 10px;
	font-size:0.7em;
	color:#7C7C7C;
}

/* AQUÍ EN EL BODY NO HAY IDS NI DIVS PORQUE EL EDITOR KUPU NO LO PERMITE Y ESTO ES DONDE VA EL CONTENIDO CENTRAL Y EDITABLE.*/

#body p{padding: 3px 0px; line-height: 1.7em;}
#body h1{text-transform: uppercase; font-weight:bold; padding: 3px 10px 7px 0px}
#body h2{color:#9CAF92;font-weight:bold; font-size:1.9em;margin:0px; padding: 3px 10px 4px 0px}
#body h3{font-size:1.2em; font-weight:bold; color:#A89748; padding: 3px 10px 5px 0px; margin-top:0}
#body h4{font-size:1em; background:#F3F3F3; color:#6E6E6F; padding:30px; margin-top:0px}
#body h4 span {font-size:1.6em; font-weight:bold}
#body h4 p {width:400px; color:#000; padding:10px 0px 0px 0px; text-align:left}
#body h4 div {text-align:right}
#body h4 div a{color:#14935B; font-weight:bold; text-decoration:underline}
#body h4 div a:hover {color:#000; font-weight:bold; text-decoration:underline}
#body h4 table {font-size:1em; width:400px;}
#body h4 table td{width:175px; vertical-align:top; padding:5px; color:#7C7C7C}
#body h4 table td span {font-weight:bold; font-size:1.2em}
#body h4 table td p{font-weight:normal;margin-left:0px; margin-right:0; color:#7C7C7C; width:170px}
html>body #body h4 table td p{width:175px}

#body table{margin-bottom:30px; }
#body table th{background:#F3F3F3; height:30px; vertical-align:middle; text-align:left; font-weight:bold; font-size:1.2em}
#body table td {border-bottom:1px solid #BDBDBD; vertical-align:top; text-align:left; padding: 3px 10px; line-height: 1.7em;}



#body h5{background: url(/lenya/feval/live/images/fondo_titular.jpg) top left no-repeat; height:25px; color:#fff; font-size:1.3em; font-weight:bold; padding-left:10px; padding-top:2px; margin:0px 0px 10px 0px}

#body h6{clear:both; font-size:0.9em; font-weight:normal; color:#A89748; padding-left:10px; padding-right:10px; margin-bottom:0px}
#body p.titular{background: url(/lenya/feval/live/images/fondo_titular.jpg) top left no-repeat; height:25px; color:#fff; font-size:1.3em; font-weight:bold; padding-left:10px; padding-top:2px; margin:0px 0px 10px 0px}
p a, a {color:#97d600; font-weight:bold; text-decoration:none}
p a:hover, a:hover {color:#97d600; font-weight:bold; text-decoration:underline}

#body a{color:#14935B; font-weight:bold; text-decoration:none}
#body a:hover {color:#14935B; font-weight:bold; text-decoration:underline}

#body #news a{color:#97d600; font-weight:bold; text-decoration:none}
#body #news a:hover {color:#97d600; font-weight:bold; text-decoration:underline}


p a span {color:#000; text-decoration:none; font-weight:normal}
p a:hover span {color:#14935B; text-decoration:underline; font-weight:normal}

#body dt{ padding-left:10px; padding-top:2px; }
#body dd{ margin: 3px 10px }

#body dt a {color:#A89748; font-weight:bold; font-size:1.4em; text-decoration:underline;}
#body dt a:hover {color:#000; font-weight:bold; font-size:1.4em; text-decoration:underline}

#body ul {list-style-type: disc; margin: 3px 5px 3px 30px; padding: 3px 0px; line-height: 1.7em;}
#body li {margin: 2px 10px}

/*  PIE DE PÁGINA  */
#pie {
	width: 988px;
	height: 102px;
	margin: auto;
	background:url(../images/fondo-footer.jpg) left bottom no-repeat;
	font-size:0.6em;
}
 #pie ul  {
 	list-style-type:none;
	margin: 0px 0px 0px 250px;
	padding: 50px 0px 0px 5px;
}

#pie li {
	display:inline;
	margin:0px;
	padding: 0px 5px; 
}

#pie a{color:#169E62; text-decoration: underline;}

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

/*  BUSCADOR  */
#buscador {
	float: left;
	margin: -13px 0px 0px 209px
}

#buscador label {
	font-size:0.7em;
	font-weight: bold;
	color: #bc7700;
}

#buscador .textoBuscador{
	width:140px; 
	margin-bottom:5px;
	margin-right:5px; 
	font-size:0.7em;
	vertical-align:middle;
}

#buscador input.botonBuscar {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 14px;
	height: 14px;
	line-height: 14px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.7em;
	background: url(../images/boton-buscar.jpg) no-repeat left top;
	text-align: center;
	margin-left: 6px;
	padding-bottom: 3px;
	cursor: pointer;
}

/**  LOGOTIPOS   **/
#logos {
	width: 410px;
	padding: 4px;
        background: #FFF;
        margin: 40px 0px 0px 205px;
	background: url(../images/fondo-logos.jpg) no-repeat left top;
}

#logos img { border: 1px solid #14925A; border-width: 1px 1px 1px 0px}
#logos img.primer { border-left-width: 1px;}

#logos span {	
        font-size:0.7em;
        color:#7C7C7C;
	margin-left: 4px;
}

/**  MAQUETACION PARA FERIAS  **/
#menu-ferias {background-color: #000; margin-bottom: 30px;}
#menu-ferias ul {list-style-type: none; margin-left: -15px;}
#menu-ferias li {border-bottom: 1px solid #FFF;}
#menu-ferias a {color: #FFF;}
#menu-ferias td.texto {width: 180px; padding: 0; vertical-align: bottom;}

/****************************************************************************************/
/**** estilos del portal (Herencia FEVAL) ****/

/*  MODULO PARA LA PAGINACIÓN DE NOTICIAS  */
#body #paginacion{padding:5px 5px 20px 5px; color:#9CAF92; font-size: 0.9em; font-weight:bold; border-bottom:1px solid #CDD7C8; border-top:1px solid #CDD7C8}
#body #paginacion #paginas{margin:0; text-align:right;float:right;}
#body #paginacion a {color:#A89748; text-decoration:none; font-weight:bold}
#body #paginacion a:hover {color:#000; text-decoration:underline; font-weight:bold}
#body #paginacion #num{float:left; }

#body table.listing {width:250px; float:left; margin:0px 5px 40px 5px; font-size:1em; table-layout: fixed; width: 400px;}
#body table.listing th, #body table.listing td {height:auto; text-align:center}
#body table.listing a{color:#14935B; font-weight:bold; text-decoration:none; background:#D9E0CC; border:3px solid #D9E0CC }
#body table.listing a:hover {color:#14935B; font-weight:bold; text-decoration:underline; background:#D9E0CC; border:3px solid #D9E0CC}

#body table.plain {font-size:1em; table-layout: fixed; width: 400px;}
#body table.plain th{font-size:1.2em; color:#6A6A6A; border:1px solid #C1C1C1}
#body table.plain td{border:0; font-weight:normal; color:#7C7C7C;}
#body table.plain img{border:1px solid #838383}

#body table.data {background:#F3F3F3; font-size:1em; table-layout: fixed; width: 400px; margin:0;}
#body table.data th{background:url(../images/fondotabla.gif) repeat-x; text-align: center; font-size:1.2em; color:#6A6A6A; border:1px solid #C1C1C1}
#body table.data td{border:0; font-weight:normal;}
#body table.data img{border:1px solid #838383}

/*  MÓDULOS PARA LOS TITULARES CON EL FONDO GRIS DE LA COLUMNA CENTRAL PARA CUANDO EL DISEÑO TIENE 3 COLUMNAS Y ABAJO TITULARGRANDE ES PARA CUANDO LA COLUMNA CENTRAL SE EXPANDE Y DESAPARECE LA DE LA DERECHA  */
p.titulo{
	font-size:1.1em;
	color:#FFF; 
	font-weight:bold;
	margin-left: 10px;
}

/* MÓDULOS INTRODUCIDOS POR DAVID TELLO, PARA SOLVENTAR LOS PROBLEMAS DE ESTILOS
  EXISTENTES EN LAS FERIAS */
#body table td#sinPaddin {
padding:0px 0px;
}

#body ul.menosMargen{
 margin-left: 5px;
}

#body table.data th.width30{
 width: 30px;
}

#body table.data th.width25{
 width: 25px;
}

#body table.data th.width45{
 width: 45px;
}

#body table.data td.letra7{
 font-size: 7pt;
}

#body table.data #bordeSup td{
 border-top: 1px solid;
}

.alineadoIzquierda{
 text-align:left;
}

.margen-izquierda7{
margin-left: 7%;
}

#body ul.sinMargenes{
margin: 0px;
}

.sinMargenes{
margin: 0px;
}

.margen-izquierda90px{
margin-left: 90px;
}

#body table td#margen-izquierda90{
margin-left: 90px;
}

#titularGrande {background-color: #000; margin:0px 0px 10px -10px;width:420px; }
#titularGrande img.imagen{display:block; clear:both}
#titularGrande img.flecha{vertical-align:middle; margin-right: 5px;}
#titularGrande p.inicio{margin-right: 10px; float:right; text-align:right; width:150px; }
#titularGrande a{color:#D7D7D7; }
#titularGrande a:hover {color:#fff; text-decoration:underline; font-weight:bold}