@charset "utf-8";
/*----------------------------------------------------------------------------------------
	PONTEVEDRA CLUB DE FÚTBOL
	http://www.pontevedracf.com
   -------------------------------		

	Fondo Azul background: #0c2a4c
	
  --------------------------------------------------------------------------------------*/

html{ font-size:100%; font-family: Tahoma,Arial,Helvetica,sans-serif; height:100%;}
body{ font-size: .75em;/*12px*/ background: #0c2a4c; text-align:center; height:100%;}

/*--------------------------------------------------------------------------------------
									DISEÑO PÁGINA
  --------------------------------------------------------------------------------------*/
.centrado{ width:100%; min-height: 100%; height: auto !important; height:100%; background: url(../img/background.jpg) no-repeat top center; margin: 0 auto; text-align: left; }
#pagina{ width:100%; min-height: 100%; height: auto !important; height:100%; background:url(../img/bgContainer.png) repeat-y top center; margin: 0 auto; text-align:center; z-index:1;}
#foot{ width:100%; height:60px; background:url(../img/bgFoot.png) no-repeat top center;}
#envoltura {width: 875px; min-height: 110%; height: auto !important; height:110%; border-left: 1px solid #0c2a4c; border-right: 1px solid #0c2a4c; margin: 0 auto;}

/*--------------------------------------------------------------------------------------
							    ELEMENTOS PRINCIPALES
  --------------------------------------------------------------------------------------*/

/* ----------------------------------- CABECERA ------------------------------------------------*/
#cabeceraES{ clear:both; width:100%; height: 130px; background: url(../img/headerES.jpg) top center no-repeat; margin:0 auto;}
#cabeceraGA{ clear:both; width:100%; height: 130px; background: url(../img/headerGA.jpg) top center no-repeat; margin:0 auto;}
	#menu_sup {float: right; width: 500px; height: 28px; margin: 0.3em 1.8em 0 0; text-align:right;}
	#menu_azul {float:right; width:550px; height: 28px; margin-top: 2.7em; margin-right: 16em; text-align:right;}
	#menu_rojo {float:left; width:875px; height: 28px; margin: .1em 0 auto}
		.menu {position:relative; margin-left: 10.1em; padding:0; list-style-type:none; text-align:left;}
		.menu ul {padding:0; margin:0; list-style-type:none;}
		.menu li {float:left; position:relative;}
		.menu a{ text-decoration: none; color:#FFFFFF; padding:15px;}
		.menu li ul { position:absolute;  height:5px; overflow:hidden; width: 100%; visibility: hidden;}
		.menu table { margin:-1px; border-collapse:collapse; }
		.menu li a:hover { text-decoration: none; color: #ffce00;}
		.menu li:hover ul, .menu li a:hover ul { visibility:visible; height:auto; width:auto; background: url(../img/bgSubmenus.png); border:1px solid #991305; top:1em; left: 0; overflow:visible;}
		.menu li:hover ul li a, .menu li a:hover ul li a { display:block; background:transparent; text-decoration:none; height:auto;padding:.7em; width:15em; border-bottom: 1px dashed #FFFFFF;}


/* ----------------------------------- CONTAINER ------------------------------------------------*/
#container { clear:both; width:100%; min-height: 750px; height: auto !important; height:750px; margin: 0 auto; text-align:center;}
	#portada {float:left; width:100%; height:410px; background:url(../img/fotoIndex.jpg) top center no-repeat; text-align:left;}
		#noticia_izquierda{float:left; margin:10px 0 0 10px; width:500px;}
			#noticia_izquierda_titulo{ background:url(../img/bgEnPortada.png); width:456px; margin: 5px 0 0 2px; padding:10px;}
		#noticias_derecha{float:right; width:315px; height:375px; margin: 10px 8px 0 0; background:url(../img/bgEnPortada.png);}
			.imagen_noticia_derecha {float:left; width:130px; height:90px; margin:5px 0 0 5px;}
			.titulo_noticia_derecha_index{float:left; width:160px; height:80px; margin:15px 0 0 15px; color:#FFFFFF; font-size:1.1em; font-weight:bold;}
		#ver_todas_noticias{float:right; width:150px; height:35px; margin-top:9px; background: url(../img/ver_todas_noticias.png) top center no-repeat;}
			#texto_ver_todas_noticias{margin:10px 0 0 16px; height:30px;}
		#boton_rss_noticias{float:right; margin:10px 10px 0 5px;}
				
	#colum_der{float:right; width: 300px; border-left: solid 1px #999999; margin-top:5px;}	
	#colum_izquierda{float:left; width:570px;}
	#fondo_colum_der{ float: left; width:290px; margin-left: 5px; background: #ebebeb; padding-bottom:10px;}	
	/*--------------------------------------------------------------------------------------
							    PESTAÑAS
  	--------------------------------------------------------------------------------------*/
  	#pestanas{margin: 10px 0 0 10px;}
		ul.tabs {margin: 0 auto; padding: 0; float: left; list-style: none; height: 32px; /*--Define el ancho de las tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 270px;}   
		ul.tabs li {float: left; margin: 0 auto; padding: 0; height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/ line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/ overflow: hidden; position: relative; background: #e0e0e0;}  
		ul.tabs li a { text-decoration: none; color: #000; display: block; /*font-size: 1.2em;*/ padding: 0 20px; border: 1px solid #fff; outline: none;}  
		ul.tabs li a:hover { background: #ccc;}  
		html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicará n estas propiedades hover--*/  
		background: #fff; font-weight:bold; border-bottom: 1px solid #fff; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/}			
		.tab_container {	border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 270px; background: #fff url(../img/bg_pestanas.jpg) bottom right no-repeat;}
		.tab_content { padding: 15px; /*font-size: 1.2em;*/}
		
		
	#clasificacion{float:left; border: 1px solid #999; background:#FFFFFF; width:270px; margin:10px 0 0 10px;}		
		.clasif_pos{float:left; width:25px; height:18px; line-height:18px; margin:0 auto; text-align:center; vertical-align:middle;}
		.clasif_equipo{float:left; width:220px; height:18px; line-height:18px; margin:0 auto; text-align:center; vertical-align:middle;}
		.clasif_pts{float:left; width:25px; height:18px; line-height:18px; margin:0 auto; text-align:center; vertical-align:middle;}
		#ampliar_clasif{float:right; height:18px; margin:2px 5px auto; text-align:right; vertical-align:middle;}
	#banner_tienda{float:left; width:270px; background:#FFFFFF; border: 1px solid #999999; margin:10px 0 0 10px;}
	#banner_fundacion{float:left; width:270px; background:#FFFFFF; border: 1px solid #999999; margin:10px 0 10px 10px;}
	
	.titulo_breves{float:left; background:url(../img/bg_titulo_breves.jpg) top center no-repeat; width: 554px; height:25px; margin:5px 0 0 10px;}
	.texto_titulo_breves{float:left; margin: 6px 0 0 10px; color:#FFFFFF; text-align:left; font-weight:bold;}
	.breves{float:left; border: #999999 1px solid; width: 552px; margin: 1px 0 0 10px; text-align:left;}
		.breve_titulo{float:left; margin: 0 2em 0 2em; text-align:left; height:auto;}
		.breve_texto{float:left; margin-left: 5em;}


/*--------------------------------------------------------------------------------------
							    BANNERS
  --------------------------------------------------------------------------------------*/	
	.banner{float:left; margin:10px 0 0 10px; width:272px;}
		.titulo_banner{float:left; background:url(../img/bg_titulo_banners_rojo.png) top center no-repeat; width: 272px; height:25px;}
		.texto_titulo_banner{float:left; margin: 6px 0 0 10px; color:#FFFFFF; text-align:left; font-weight:bold;}
		.contenido_banner{float:left; width:270px; height:165px; margin-top:1px; border: #999999 1px solid; background:#FFFFFF;}
	
	.banner_redes{float:left; width:270px; height:90px; margin:10px 0 0 10px; border-top: #999999 1px dotted; border-bottom: #999999 1px dotted; background: url(../img/bg_banner_redes.gif) center repeat-y;}

	.bannerSocios{float:left; margin:10px 0 0 10px; width:554px; height:54px;}
	#contadorSocios{float:left; width:80px; font-size:2.5em; margin:10px 0 0 150px; color:#fff; text-decoration: none; text-align:center;}

/* ----------------------------------- PIÉ ------------------------------------------------*/
#pie{ clear: both; width: 100%;}
	#separadorPie{ clear:both; width:100%; height: 30px; background:url(../img/separadorPie.gif) no-repeat center top;}
	#patrocinadores{ clear: both; width: 865px; height: 150px; margin: 0 auto; border-bottom: #999999 solid 1px;}
		#texto_patrocinadores{width:100%; text-align:left;}
		#fotosPatrocinadores{ margin-top: 10px;}
	#fondoPie{ clear:both; width:865px; height: 50px; margin: 0 auto; border-top:#FFFFFF solid 5px; border-bottom:#FFFFFF solid 5px; background: #ebebeb;}
		#textoPie { float:left; width:790px; margin-top: 20px; text-align:center; color:#0c2a4c;}
		#rss { float:right; width:50px; margin-top:12px; text-align:center;}
	

/*--------------------------------------------------------------------------------------
							    RESTO DE PAGINAS
  --------------------------------------------------------------------------------------*/
#foto_pagina{float:left; width:100%; text-align:left; height:120px; background: url(../img/fotoPaginaSinMenu.jpg) top center no-repeat;}
#foto_pagina_menu{float:left; width:100%; text-align:left; height:94px; background: url(../img/fotoPaginaConMenu.jpg) top center no-repeat;}
#bg_submenu{float:left; width:100%; height:35px; background:url(../img/submenu.jpg) top center no-repeat;}
	#texto_submenu{float:left; width:100%; height: 28px; margin-top: 6px; margin-left: 10px; text-align:left;}
#container_info{float:left; width:855px; text-align:justify; margin:5px 10px 0 10px;}	
	#titulo{float:left; width:350px; text-align:left; margin-left:10px; margin-top:5px;}
	#opciones {float:right; width:175px; text-align:right; margin-right:10px; margin-top:5px;}
	#opc_atras{float:right; margin-top:5px;}
	#opc_iconos{float:right;}
	#barra_larga{float:left; width: 835px; border-top:#999999 1px dotted; margin: 5px 0 0 10px;}
	#barra_corta{float:left; width: 535px; border-top:#999999 1px dotted; margin: 5px 0 0 10px;}
	
/*para las páginas con banners a la derecha*/
	#info_izquierda{float:left; width:552px; margin:5px 0 0 10px; text-align:left;}
	#info_derecha{float:right; width:300px; margin:0 auto; border-left: solid 1px #999999;}
	#fondo_info_derecha{ float: left; width:290px; margin-left: 5px; background: #ebebeb; padding-bottom:10px;}
	
#texto_info_grande{float:left; width:800px; text-align:justify; margin:30px 30px 0 30px ;}	
#cuadro_mapa_web{float:left; width:180px; text-align:left; margin-left:17px;}
	#titulo_cuadro{float:left; width:160px; text-align:left; border-bottom:1px solid #999999; padding:5px;}
	#recuadro_mapa_web{float:left; width:160px; padding:5px; background:#ebebeb; margin-top:1px;}


#texto_izquierda{float:left; margin:10px 0 0 40px; text-align:left;}/*Datos generales, consejo, presidentes*/	
#texto_justificado{float:left; margin:10px 0 0 40px; text-align:justify;}
	#fotoNino{float:left; margin:10px 0 0 0;}
#texto_pasaron{float:left; margin:10px 0 0 10px; text-align: justify;}	
#fotoPasaron{float:left; margin: 0 10px 10px 0;}
#texto_patrocina{float:left; margin:10px 0 0 10px; text-align: justify;}	
#historia_menu{float:left; width:200px; text-align:left; margin: 10px 0 0 60px;}
#texto_historia{float:left; margin:10px 0 0 10px; text-align:justify; width:538px;}/*historia*/	
#atencion_publico_taquilla{float:left; width:440px; margin-top:40px; text-align:left; border:solid 1px #999999; padding:15px;}
#emails_contacto{float:left; width:440px; margin-top:20px; margin-left: 50px; text-align:left;}
#texto_contacto{float:left; margin:10px 0 0 40px; text-align:justify; width:470px;}
#fondo_contacto{float:left; margin:10px 0 0 8px; background:url(../img/foto_contacto.jpg) center no-repeat; width:265px; height:515px;}
#datos_contacto{float:left; margin:20px 0 0 40px; text-align:left;}
#form_contacto{float:left; margin:20px 0 0 30px; background:#ebebeb; padding:10px;}
#error_form{float:left; margin: 20px 0 0 70px;}
#texto_clasificacion{float:left; width:100%; margin:10px 0 0 0;}
#div_clasificacion{height:30px; line-height:30px; text-align:center;} /*centra verticalmente*/
#datos_parte_medico{float:left; width:400px; margin:20px 0 0 30px;}
#div_parteMedico{height:30px; line-height:30px;} /*centra verticalmente*/
#datos_calendario{float:left; width:550px; margin:10px 0 0 0;}
#div_calendario{height:30px; line-height:30px;} /*centra verticalmente*/
#datos_ultResultados{float:left; width:550px; margin:10px 0 0 0;}
#div_ultResultados{height:30px; line-height: 30px; text-align:center;} /*centra verticalmente*/
#texto_prox_partido{float:left; width:500px; margin:10px 0 0 25px;}
#datos_prox_rival{float:left; width:500px; margin:20px 0 0 25px;}
#div_proxPartido{height:30px; line-height:30px; text-align:center;} /*centra verticalmente*/
#texto_noticias{float:left; width:535px; margin:20px 0 0 10px; text-align:justify;}
	#icon_compartir{float:left; width:535px; text-align:left; border-top:#999999 1px dotted; border-bottom:#999999 1px dotted; padding:3px;}
	#num_noticias{float:left; width:250px; height:30px; text-align:left;}
	#paginas_noticias{float:right; width:250px; height:30px; text-align:right;}
	#listado_noticias{float:left; width:535px; margin:10px 0 0 0; text-align:left;}
	#div_noticias{height:30px; line-height:30px; text-align:left;} /*centra verticalmente*/
	#contenido_fotos_noticias{float:left; width:270px; margin-top:1px; border: #999999 1px solid; background:#FFFFFF; text-align:left;}
	#div_buscador_noticias{float:left; width:268px; height:25px; line-height:25px; margin:1px 1px 0 1px; background:url(../img/bg_buscador.jpg) repeat-x; text-align:left;}
	#div_cajas_noticias{float:left; width:268px; height: 26px; margin:1px 0 0 1px; background:#999999; text-align:left;}
	#contenido_buscador{float:left; width:270px; height:184px; margin:1px 0 auto; border: #999999 1px solid; background:#FFFFFF; text-align:left;}

#foto_plantilla{float:left; width:520px; margin:15px 0 0 15px; text-align:justify;}
#listado_jugadores{float:left; width:520px; margin:15px 0 0 15px; text-align:left;}
	#titulo_jugadores{float:left; width:100%; padding:5px; border:#999999 1px solid;}
#foto_jugador{float:left; margin:15px 0 0 20px; text-align:justify;}
	#ficha_nomDeportivo{float:left; width:150px; text-align:center; color:#760022; font-weight:bold; font-size:1.4em;}
	#posicion_jugador{float:left; margin-left:10px;}
	#datos_jugador{float:right; margin: 15px 20px 0 0; width:330px;}

#datos_cronica{float:left; width:530px; margin:10px 0 0 10px; text-align:justify;}	
#cronica_alineacion{float:left; width:272px; text-align:center; margin: 5px 0 0 5px; background:#FFFFFF;}	

#contenido_fototeca_subgalerias{float:left; width:260px; margin-top:1px; border: #999999 1px solid; background:#FFFFFF; text-align:left; padding:5px;}
	#listado_fotos{float:left; width:500px; margin:15px 0 0 25px; text-align:justify;}	

#enlaces_rss{float:left; width:515px; border-top:1px dotted #999999; border-bottom:1px dotted #999999; padding:10px;}

#listado_plantilla_cantera{float:left; width:400px; margin:20px 0 0 40px; text-align:justify;}
	#foto_listado_plantilla_cantera{float:left; margin-top:10px;}
	#datos_listado_plantilla_cantera{float:left; height:70; margin:15px 0 0 5px;}
	
	
/*--------------------------------------------------------------------------------------
							    CLASES LINKS
  --------------------------------------------------------------------------------------*/
a:active.menu_sup, a:visited.menu_sup, a:link.menu_sup{ color: #0c2a4c; text-decoration: none;}
a:hover.menu_sup{ color: #999999; text-decoration:underline;}
a:active.menu_azul, a:visited.menu_azul, a:link.menu_azul{ color: #FFFFFF; text-decoration: none;}
a:hover.menu_azul{ color: #ffce00;}

a:active.titulo_noticia_izquierda, a:visited.titulo_noticia_izquierda, a:link.titulo_noticia_izquierda{ color:#FFFFFF; font-size:1.2em; font-weight:bold; text-decoration: none;}
a:hover.titulo_noticia_izquierda{ color:#CCCCCC; font-size:1.2em; font-weight:bold; text-decoration:underline;}

a:active.titulo_noticia_derecha, a:visited.titulo_noticia_derecha, a:link.titulo_noticia_derecha{ color:#FFFFFF; font-size:1em; font-weight:bold; text-decoration: none;}
a:hover.titulo_noticia_derecha{ color:#CCCCCC; font-size:1em; font-weight:bold; text-decoration:underline;}

a:active.submenu, a:visited.submenu, a:link.submenu{ color:#CCCCCC; text-decoration: none;}
a:hover.submenu{ color:#ffce00;}

a:active.link-galeria, a:visited.link-galeria, a:link.link-galeria{ color:#000000; text-decoration: none; font-weight:bold;}
a:hover.link-galeria{ color:#999999; font-weight:bold; text-decoration:underline;}

a:active.listar-galerias, a:visited.listar-galerias, a:link.listar-galerias{ color:#FFFFFF; text-decoration: none; font-weight:bold;}
a:hover.listar-galerias{ color:#999999; font-weight:bold; text-decoration:underline;}

a:active.enlace-cantera, a:visited.enlace-cantera, a:link.enlace-cantera{ text-decoration: none;}
a:hover.enlace-cantera{ background:#ebebeb repeat-y center; text-decoration: none;}

.submenu_seleccionado{color:#999;}
/*--------------------------------------------------------------------------------------
							    CLASES 
  --------------------------------------------------------------------------------------*/
p{line-height:1.6em;}
.reset{clear:both;}
.borde_img_noticia{border: #cccccc 1px solid; padding:3px;}
.textoAzul{color:#0c2a4c;}
.textoRojo{color:#760022;}
.textoGris{color:#999999;}
.textoGrisClaro{color:#CCCCCC;}
.textoAzulNegrita{color:#0c2a4c; font-weight:bold;}
.textoRojoNegrita{color:#760022; font-weight:bold;}
.textoBlancoNegrita{color:#FFFFFF; font-weight:bold;}
.textoBlanco{color:#FFFFFF;}
.textoNegrita{font-weight:bold;}
.textoNormalNegro{text-decoration:none;color:#000000;}
.enlace_jugador{text-decoration:none;}
.titulo_noticia_izquierda{color:#FFFFFF; font-size:1.2em; font-weight:bold;}
.fecha_noticia_izquierda{color:#FFFFFF; font-size:1.2em; font-weight:bold;}
.titulo_noticia_derecha{color:#FFFFFF; font-size:1.1em; font-weight:bold;}
.pestana_marcador{ color:#0c2a4c; font-weight:bold; font-size:2em;}
.titulo_leer_noticia{color:#760022; font-weight:bold; font-size:1.3em;}
.subtitulo_leer_noticia{color:#0c2a4c; font-weight:bold; font-size:1.1em;}
/*--------------------------------------------------------------------------------------
							    ELEMENTOS FORMULARIO
  --------------------------------------------------------------------------------------*/
label.noticias{ float:left; color: #4c7f99; text-align:left;
	width:120px; /*cambiar para  mover la posición horizontal de los textbox */
	margin-left: 2em; /*cambiar para mover la posición horizontal del formulario */
}

.centrar_boton{ width: 100%; clear: both; text-align: center; margin-right: 2em;}
.boton{background:url(../img/bt_enviar.png) no-repeat;}
.cajas_texto{font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:12px; color: #000000; border:1px solid #c5cbd0; background:#fff;padding:4px;}