/*LOS NAVEGADORES MODERNOS*/

@font-face{
font-family:'Reenie Beanie';
src: url('../fonts/ReenieBeanie.ttf') format('truetype');
}

@font-face{
font-family:'Tangerine';
src: url('../fonts/Tangerine_Bold.ttf') format('truetype');
}

/*Código general para toda la p�gina*/
section, header, nav, footer {
display: block;
}

/* ------------------------------------
 ELEMENTOS DE FORMATO GENERALES DE LA PÁGINA
--------------------------------------*/

body {
    background-color: #EEEEEE;
    background-image: url("../img/fondo/fondo_byci.gif");
    background-repeat: repeat;
    color: #666666;
    font-family: Verdana,Arial;
    font-size: 1em;
    text-align: left;	
    line-height: 1.5em;
    margin: auto;
    /*min-width: 60.25em;	*/
	max-width: 70em;
}

/*Quitamos el margin y el padding que pueden estar a�adiendo algunos navegadores por su cuenta*/
* {
	margin:0;
	padding:0;
}

/*RSAIZF: En el título muestra el H1 con el logo del grupo y el título */
h2{
	background-color: inherit;
	color: #000000;
	font-family: 'Tangerine', serif;
	font-size: 2em;
	font-style: normal;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-shadow: 2px 2px 2px #AAAAAA;
	word-spacing: 0.14em;
}

h3{
	color: #000000;
	font-family: 'Tangerine', serif;
	font-size: 1.5em;
	font-style: normal;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-shadow: 2px 2px 2px #AAAAAA;
	word-spacing: 0.14em;
	margin-top: 0.5em;	
}

.lista_vineta {
    list-style: none outside url("../img/estilo/vineta_estrella.png");
	margin-left: 2em;
}

.lista_vineta p{
	padding-bottom: 0.5em !important;
}

.enlace_descarga {
    line-height: 1em !important;
    padding: 0 !important;
}

.enlace_descarga a {
    color: #3C3C3C;
    font-weight: normal;
    text-decoration: none;
}

/********ASPECTOS GENERALES***********/

/*General informaci�n de la portada*/
.cursiva{
	font-style: italic;
}

.negrita{
	font-weight: bold;
}

.derecha {
    float: right;
    padding-left: 1em;
}

.izquierda {
    float: left;
    padding-right: 1em;
}

.clear  {clear: both;}

.invisible {display:none;}

.contenedor_degradado {
		margin-top: 1.0em;
    background: linear-gradient(#FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 10px 1px #A9A9A9;
    position: relative;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
   /* clear: both;*/
}

td {
	border: 1px solid Silver;
	padding: 0.2em 1.5em 0.2em 1.5em;;
}

/* CONTROL DE LAS COMILLAS */
q:before { content: open-quote; }
q:after { content: close-quote; }
q:lang(es)
{
quotes: "\00AB" "\00BB" "\201C" "\201D"
"\2018" "\2019";
}

img{
	border:0 none;
}

ol li{
	margin-left: 1.0em;
	line-height:1.2em;
	margin-right:1em;
	text-align: justify;
	font-size: 0.9em;
}

ol li a{
	font-size: 1.1em;
	line-height:1.2em;
}

/*--------------------------------------
CABECERA DE LA PÁGINA
-----------------------------------------*/

/* RSAIZF: Cabecera: contiene al titulocabecera, y al menú de navegación superior
	- Con el background se establece el fondo de la barra de navegación
	- Se establece un margen vertical de -1.5em porque no se requiere tanto espacio para el título
*/

/*RSAIZF: En el título muestra el H1 con el logo del grupo y el título */
#imglogo {
	position: absolute;
    top: 25px;	
}

#imgcab {
    height: 179px;
}

#titulocabecera #imgcab img{
	width: 100%;
	height: 100%;
}

#titulocabecera #imglogo img{
	position: relative;
	left: 1.813em;
	width: 3.25em;
	height: 4.31em;
}

/***************************************
		Menu 
***************************************/
#menu{
	width:100%;
	height:30px;
	background-image: url(../img/menus/fondo_barra_menu.jpg);
	background-repeat:  repeat-x;
	background-color: #D1D4DA;
}


#pestañas{
	width:100%;
	height:30px;
}


#linea_submenu{
	width:100%;
	height:1.25em;
	background:#798FD4;
}
*html #linea_submenu{
	margin-top:-13px;
}

/***************************************
		Menu - Pestañas
***************************************/

/* RSAIZF: Para que todos los botones de la barra de navegación se vean en línea, se utiliza display: inline; */
#pestañas li{
	display: inline;
}

.pestañas_privado{
	width:100% !important;
}
#pestañas a, #pestañas a span {
	background-repeat:no-repeat;
	float:left;
	display:block;
	font-family:Arial, Verdana;
	font-size:1em;
	font-weight:bold;
}
#pestañas p {
	padding-top:0;
	padding-top:0px;
}

#pestañas a.btn_menu, 
#pestañas a.btn_menu_final, 
#pestañas a.btn_menu_azul, 
#pestañas a.btn_menu_final_azul {
	background:url(../img/menus/menu_izq.jpg);
	background-position:left top;
	height:30px;
	text-decoration:none;
	padding-left:2em;
	cursor:pointer;
}
#pestañas a.btn_menu p, 
#pestañas a.btn_menu_final p {
	color:#666666;
}
#pestañas a.btn_menu_azul p, 
#pestañas a.btn_menu_final_azul p {
	color:#FFFFFF;
}
#pestañas a.btn_menu_azul, 
#pestañas a.btn_menu_final_azul {
	background:url(../img/menus/menu_izq_azul.jpg);
}
#pestañas a.btn_menu span, 
#pestañas a.btn_menu_azul span {
	background-image:url(../img/menus/menu_dcha.jpg);
	background-position:right top;
	height:30px;
	padding-right:1.5em;
}
#pestañas a.btn_menu_azul span {
	background-image:url(../img/menus/menu_dcha_azul.jpg);
}
#pestañas a.btn_menu_final span, 
#pestañas a.btn_menu_final_azul span {
	background-image:url(../img/menus/menu_dcha_final.jpg);
	background-position:right top;
	height:30px;
	padding-right:2em;
}
#pestañas a.btn_menu_final_azul span {
	background-image:url(../img/menus/menu_dcha_final_azul.jpg);
}
#pestañas a.btn_menu:hover, 
#pestañas a.btn_menu_final:hover, 
#pestañas a.btn_menu_azul:hover, 
#pestañas a.btn_menu_final_azul:hover {
	background-position:left -30px;
	color:#FFFFFF;
	cursor:pointer;
}
#pestañas a.btn_menu:hover span, 
#pestañas a.btn_menu_final:hover span, 
#pestañas a.btn_menu_azul:hover span, 
#pestañas a.btn_menu_final_azul:hover span {
	background-position:right -30px;
	color:#FFFFFF;
}
#pestañas p{
	margin:8px 0 0 0;
	font-size:0.8em;
}
*html #pestañas p{
	margin:0;
}


/*************************************** MIGAS ******************************/

#migas {
	color: #0B264C;
	background-color: #D1D4DA;
	font-size: 0.8em;
	border-left: 0.1em solid #9D9FA4;
	border-right: 0.1em solid #9D9FA4;
	border-bottom: 0.1em solid #9D9FA4;
	padding-left: 0.5em;	
	clear:both;
}

#migas ol{
	margin-left: 1em;
}

#migas li{
	display:inline;
	background: url(../img/gif/flecha.gif) no-repeat 0 4px;
	padding: 0 15px; 
	border: none; 
	color:#666;
	margin-left: -1em;
}

/*Para marcar la secci�n actual dentro de las migas.*/
#migas .actual{
	font-weight: bolder;
	background-image:none;	
}

#migas a{
	color: #0B264C;
	background-color: #D1D4DA;
	text-decoration: underline;
}

/*-----------------------------------------------------------------
					CONTENIDO DE LA PÁGINA
-------------------------------------------------------------------*/
#contenidoinicio {
	position: relative;
	color: #000000;
	background-color: #FFFFFF;
	height:auto !important;
	padding-top: 15px;	
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#informacion {
	clear:right;
	position:relative;
	height: auto;
}

#informacion p {
	margin-right: 2.0em;
	font-size: 0.9em;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
	text-align: justify;	
	line-height: 1.2em;
}

#informacion a:link{
	color: #001236;
	background-color: inherit;
}

#informacion a:visited{
	color: #333300;
	background-color: inherit;
}

#informacion a:hover{
	color: #640000;
	background-color: inherit;
}

/* DEFINICIÓN DE LAS COLUMNAS EN EL CONTENIDO */

#contenidoinicio-izquierda {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-right: 315px;	
}

/* CONTENIDOS DE INFORMACIÓN ESPECÍFICOS */

#catalogoRopa img {
	width:100%;
}

/* CONTENIDO IZQUIERDA */

#contenidoinicio-izquierda #noticiasGoogle,  #noticiasClub, #bienvenidos ,  #elgrupo, #galeriasPicasa, #fotosTemporada2012, #fotosHistoricas, #contacto {
	height:auto;
	border: 1px solid Silver;
	padding: 15px;	
	margin-bottom: 1em;
}

#contenidoinicio-izquierda #noticiasGoogle div {
	border: 0;
	padding: 0;
	/*display:inline-block;*/
}

.gns-sstitle, .gns-sstitle-link{
	font-size:1em;
}

/* Canvas ocupado por NewShow */

.gns-300x250 .gns-basecanvas {
	left:0px !important;
}

.gns-basecanvas{
	width:100% !important;
	height:14em !important;
	background-image:none !important;
}

/* Clase que define el tamaño del componente de noticias a mostrar */
.gns-300x250 {
	width:100% !important;
	height:14em !important;
}

/* Elementos que se desean ocultar
   gns-cluster=enlace de articulos relacionados
   gns-poweredby=enlace de google
*/
.gns-cluster, .gns-poweredby, .gns-sstitle {
	display:none !important;
}

/* Imagen de la noticia */
.gns-ss-frame {
    right: 1em !important;
    top: 8em !important;
}

/* Enlaces de la noticia */
.gns-clusterresults {
    left: 5% !important;
    top: 8em !important;
    width: 80% !important;
}

.gns-result {
    left: 5% !important;
	right: 5% !important;
    top: 2em !important;
    width: 95% !important;
}

/* CUADRO DE PRESENTACIÓN CON BIENVENIDOS */

#contenidoinicio-izquierda #bienvenidos {
	min-height: 18em;
	height: auto;
}

#fotoinaugural1982 {
	text-decoration: none;
	position: relative;
	float: left;
    padding: 15px;
	width: 23.563em;
	height: 16.25em;
}

#fotoinaugural1982 img {
	width:90%;
	height:90%;
	-webkit-transition: -webkit-transform .15s linear;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);	
}

/* NOTICIAS CLUB - PRÓXIMA ESPECIAL */
#perfilRutaEspcial  {
	text-decoration: none;
    padding: 15px;
	width: 95%;
}

#ProximaEspecial {
	margin-bottom: 1em;
}

/* CONTENIDO DERECHA
------------------------------------------------------- */

#contenidoinicio-derecha {
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 300px;
}

#contenidoinicio-derecha div, #contenidoinicio-derecha section{
	border: 1px solid Silver;
    margin-left: 0;	
	padding: 15px;
}

#contenidoinicio-derecha  #eltiempo, #documentos{
	margin-bottom: 1em;
}

#contenidoinicio-derecha #eltiempo {
    margin-left: 0;
    padding: 0;
}

#contenidoinicio-derecha #facebookInicio {
	border: 0;
    padding: 0;
	margin-bottom: 0.5em;
}

/* PAGINA DE MARCHAS */
#listado-marchas table {
	width: 100%;
}

.cabecera-marcha {
	margin-top: 1em;
	border-radius: 20px 20px 20px 20px;
	background-color: #C9DFFA;
	font-family: Verdana,Arial;
	font-size: 1.2em;
}

.cabecera-marcha-especial {
	margin-top: 1em;
	border-radius: 20px 20px 20px 20px;
	background-color: #FFFF33;
	font-family: Verdana,Arial;
	font-size: 1.2em;
}

.recorrido-marcha {
	margin-top: 1.0em;
    background: linear-gradient(#FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 10px 1px #A9A9A9;
    position: relative;
    font-family: Verdana,Arial;
    font-size: 1em;	
}

/* PAGINA DE FOTOS */
#fotosHistoricas table, #fotosHistoricas td {
	background-color: #FFFFCC;
	text-align: center;
	border: 2px solid Silver;
}

/* PAGINA DE CONTACTO */
#contacto td {
	border:0;
}


/* PIE DE PÁGINA */
/*Pie de P�gina*/
#pie {	
	position:relative;
}


/*Enlaces del pie de p�gina*/
#enlacespie a{
	padding: 0 1.0em 0 1.0em;
	color: #FFFFFF;
	border-right: 0.1em dotted #646464;	
	text-decoration: none;	
}

#enlacespie {
	background-color: #091F5D;
	font-size: 0.75em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	background-image:url("../img/estilo/bottom-left-2.png");
	background-position: left bottom;
	background-repeat:no-repeat;
}

#enlacespie ul {
	margin-left: 15px;
}

#enlacespie li {
	display: inline;
	text-transform: capitalize;
}

#pie .bottomBorde {
	background: url("../img/estilo/bottom-right-2.png");
	float:right;
	height:0.6em;
	width:0.6em;
	margin-top:-0.6em;
	
}