/* Colores EDITABLES
En el siguiente grupo de estilos se cambian
todos los colores del sitio.
ATENCIÓN: sólo hay que editar este grupo de
estilos. El resto no se tocan.

Colores principales:

Principal: #BE0000
Secciones: #F85D5D
Secciones borde: #DA1717
Subsecciones: #ED1818
Subsecciones hover: #B41313 (color2)
Color 1: #0584C0
Secciones texto: #000000

Menú contacto:

Fondo menu contacto: #BE0000
Menu contacto: #FFFFFF
Menu contacto hover: #B7B7B7

Colores en el buscador:

Marco: #B7B7B7
Fondo: #DBDBDB
Top, left y texto: #868686
Right y bottom: #EBEBEB

Otros:

Fecha: #000000
Ruta 1: #B60101
Ruta 2: #000000
Ruta 3: #A6A6A6
Fondo menú auxiliar: #A6A6A6

Imágenes:

cuad1.gif (mismo color que Subsecciones hover)
piti1.gif (que no siempre es necesario cambiar)

----------------------------------------------- */
.menu1 {
	background-color: #D9D9D9;/*#F85D5D;*/
	color: #000000;
}

a.menu1:hover {
	color: #ffffff;/*#FDD117;#B41313;*/
}
	
.fondomenu1 {
	background-color: #B8B8B8;/*#ED1818;*/
}

.fondomenu2 {
	background-color: #A6A6A6;
}

.fondomenu3 {
background-color: #CCCCCC;/*#BE0000;*/
}

.fondoTonoOscuro {
background-color: #1CA38F;/*#B41313;*/
}

.fondoTonoClaro {
background-color: #FFF;/*#BE0000;*/
}

.fondoTonoMedioSec {
background-color: #fff;/*#DA1717;*/
}

.fondoBuscar {
background-color: #D9D9D9;
}

.formbuscar {
	background-color: #fff;
	border-top-color: #868686;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #868686;
	color: #868686;	
}

.vinetacuad {
	list-style-image: url(../images/cuad1.gif);
}

.vinetapiti {
	list-style-image: url(../images/piti1.gif);
}

.listalink {
	color: #01A091;/*#B41313;*/
}

a.listalink:hover {
	color: #A6A6A6;/*#ED1818;*/
}

.lista {
	color: #01A091;/*#B41313;*/
}

.a11color1 {
	color: #01A091;/*#0584C0;*/
}

.a18color1 {
	color: #01A091;/*#0584C0;*/
}
	
.a11color2 {
	color: #01A091;/*#B41313;*/
}

/*Especial para ABLA*/
.a11color3 {
	color: #bbd217;
}

.a11color2link {
	color: #00C4B1;/*#B41313;*/
}				

a.a11color2link:hover {
	color: #A6A6A6;/*#BE0000;*/
}	

.menu3 {
	color: #000;
}

a.menu3:hover {
	color: #FFF;
}

.fecha {
	color: #000;/*#000000;*/
}

.ruta1 {
	color: #01A091;/*#B60101;*/
}

.ruta2 {
	color: #000000;
}

.ruta2_hall {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.ruta3 {
	color: #A6A6A6;
}

a {
	color: #01A091;/*#B41313;*/
}				

a:hover {
	color: #A6A6A6;/*#BE0000;*/
}

/* Estilo general 
----------------------------------------------- */
/* Da problemas al utilizar etiquetas de formato (font, strong...) etc. anidadas. Sin embargo, soluciona el problema
del tamaño de letra en las tablas con celdas sin CSS. */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


a {
	text-decoration: underline;
}

a:link {}
a:hover {
	text-decoration: none;
}
a:active {}
a:visited {}

/* Estilos de la cabecera
----------------------------------------------- */
.feria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.descripcion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #353535;
	font-weight: bold;
}

.descripcion_hall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

.fecha {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/* Estilos de las zonas de menú
----------------------------------------------- */
.menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
}
a.menu1:link {}
a.menu1:hover {}
a.menu1:active {}
a.menu1:visited {}

.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.menu2:link {}
a.menu2:hover {
	color: #fff;	
}
a.menu2:active {}
a.menu2:visited {}

.menu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.menu3:link {}
a.menu3:hover {}
a.menu3:active {}
a.menu3:visited {}

.formbuscar {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 110px;
}

/* Estilos de la ruta de posicionamiento
----------------------------------------------- */
.ruta1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.ruta2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.ruta3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Estilos usados en los textos normales
----------------------------------------------- */
.ucase {
	text-transform:uppercase;
}

.a11color1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.a11color2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.a11color2link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.a11color2link:link {}
a.a11color2link:hover {
	text-decoration: none;
}
a.a11color2link:active {}
a.a11color2link:visited {}

.a11linkrojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #01A091;/*#B60101;*/
	text-decoration: underline;
}
a.a11linkrojo:link {}
a.a11linkrojo:hover {
	text-decoration: none;
}
a.a11linkrojo:active {}
a.a11linkrojo:visited {}

.a18bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #A6A6A6;
}
.a18color1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.a11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.a10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.a10:link {}
a.a10:hover {
	color: #000;/*#B60101;*/
}
a.a10:active {}
a.a10:visited {}

.a11justify {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

.a11gris {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
}

.v10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.v10gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F7F7F;	
}

.v10linkrojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #01A091;/*#B60101;*/
	text-decoration: none;
}
a.v10linkrojo:link {}
a.v10linkrojo:hover {
	text-decoration: underline;
}
a.v10linkrojo:active {}
a.v10linkrojo:visited {}

.a11linknegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
a.a11linknegro:link {}
a.a11linknegro:hover {
	text-decoration: none;
}
a.a11linknegro:active {}
a.a11linknegro:visited {}

.a11linknegro2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.a11linknegro2:link {}
a.a11linknegro2:hover {
	text-decoration: none;
	color: #000000;
}
a.a11linknegro2:active {}
a.a11linknegro2:visited {}

/* Estilos usados en otro tipo de contenidos
----------------------------------------------- */
.lista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.listalink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.listalink:link {}
a.listalink:hover {
	text-decoration: none;
}
a.listalink:active {}
a.listalink:visited {}

.fondolista1 {
	background-color: #F5F5F5;
}

.fondolista2 {
	background-color: #FFFFFF;
}

.abc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
}
a.abc:link {}
a.abc:hover {
	color: #000000;
}
a.abc:active {}
a.abc:visited {}

.abc2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B7B4B4;
	text-decoration: none;
}

/* Creo que no se usa
.rutanegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
*/

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;

}

.inputError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #FF0000;
	background-color: #FFEEEE;
}

ul {
	list-style-image: url(../images/cuad1.gif);
}

/* Tamaños de los inputs
----------------------------------------------- */
.input180 {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input164 {
	width: 164px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input134 {
	width: 134px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* 
Estilos nuevos
*/

/*
Boletin
*/
.fechaBoletin{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/*popup Videos*/
#popup_video {
	/*margin: 17px;*/
	padding: 0;
	width: 640px;
}
#popup_video .titular {
	padding-bottom: 3px;
	border-bottom: 1px solid #000000;
}
#popup_video .titular h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 2.65em;
	font-weight: normal;
}
#popup_video .titular a.cerrar {
	float: right;
	margin: 4px 0 0 0;
	padding: 4px 21px 7px 19px;
	text-decoration: none;
	color: #000000;
	background: url(../images/popup_volver.gif) no-repeat left top;
	cursor:pointer;
}
#popup_video .titular a.cerrar:hover {
	color: #FFFFFF;
	background: url(../images/popup_volver_over.gif) no-repeat left top;
}
#popup_video .limpiar {
	clear: both;
	font-size: .000001em;
	line-height: .000001em;
	height: .000001em;
}
#popup_video h2 {
	margin: 0;
	padding: 0.35em 0 0.85em;
	font-size: 1.5em;
	font-weight: bold;
}
#popup_video h2 span {
	font-size: 100%;
	font-weight: normal;
}
#cabeceraVideos{
	margin:0;
	padding:0;
}
#ayudaFlash{
	margin: 25px 45px 0  140px;
	height: 40px;
	font-size: 1.2em;
	width: 400px;
}
#ayudaFlash p {
	font-size: 1em;
	padding: 7px 0 0 0 !important;
	font-weight: bold;
}
#verVideo{
	margin: 30px 0 0 0;
	height: 40px;
	text-align: center;
}

#atencion{
	float: left;
	margin: 0 1.5em 0 0;
}