@charset "utf-8";
/* CSS Document */

/*
ejemplo{
	display: ;				Establece el tipo de caja generada por un elemento
	visibility: ;			Permite hacer visibles o invisibles las cajas de los elememtos
	float: ;				Establece el tipo de posicionamiento flotante del elemento
	clear: ;				Indica el lado del elemento que no debe ser adyacente a ninguna caja flotante

	position: ;				Selecciona el posicionamiento con el que se mostrara el elemento
	top: ;					Desplazamiento superior
	right: ;				Desplazamiento lateral derecho
	bottom: ;				Desplazamiento inferior
	left: ;					Desplazamiento lateral izquierdo
	z-index: ;				Establece el nivel tridimensional en el que se muestra el elemento

	width: ;				Establece la anchura de un elemento
	min-width: ;			Permite definir la anchura minima de un elemento
	max-width: ;			Permite definir la anchura maxima de un elemento		
	height: ;				Establece la altura de un elemento
	min-height: ;			Permite definir la altura minima de un elemento
	max-height: ;			Permite definir la altura maxima de un elemento
	overflow: ;

	margin: ;				Establece de forma directa todos los margenes de un elemento
	margin-top: ;			Margen superior
	margin-right: ;			Margen derecho
	margin-bottom: ;		Margen inferior
	margin-left: ;			Margen izquierdo

	padding: ;				Establece de forma directa todos los rellenos de los elementos
	padding-top: ;			Relleno superior
	padding-right: ;		Relleno derecho
	padding-bottom: ;		Relleno inferior
	padding-left: ;			Relleno izquierdo

	border: ;				Establece el estilo completo de todos los bordes de los elementos
	border-top: ;			Estilo completo del borde superior
	border-right: ;			Estilo completo del borde derecho
	border-bottom: ;		Estilo completo del borde inferior
	border-left: ;			Estilo completo del borde izquierdo

	border-width: ;			Establece la anchura de todos los bordes del elemento
	border-top-width: ;		Anchura del borde superior
	border-right-width: ;	Anchura del borde derecho
	border-bottom-width: ;	Anchura del borde inferior
	border-left-width: ;	Anchura del birde izquierdo

	border-style: ;			Establece el estilo de todos los bordes del elemento
	border-top-style: ;		Estilo del borde superior
	border-right-style: ;	Estilo del borde derecho
	border-bottom-style: ;	Estilo del borde inferior
	border-left-style: ;	Estilo del borde izquierdo

	border-color: ;			Establece el color de todos los bordes del elemento
	border-top-color: ;		Color del borde superior
	border-right-color: ;	Color del borde derecho
	border-bottom-color: ;	Color del borde inferior
	border-left-color: ;	Color del borde izquierdo

	outline: ;				Establece algunas o todas las propiedades de todos los perfiles de los elementos				

	list-style: ;			Establece algunas o todas las propiedades del marcador de los elementos de la lista

	table-layout: ;			Establece el algoritmo utilizado para mostrar la tabla
	caption-side: ;			Establece la posicion vertical del titulo o leyenda de una tabla
	border-collapse: ;		Selecciona el modelo de bordes de las celdas de la tabla
	border-spacing: ;		Establece la separacion de las celdas de la tabla
	empty-cells: ;			Muestra u oculta las celdas vacias de una tabla

	font: ;					Establece algunas o todas las propiedades tipograficas
	font-family: ;			Establece la fuente o tipo de letra
	font-size: ;			Establece el tamaño de letra
	line-height: ;			Establece el interlineado del texto
	font-weight: ;			Establece el grosor de cada letra
	text-align: ;			Establece la alineacion del contenido de un elemento de bloque
	text-indent: ;			Tabula desde la izquierda la priemra linea del texto original	
	text-transform: ;		Transforma el texto de un elemento para mostrarlo en mayusculas, minusculas o una mezcla de ambas
	text-decoration: ;		Decoracion del texto
	letter-spacing: ;		Establece la separacion entre las letras del texto
	word-spacing: ;			Establece la separacion entre las palabras del texto
	white-space: ;			Establece el tratamiento de los espacios en blanco
	vertical-align: ;		Determina la alineacion vertical de los contenidos de un elemento
	color: ;				Establece el color del texto de un elemento

	background: ;			Establece algunas o todas las propiedades del color y/o imagen de fondo de un elemento
	background-color: ;		Establece el color de fondo de un elemento
	background-image: ;		Establece la imagen de fondo de un elemento
	background-repeat: ;	Controla el tipo de repeticion de las imagenes de fondo
	background-position: ;	Controla la posicion de la imagenes de fondo

	opacity: ;				Establece la opacidad de un elemento

	cursor: ;				Permite personalizar el puntero del raton

	content: ;				Genera contenido de forma dinamica
	quotes: ;				Establece los caracteres utilizados para mostar las comillas
	}
*/

/*************************************************** Etiquetas HTML *********************************************************/

html{
	height: 100%;
}

body{
	height: 100%;
	margin: 10px 0 0 0;
	font: 10pt "Trebuchet MS", Verdana, sans-serif;
}

a{
	text-decoration: none;
	color: #000000;
}

b{
	font-weight: bold;
}

/************************************************* General ********************************************************************/

#pagina{
	z-index: 0;
	width: 1020px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0px auto -88px;
	background: url(../imagenes/fondos/fondoPagina.png) repeat-y;
}

#cabecera{
	position: static;
	z-index: 1;
	width: 1020px;
	height: 145px;
	margin: 0 auto;
	background: url(../imagenes/fondos/fondoEncabezado.gif) no-repeat;
}

#contenido{
	z-index: 1;
	width: 1020px;
	margin: 0 auto 0;
	overflow: auto;
}

#nopie{
	z-index: 1;
	clear: both;
	height: 88px;
}

#pie{
	z-index: 1;
	width: 1020px;
	height: 88px;
	margin: 0 auto;
	background: url(../imagenes/fondos/fondoPie.png) no-repeat;
}

/******************************************************* Cabecera ***************************************************************/

#cabecera #logo{
	float: left;
	margin: -10px 0 0 -15px;
}

#cabecera #solapas{
	float: left;
	margin: 9px 0 0 280px;
	text-align: center;
	color: #ffffff;
}

#cabecera #solapas a{
	color: #ffffff;
	font-weight: bold;
}

#cabecera #solapas li{
	float: left;
	width: 104px;
	height: 27px;
	margin: 0 5px 0 0;
	padding: 20px 0 0 0;
	font-size: 1.2em;
}

#cabecera #solapas .briviesca{
	background: url(../imagenes/fondos/fondoSolapas3.png);
}

#cabecera #solapas .briviesca:hover, #cabecera #solapas .briviescaActual{
	background: url(../imagenes/fondos/fondoSolapasHover3.png);
}

#cabecera #solapas .informacion{
	background: url(../imagenes/fondos/fondoSolapas2.png);
}

#cabecera #solapas .informacion:hover, #cabecera #solapas .informacionActual{
	background: url(../imagenes/fondos/fondoSolapasHover2.png);
}

#cabecera #solapas .y{
	background: url(../imagenes/fondos/fondoSolapas1.png);
}

#cabecera #solapas .y:hover, #cabecera #solapas .yActual{
	background: url(../imagenes/fondos/fondoSolapasHover1.png);
}

#cabecera #solapas .turismo{
	background: url(../imagenes/fondos/fondoSolapas4.png);
}

#cabecera #solapas .turismo:hover, #cabecera #solapas .turismoActual{
	background: url(../imagenes/fondos/fondoSolapasHover4.png);
}

#cabecera #logoTurismo{
	float: right;
	margin: 70px 20px 0 0;
}

#cabecera .fecha{
	float: right;
	margin: 60px 50px 0 0;
	font-weight: bold;
	color: #0f0067;
}

#cabecera #hojas{
	z-index: 2;
	margin: 2px 0 0 200px;
}

/************************************************************* Contenido *******************************************************/

#menu{
	float: left;
	z-index: 3;
	width: 1020px;
	height: 30px;
	font-size: 1.2em;
}

#menu a{
	color: #ffffff;
	display: block;
}

#menu li{
	float: left;
	height: 25px;
	padding: 5px 0 0 0;
	border-right: #ffffff 1px solid;
	text-align: center;
	color: #ffffff;
}

#menu .ultimo{
	border-right: none;
}

.menuBriviesca{
	background: #f8a61b;
	border-bottom: #c78617 5px solid;	
}

.menuBriviesca li{
	width: 339px;
}

.menuBriviesca .actual{
	background: #c78617;
	border-bottom: 5px solid #ffffff;
}

.menuInformacion{
	background: #e7df00;
	border-bottom: 5px solid #beb804;
}

.menuInformacion li{
	width: 203px;
}

.menuInformacion .actual{
	background: #beb804;
	border-bottom: 5px solid #ffffff;
}

.menuY{
	background: #00a6ef;
	border-bottom: 5px solid #007bb1;
}

.menuY li{
	width: 100%;
}

.menuY .actual{
	background: #007bb1;
	border-bottom: 5px solid #ffffff;
}

.menuTurismo{
	background: #007e8c;
	border-bottom: 5px solid #005a64;
}

.menuTurismo li{
	width: 203px;
}

.menuTurismo .actual{
	background: #005a64;
	border-bottom: 5px solid #ffffff;
}

/**** Columna izquierda del contenido ****/
#colIzq{
	float: left;
	width: 205px;
}

#colIzq #submenu{
	color: #ffffff;
}

#submenu h2{
	padding: 15px 0 15px 10px;
	border-top: 1px solid #ffffff;
}

#submenu ul{
	padding: 0px 0 20px 20px;
	font-size: 0.9em;
}

#submenu li{
	padding: 0 0 5px 0;
	text-transform: capitalize;
}

#submenu a{
	display: block;
}

.submenuBriviesca{
	background-color: #c78617;
}

.submenuBriviesca a{
	color: #ffffff;
}

.submenuBriviesca .actual{
	background: #000000;
	color: #FFFF66;
}

.submenuBriviesca ul a{
	color: #FFFF66;
}

.submenuBriviesca ul a:hover{
	color: #006633;
}

.submenuBriviesca li.actual{
	color: #FF0000;
}

.submenuY{
	background: #007bb1;
}

.submenuY a{
	color: #ffffff;
}

.submenuY .actual, .submenuY a:hover{
	color: #ffff66;
}

.submenuTurismo{
	background-color: #005a64;
}

.submenuTurismo h2{
	cursor: pointer;
}

.submenuTurismo h2:hover{
	color: #FF9933;
}

.submenuTurismo a{
	color: #ffffff;
}

.submenuTurismo a:hover{
	color: #ffff66;
}

.submenuTurismo .actual{
	color: #ffff66;
}

/***** Columna derecha del contenido ****/
#colDch{
	float: right;
	width: 815px;
	overflow: hidden;
}

.titular{
	width: 815px;
	margin: 50px 0 50px 0;
	font-weight: bold;
	font-size: 1.7em;
	text-align: center;
}

#foto{
	float: left;
	margin: 0 0 20px 0;
	max-width: 815px;
}

#colDch > p{
	margin: 10px 40px 0 40px;
}

.subfoto{
	float: right;
	margin: 0 20px 10px 20px;
}

#flvplayer{
	float: right;
	margin: 10px 20px 20px 20px;
}

.resumen{
	float: left;
	width: 185px;
	padding: 10px 0 10px 15px;
	border-top: #005a64 1px solid;
	border-bottom: #005a64 1px solid;
	font-size: 1.2em;
	font-weight: bold;
	color: #005a64;
}

#colDch .resumen{
	margin: 15px 15px 5px 40px;
}

#colIzq .resumen{
	margin: 20px 0 0 5px;
}

/**** Autobuses ***/


/************************************************************** Pie **********************************************************/

#pie #logoTurismo{
	float: left;
	margin: 20px 0 0 20px;
}

#pie address{
	float: left;
	width: 525px;
	height: 38px;
	margin: 45px 0 0 31px;
	font-size: 0.8em;
	text-align: center;
}

#pie address p{
	margin:	7px 0 0 0;
}

#pie #logoChd{
	float: right;
	margin: 22px 20px 0 0;
}

#pie #logoJunta{
	float: right;
	margin: 20px 20px 0 0;
}

#pie #logoAyto{
	float: right;
	margin: 20px 20px 0 0;
}

/****************************************************************** Index ************************************************************/

#pasafotos{
	width: 1020px;
	height: 300px;
}

#titulares{
	float: left;
	width: 850px;
	height: auto;
	margin: 40px 0 20px 85px;
}

.titularIndex{
	float: left;
	width: 425px;
	height: 100px;
	margin: 0 0 10px 0;
}

.titularIndex img{
	float: left;
	margin: 10px 25px 0 0;
}

.titularIndex h1{
	float: left;
	width: 270px;
	color: #003333;
	margin: 5px 0 10px 0;
	text-align: center;
	font-size: 1.5em;
}

.titularIndex p{
	float: left;
	width: 270px;
	margin: 0 0 0 0;
	color: #006633;
	text-align: justify;
	line-height: 12pt;
	font-size: 0.9em;
}

/****************************************************************** Maps *************************************************************/

#map{
	z-index: 1;
	width: 780px;
	height: 450px;
	margin: 20px 0 20px 17px;
}

#ruta{
	margin: 0 17px 20px 17px;
}

#ruta a{
	font-weight: bold;
	color: #000000;
}

/*********************************************************** Comer y Dormir *****************************************************************/

.establecimiento{
	display: block;
	height: 300px;
	margin: 0 40px 20px 40px;
	border: #efefe7 thin solid;
}

.establecimiento a{
	color: #000000;
}

.establecimiento #imagen{
	float: left;
	width: 300px;
	text-align: center;
	margin: 0 90px 0 10px;
}

.establecimiento h3{
	margin: 20px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
}

.establecimiento p{
	display: block;
	margin: 0 0 0 420px;
	line-height: 15pt;
}

/*************************************************************** Tiempo ****************************************************************/

#tiempo{
	width: 770px;
	height: 325px;
	margin: 20px 0 20px 4px;
	overflow: hidden;
}

#tiempo iframe{
	width: 770px;
	height: 475px;
	margin: -105px 0 0 -170px;
	overflow: hidden;	
}

/*************************************************************** Virtual ****************************************************************/

#mapaVirtual{
	float: left;
	margin: 40px 0 0 40px;
}

#monumentos{
	float: left;
	width: 190px;
	margin: 40px 0 0 20px;
	font-size: 0.9em;
}

#monumentos a{
	color: #000000;
}

#monumentos a:hover{
	font-weight: bold;
}

#monumentos ul{
	margin: 0 0 30px 0;
}

#monumentos li{
	margin: 0 0 5px 0;
}


/************************************************************** Callejero ***************************************************************/

#callejero{
	width: 920px;
	height: 600px;
	margin: 30px 0 30px 50px;
}

/************************************************************** Folletos ****************************************************************/

#MooFlow{
	margin: 50px 0 30px 50px;
	width: 920px;
}

/************************************************************** Espanol *******************************************************************/

.expresiones{
	margin: 20px 0 20px 150px;
}

/************************************************************** Alcaldes ********************************************************************/

.alcaldes{
	font-size: 9pt;
	margin: 20px 0 10px 100px;
	list-style-position: inside;
	list-style: decimal-leading-zero;
}

.alcaldes li{
	margin: 0 0 5px 0;
}

/*********************************************************** Poblacion ********************************************************************/

.poblacion{
	margin: 40px 0 20px 100px;
}

table{
	font-size: 10pt;
	margin: 0 0 0 275px;
	width: 300px;
	text-align: center;
}

/************************************************************ Direcciones *******************************************************************/

#colUno{
	float: left;
	margin: 40px 0 20px 220px;
}

#colDos{
	float: left;
	margin: 40px 0 20px 120px;
}

.tituloDireccion{
	margin: 0 0 15px 0;
	font-size: 1.3em;
	font-weight: bold;
}

.direccion{
	margin: 0 0 60px 30px;
}

.direccion p{
	margin: 0 0 5px 0;
}

.direccion a{
	color: #000000;
}

/************************************************************ Rutas autobuses y trenes ************************************************************/

.tituloRuta{
	margin: 40px 0 15px 30px;
	font-size: 1.1em;
	font-weight: bold;
}

.tituloRuta a{
	color: #000000;
	font-weight: bold;
}

.tituloRuta a:hover{
	color: #06F;
}

.periodoRuta{
	font-size: 0.9em;
	text-transform: uppercase;
}

p.horarioRuta{
	padding: 0 0 0 10px;
	font-size: 0.9em;
}

.horarioRuta i{
	font-size: 0.8em;
	font-style: italic;
	letter-spacing: 0.5px;
}

/*********************************************************** Calendario **********************************************************/

.calendarBox {
	float: left;
	margin: 20px 0 0 200px;
	padding: 5px;
	width: 596px;
	border: 1px solid #000;
}

.calendarFloat {
	float: left;
	width: 80px;
	height: 40px;
	margin: 1px 0px 0px 1px;
	padding: 1px;
	border: 1px solid #000;
	font-size: 1.6em;
}
	
.titleDay{
	float: left;
	width: 100%;
	margin: 10px -4px 20px 4px;
}

/*********************************************************** Fotografias **********************************************************/

.categoria{
	float: left;
	margin: 0 15px 20px 15px;
	width: 240px;
	height: 100px;
	background: #CCC;
}

.categoria img{
	float: left;
	margin: 5px 10px 5px 5px;
	vertical-align: middle;
}

.categoria h3{
	float: left;
	width: 125px;
	height: 90px;
	margin: 5px 0;
	padding-top: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}

#audioplayer{
	margin: 20px 0 0 175px;
}