﻿/*div{
border: 1px solid orange;
}*/

/* ---------------- ESTILOS GENERALES -------------------- */
body {
	margin:0;
	padding: 0;
	background: #EEEEEE url(images/img_fnd_body.jpg) top center repeat-x;
	color:#666666;
}

#container {
	background: url(images/img_fnd.jpg) top center no-repeat;
}

body td, body p, body div{
	color:#666666;
	font-size:11px;
	
}

#container img{
	border:none;
}

#container hr{/*separador horizontal*/
	background: none;
	height: 1px;
	color:#D4D4D4;
}
/* ---------------- FIN ESTILOS GENERALES -------------------- */


/* ------- ENLACES -------*/
#container a, #container a:link, #container a:hover {
	background:transparent;
	text-decoration:none;
	cursor:pointer;
	color: #FF3300;
	font-weight: bold; 
}

#container a:link {
	color:#FF3300;
}


#container a:hover,#container a:active {
	color: #DF9A34;
	text-decoration:none;
	
}

#container #situacion a {
    color:#FF3300;
    font-size:11px;
	font-weight:normal;
}

#container a.linkGrey {
    color:#666666;
    font-size:10px;
}

 #container #galerias_x_tematicas_list a.linkGrey {
    color:#666666;
    font-size:10px;;
}

 #container #galerias_x_tematicas_list a.linkGrey:hover {
    color:#DF9A34;
    font-size:10px;
}

 #container #ultimas_galerias a.linkDarkGrey {
    color:#333333;
    font-size:10px;;
}

 #container #ultimas_galerias a.linkDarkGrey:hover {
    color:#DF9A34;
    font-size:10px;
}

/* ------- FIN ENLACES -------*/



/* ------------------- TIPOGRAFIAS ------------------------- */

#container p {
	margin: 0 0 1.5em;
	color:#666666;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
	margin: 0px 0 0px 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF3300;
	letter-spacing: 0em;
	font-size: 11px;
	visibility: visible;
}

#container h1 {
	font-size: 140%;
	margin-top:0;
}

 
#container h2 {
	font-size: 126%
}


#container h3 {
	font-size: 116%
}

#container h4 {
	font-size: 106%
}

#container h5 {
	font-size: 96%
}

#container h6 {
	font-size: 86%
}

#container h1#titular {
  font-size:17px;
  color: #FD9800; 
  padding:7px 0 0 10px;
 } 

#container #subtitular {
  font-size:11px;
  color: #454338; 
  padding:3px 0 0 0;
  font-weight:bold;
 } 


#container small {/*texto pequeno*/
	font-size:10px
}

#container b,#container strong{/*negrita*/
}

#container em,#container i{/*cursiva*/
}

#container u{ /*subrayado*/
}

#container strike{ /*tachado*/
}
/* ------------------- FIN TIPOGRAFIAS ------------------------- */



/* -------- LISTAS ------- */
#container ul {
	list-style-type: square;

}

#container li {
	line-height: 1.4em;
	padding-left: 3px;
}

#container li a{
	color:#FF6600;
}
/* lista ordenada */
#container ol {
	margin: .5em .5em 1.5em
}

#container ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none;
	list-style-type: decimal;
}
/* fin lista ordenada */

/* lista de definicion */
#container dl {
	margin: 0 0 1em 0;
}
#container dt {
	font-weight:bold;
	margin-top: 1.5em;
}
#container dd {
	margin:0 0 0 1.5em;
	padding:0;
}
/* fin lista de definicion */
/* -------- FIN LISTAS ------- */




/* ----------------- PAGINACION -------------------- */
/* paginacion1 */
#container .paginacion1 {
	background: #f2f2f2;
	color:#666666;
	padding: 8px;
	border: 1px solid #ddd;
	margin: 1.5em auto 1.5em auto;
	overflow: hidden;
	position: relative;
}

#container .paginacion1 * {
	margin:0
}

#container .paginacion1 p {
	position:relative;
	text-align:right;
}
#container .paginacion1 p a:link, #container .paginacion1 p a:visited, #container .paginacion1 p a:hover, #container .paginacion1 p a:active {
	text-decoration:none;
	background:#ffffff;
	padding:2px 5px;
	color:#333333
}
#container .paginacion1 p a:hover {
	background: #FF9900;color:#ffffff
}
#container .paginacion1 p span {
	text-decoration:none;
	background:#ffffff;
	padding:2px 5px;
	color:#cccccc;
}


#container .paginacion1 h4 {
	margin-top:-1.1em;
	padding:0;
	border:none;
	color:#333333
}
/* fin paginacion1 */

/* paginacion2 */
#container .paginacion2{
	position:relative;
	margin:1.2em 0;
}

#container .paginacion2 .anteriores{
	float:left;
	width:10%;
}

#container .paginacion2 .siguientes{
	float:right;
	width:10%;
}

#container .paginacion2 .lst_paginas{
	width:75%;
	text-align:center;
	margin:0 auto;
	padding:3px;
}

#container .paginacion2 .lst_paginas a{
	background:#ffffff;
	border:1px solid #ccc;
	padding:2px 5px;
}
#container .paginacion2 .lst_paginas a:hover{
	background:#cc0000;
	color:#FFFFFF;

}
/* fin paginacion2 */

/* --------------- FIN PAGINACION ------------------ */




/* ---------- TABLAS ------------*/
#container .tabla1{
	border:none;
	border-collapse:collapse; /*indica si se unen o no los bordes de las celdas de la tabla;(collapse o separate)*/
	width:95%; /*anchura de la tabla por css*/
	empty-cells:show;/*muestra u oculta celdas vacias (show 0 hide)*/
	margin-left: 1px;
}

#container .tabla1 thead th {
	color:#fff;
	font-size:110%;
	padding: 5px 5px;
	text-align:center;
}

#container .tabla1 td{
	padding:3px;
	border: 1px solid #cccccc;
	font-size:90%;
}

#container .tabla1 th {
	text-align:left;
	border: 1px solid #cccccc;
}


#container .tabla1 tbody th {
	color: #333333;
	border: 0;
	font-size:11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #A4C5CE;
	padding: 5px;
}

#container .tabla1 tbody th.sub {
	font-size:100%;
	color:#666666;
	background: #e0e0e0;
	padding: 6px;
}
/* ---------- FIN TABLAS ------------*/




/* -------------------- FORMULARIOS -------------------- */
#container .formu{
	margin: 0 auto 0 auto;
	width: 98%;
	padding: 0;
	position:relative;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#container .formu table {
	margin: 0 auto 0 auto;
	width: 100%;
	padding: 0;
	position:relative;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}



#container .formu input, #container .formu textarea {
	font-family: Tahoma, arial,tahoma,verdana,sans-serif;
	margin: 2px 0;
	border: 1px solid #CCCCCC;
}

#container .formu fieldset {
	width:auto;
   	border:1px solid #CCCCCC;
	padding:0 10px 10px 10px
}

#container .formu legend{
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	padding:3px 5px 3px 5px;
	border:none;
	background-color: #FFFFFF;
	margin:10px;
	color: #FF6600;
}
#container .formu label{
	position: relative;
	overflow: hidden;
	display:block;
	padding: 0;
	clear:left;
	float:left;
	width: 150px;
	text-align:right
}

/* hide from IE mac \*/
#container .formu label{
}
/* end hiding from IE5 mac */

#container .formu b {
	float:left;
	line-height: 1.7;
	display:block;
	position:relative;
	color: #666666;
}

#container .formu b .req {
	color: red;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:.1em;
	line-height:1;
	left:-.4em;
	width:.3em;
	height:.3em;
}


#container .formu input, #container .formu textarea, #container .formu select {
	/*width:15em;*/
	margin-left: 10px;
	margin-right:10px;
	color:#666666;
	
}

#container .formu input{
/*	width:15em;*/
}
		
#container .formu table select {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 180px;
}

#container .formu textarea{
	width: 300px;
	height:80px;
	overflow:auto; /*solo muestro scroll cuando sea necesario*/
}
		
#container .formu br {
	clear:left;
}

#container .formu input.submit {
    margin:0 0 0 0;
	padding: 2px;
	float:left;
	background-color: #FF3333;
	color:#FFF;
	font-weight:bold;
	font-size:12px;

}

#container .formu input.check{
	margin-left:5px;
	float: left;
	border:0
}


#container .formu input.formuModWhite{
	border:0
}


	

#container .formu div.btn_submit {
	padding: 0 0 0 5px;
}

		
/* -------------------- FIN FORMULARIOSS -------------------- */








/* -------------------- FORMULARIO   LOGIN -------------------- */
#container .formu_login{
	/*margin: 0 auto 0 auto;*/
	width: 152px;
	padding: 0;
	position:relative;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFFFFF;
	background:url(images/fondo_tabla3.jpg) no-repeat;
}
#container .formu_login table {
	margin: 0 auto 0 auto;
	width: 100%;
	padding: 0;
	position:relative;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


#container table h3{
	font-size: 13px;
	color: #FF3300;
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
}

#container table h3.v2 {
	font-size: 13px;
	color: #333333;
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
	width:300px
}

#container .formu_login input, #container .formu_login textarea {
	font-family: Tahoma, arial,tahoma,verdana,sans-serif;
	border: 1px solid #CCCCCC;
}

#container .formu_login fieldset {
	width:auto;
   	border:1px solid #CCCCCC;
	padding:0 0px 10px 0px
}

#container .formu_login legend{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	padding:3px 2px 3px 2px;
	border:none;
	background-color:#E9E9E9;
	margin:10px;
}
#container .formu_login label{
	position: relative;
	overflow: hidden;
	display:block;
	padding: 0;
	clear:left;
	float:left;
	width: 150px;
	text-align:right
}

/* hide from IE mac \*/
#container .formu_login label{
}
/* end hiding from IE5 mac */

#container .formu_login b {
	float:left;
	line-height: 1.7;
	display:block;
	position:relative;
	color: #666666;
}

#container .formu_login b .req {
	color: red;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:.1em;
	line-height:1;
	left:-.4em;
	width:.3em;
	height:.3em;
}


#container .formu_login input, #container .formu_login textarea, #container .formu_login select {
	/*width:15em;*/
	margin-left: 10px;
	margin-right:10px;
	color:#666666;
	
}

#container .formu_login input{
/*	width:15em;*/
}
		
#container .formu_login table select {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 180px;
}

#container .formu_login textarea{
	width: 300px;
	height:80px;
	overflow:auto; /*solo muestro scroll cuando sea necesario*/
}
		
#container .formu_login br {
	clear:left;
}

#container .formu_login input.submit {
    margin:0 0 0 0;
	padding: 2px;
	float:left;
	background-color: #FF3333;
	color:#FFF;
	font-weight:bold;
	font-size:12px;

}

#container .formu_login input.check{
	margin-left:5px;
	float: left;
	border:0
}

	
#container .formu_login div.btn_submit {
	padding: 0 0 0 5px;
}

		
/* -------------------- FIN FORMULARIOSS -------------------- */






/* -------------------------------------  ESTILOS lista horizontal destacados -------------------------------------------- */		

#container #lst_horizontal{
	position: relative;
	overflow: hidden;
	/*padding: 0 0px 0 15px;*/

}

#container #lst_horizontal h1{
	color: #322E2C;
	font-family:Trebuchet MS, Verdana;
	font-size:15px;
	text-align:left;
	margin-bottom:8px;
}

#container #lst_horizontal .item_destacado{
	margin: 0;
	width: 120px;
	float: left;
    padding: 0 20px 0 0;

}

#container #lst_horizontal .img_destacado{
	width: 120px;
	overflow:hidden;
}

#container #lst_horizontal .item_destacado img{
	margin: 0;
	padding: 0;
}

#container #lst_horizontal .item_destacado h1{
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 0 2px 0;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#322E2C;
	color:#FFFFFF;
	text-align:center;
}

#container #lst_horizontal .item_destacado h1 a{
	text-decoration: none;
    color: #416B85;
}

#container #lst_horizontal .item_destacado h1 a:hover{
	color: #FF3300;
	text-decoration: none;
}


#container #lst_horizontal .item_destacado p{
	margin: 0;
	padding: 0;	
	text-align:left;
}

/* -------------------------------------  FIN de lista horizontal -------------------------------------------- */




#news_home_level1 {
   background: #C8C8C8 url(images/fondo_news.jpg) top left no-repeat;
   table-layout:fixed;
}

#news_news_level1 {
   background: #C8C8C8 url(images/fondo_noticias_destacadas.jpg) top left no-repeat;
   table-layout:fixed;
}



/* ------------------------------------- ESTILOS NAVEGACION --------------------------------------- */
#container  #layer_nav{
	position:relative;
	width: 770px;
	top:0px; /* muevo 22px hacia arriba el menu de navegacion para que se quede sobre el header */
			   /* por defecto iria bajo el header */
	background: #FF3300 url(images/fondo_layer_nav.gif) top left repeat-x;
	height: 28px;
}
#container #layer_nav .botonsifr{
		position: relative;
		padding: 0;
		float: left;
		margin: 0 7px;
		font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
	.txtsifr{
		color: #cccccc;
		border-top-color: #FFFFFF; /* infiormacion para el sIFR, propiedad a: color*/
		border-bottom-color: #FF460D; /* infiormacion para el sIFR, propiedad a:hover color*/
	}
/* estilos para navegacion superior */
#container #layer_nav .nav{
    float:right; 
	position:relative;
	margin:0;
	padding: 0; /*desplazo mi menu de navegacion a la derecha */
	list-style:none;
	height: 28px; /*Defino la altura de la lista para conseguir q floten correctamente los divs*/
}

#container #layer_nav .nav li{
	display:inline;
	margin:0;
	padding: 0;
}

#container #layer_nav .nav a{

	float:left;
	margin:8px 5px 0; /*con esto consigo separar las pestanas*/
	padding:0 0 0 5px;
	font:bold 12px Tahoma, Verdana, Trebuchet MS, arial, Helvetica, sans-serif;
	color:#FFFFFF;/*color3*/
	text-decoration:none;
	/*height:28px;*/
	cursor:pointer;
}

#container #layer_nav .nav a:hover{
	color:#FFFFFF;
	background-color: #FF6600;
}

#container #layer_nav .nav a span{
	float:left;
	display:block;
	/*height:28px;*/
	padding: 0 10px 0 10px;
}


#container #layer_nav .nav a:hover span{
}
/* fin estilos para navegacion superior */



/* estilos navegacion general (resto de capas)*/
#container #left #layer_nav{
	margin:0 0 5px 0;
}

#container #left #layer_nav p{
	margin:0px 0 9px 0;
}


/* ----------------------------------- FIN ESTILOS NAVEGACION ------------------------------------- */





/* ------------------------------------- ESTILOS [HEADER] ------------------------------------- */
#container #header{
	width: 770px;
	position:relative;
	padding-top:17px;
	margin-left:-24px
	
}


#container #header h1{
	margin:10px 0 10px 10px;
	padding:0;
	font:bold 24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	border:none;
}

#container #header ,#container #header a{
	font-size:11px;
	color:#CCCCCC;
	font-weight:normal
}
#container #header a:hover{
color:#99CC00;
text-decoration:none
}
/* ------------------------------------- FIN ESTILOS [HEADER] ------------------------------------- */		



/* ------------------------------------- ESTILOS [LAYOUT] -------------------------------------------- */		


#container{
	width:780px;
	margin: 0 auto;
	font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	position:relative;
}

#container #left{
	float:left;
	position:relative;
	margin:0;
	width:160px;
	overflow:hidden;
}

#container #right{
	float:right;
	position:relative;
	margin:0;
	width:160px;
	overflow:hidden;  
}

#container #content, #container #contentSpecial{
	position:relative;
	float:left;
	margin: 0px 0 10px 0px;
	padding: 0;
	width:440px;
	overflow:hidden;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#group_content {
	float:left;
	position:relative;
	width:610px;
}

#content2 {
	min-height:200px;
	margin-bottom:15px;
}

#content2.special {
	overflow: auto;
	height:340px;
}

/*

	GALERIA MULTIMEDIA

*/


#gallery_home {
	width:590px;
	margin-bottom:15px;
	height:80px;
	background: url(images/fondo_galeria.jpg) top center repeat-x;
}

#gallery_home_va {
	width:590px;
	margin-bottom:15px;
	height:80px;
	background: url(images/fondo_galeria_va.jpg) top center repeat-x;
}

#gallery_home_en {
	width:590px;
	margin-bottom:15px;
	height:80px;
	background: url(images/fondo_galeria_en.jpg) top center repeat-x;
}

#gallery_new {
	width:575px;
	margin-bottom:15px;
	height:80px;
	background: url(images/fondo_galeria_new.jpg) top center repeat-x;
}

#gallery_club {
	width:590px;
	margin-bottom:15px;
	height:80px;
	background: url(images/fondo_galeria2.jpg) top center repeat-x;
}


#galery_box {
	width: 226px;
	height: 283px;
	background: url(images/fondo_galeria_destacada.gif) top center no-repeat;
}

#galery_box table{
	margin: 70px 0 0 0;
	background:none; /*No se pq ix un fondo gris ?¿????*/
}


#galerias_destacadas {
	/*border:1px solid red;*/
}

#galerias_destacadas_item {
	position:relative; 
	float:left; 
	width:270px; 
	height: 70px;
}

#galerias_destacadas_item img{
	margin-top: 4px;
}

#galerias_destacadas_item .nombre_socio{
	font-size: 12px;
}

#galerias_destacadas_item .nombre_socio .titulo{
	font-size: 13px;
	font-weight: bold;
	color: #ccc;/**/
}

#container  h3.v3 {
	font-size: 13px;
	color: #FF6600;
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #ffffff;
	width:228px
}

/*	FICHA DE LA GALERIA
*/

#titulo_ficha_galeria {
	width:590px; 
	height: 38px;
	background: url(images/titular_galeria_imagenes.gif) top left no-repeat;
	margin: 0;
	padding: 10px 0 0 0px;
}

#titulo_ficha_galeria td{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#ficha_galeria_description .img_descripcion {
	width:60px; 
	height:60px; 
	background-color:#fff; 
	text-align:center; 
	/*vertical-align: middle;*/
	border: 1px solid #ccc;
}
#ficha_galeria_description .img_descripcion img{
	/*border: 1px solid red;*/
	margin-top: 5px;
}
#ficha_galeria_description {
	border-bottom: 1px solid #ccc;
}
/*	Barra deslizante en la ficha de la galería
*/
#galeria_desliza_top { /* id del TD central de arriva	*/
	/*background: url(images/fondo_galeria_top.gif) bottom left repeat-x;*/
}
#galeria_desliza_bottom { /* id del TD central de abajo	*/
	/*background: url(images/fondo_galeria_bottom.gif) top left repeat-x;*/
}
#navega_galeria { /* id del TD central donde estan las imagenes	*/
	/*background-color: #DADEE5;*/
	background: url(images/fondo_galeria_delizante.gif) top left no-repeat;
	padding: 10px 0 0 15px;
}
#navega_galeria a img{
	padding:2px;
	border:1px solid #ccc;	
	background-color:#FFFFFF;
	margin-right:10px;
	width:50px;
	height:50px;
}

#navega_galeria a:hover img,#navega_galeria .active img{
	padding:2px;
	border:1px solid #999999;	
	background-color:#FFFFCC;
	margin-right:10px;
	width:50px;
	height:50px;
}

#galeria_image_detail table {
	background-color:#fff; 
	border: 2px solid #ccc;
	border-bottom: 5px solid #ccc;
}

#img_galeria{ /* Imagen grande de la ficha */
	/*border-bottom:7px solid #BEC6D1;*/
}

#txt_galeria{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	
}
#txt_galeria .titulo {
	font-size:12px;
	color:#333;
	font-weight:bold;
}
#txt_galeria .autor_fuente {
	font-size:10px;
	color:#333;
	font-weight:bold;
}
#txt_galeria .autor_fuente .autor, #txt_galeria .autor_fuente .fuente {
	font-size:10px;
	color:#999;
}

.txt_fecha_galeria{
	color:#666666;font-weight:normal;
}



/*	Fotos de los Socios
*/
#gallery_club_socios {
	border:1px solid #cccccc;
	width:150px;
	background:url(images/fondo_tabla2.jpg) no-repeat;
	padding:15px 0 15px 0;
}


/*	
	FIN GALERIA MULTIMEDIA
*/

#content2 #tienda {
	width:207px;
	float:left;
	position:relative;
	font-size:10px;
	font-family:tahoma;
}


#content2 #tienda a{
   font-weight:bold;
}

#content2 #guia {
	width:207px;
	float:left;
	position:relative;
	margin-left:20px;
	font-size:10px;
	font-family:tahoma;
}

#content2 #guia a{
   font-weight:bold;
}

#content2 #sport {
	width:140px;
	float:left;
	position:relative;
	margin-left:16px;
	font-size:10px;
	font-family:tahoma;
}


#container #admin #content {
	position:relative;
	margin: 0px auto;
	padding: 0;
	width:770px;
	overflow:hidden;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}


/* ------------------------------------- FIN ESTILOS [LAYOUT] ------------------------------------- */		




/* ------------------------------------- ESTILOS [FOOTER] ------------------------------------- */		
 #footer{
    background: #EEEEEE url(images/fondo_footer.jpg) top center repeat-x;
	clear: both;
	height:77px;
}

#container #footer img{

	padding-left:10px;

}

#container #footer a{
	font-weight: normal;
}

#container #footer .grey_bar{
	background: #F0F0F0;
	height:15px;
	overflow: hidden;
}

#container #footer .copy{
	margin:5px 0 0 0;
	font:9px Tahoma, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align: center;
}

#container #footer .logos{
	margin: 5px 0 0 0;
	font:9px Tahoma, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align: center;
}


/* ------------------------------------- FIN ESTILOS [FOOTER] ------------------------------------- */





/* ------------------------------------- ESTILOS EXTRA -------------------------------------------- */		
.cleaner { /*esta capa separa el pie de pagina del resto*/
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}
/* ----------------------------------- FIN ESTILOS EXTRA ------------------------------------------ */		


	
/* -------------------------------------  ESTILOS MBBAA -------------------------------------------- */		


#banner{
	padding: 0;
	margin: 0 0 10px 0;
	overflow: visible;
}

#banner_left_tienda{
background:url(images/banner_tienda.gif) no-repeat;
height:33px;
font-size:11px;
text-align:right;
padding-top:41px;
border-bottom:4px solid #675E42;
width:160px;
}





/*-------- ESTILOS MENU DERECHA ----------*/
#menu_left{
margin:0 0 5px 0;
}
#menu_left p{
margin:0px 0 9px 0;
}

#banner_left p {
margin:0px 0 19px 0;
}

#banner_left_tienda{
margin:0px 0 12px 0;
}

.banner_left_generalitat{
border-top:1px solid #CCCCCC
}


/************ ESTILOS BANNERS IZQUIERDA *******************/

.banners_left {
background: url(images/fondo_banners_left.jpg) repeat-y;
border:1px solid #999999;
text-align:center;
width:145px;
margin-top:12px;
}


/*-------- ESTILOS CONTENIDO CENTRO ----------*/

#content #migas{
border-bottom:1px solid #EFB3A4;
margin:0 0 10px 0;
color:#FFFFFF;
}

#content #migas a{
color:#FF3300;
/*padding:2px 0 2px 0;*/
text-transform:uppercase;
}

#content #migas a:hover{
text-decoration:none;
/*background:url(images/fondo_submenu_on.gif) no-repeat;*/
}

#content #submenu{
background-color:#E9E9E9;
padding:3px 5px;
margin-bottom:10px;
}


#content #contenido_seccion .galeria img{
border:1px solid #E2CDB7;
padding:5px;
margin-right:11px;
background-color:#FFFFFF
}
#content #contenido_seccion .galeria2 img{
border:1px solid #E2CDB7;
padding:3px;
margin-right:11px;
}

/*---------- ESTILOS TIPOGRAFIAS --------------*/

#container #admin #content .destacado {
color:red;
text-decoration:underline;
}

#container #content .destacado {
color:white;
text-transform:uppercase;
background:url(images/submenu_center.gif) left bottom repeat-x;
padding-top:5px;
}

#container #content .no_destacado {
color:white;
text-transform:uppercase;
background:url(images/submenu_center2.gif) left bottom repeat-x;
padding-top:5px;
}

#content .titular{
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}

#content .titular_new {
padding:0 0 0 10px;
background:url(images/fondo_tittulo_noticia.gif);
font-weight:bold;
color:#FFFFFF;
letter-spacing:-1px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#content .titular_naranja {
padding:0 0 0 10px;
background:url(images/fondo_titulo_naranja.gif);
font-weight:bold;
color:#FFFFFF;
letter-spacing:-1px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}



#content .fecha_noticia {
font-size:9px;
font-weight:normal;
color:#333333
}

#content .fecha_small{
font-weight:bold;
color: #660000;
font-size:9px;
padding:5px 0 0 0;
}

#content .titulo3{
font-weight:bold;
color: #660000;
border-bottom:1px solid #EDDACB;
}


#content .grey{
color:#999999;
}

/*** ESPECIALES ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.sipnosis_home {
  font-weight:bold;
  color:#666666;
  font-size:11px;
  padding-top:3px;
}


ul#menuLeft  {
	/*border:1px solid orange;*/
	margin-left:-3px;
	padding:0;
}

ul#menuLeft li {
	list-style:none;
}


ul#submenuLeft li {
	list-style:none;
}



#titularFlash {
  font-size:16px;
  border-top-color: #333333; /* informacion para el sIFR, propiedad a: color*/
}

#titularSeccion {
  font-size:16px;
  border-top-color: #333333; /* informacion para el sIFR, propiedad a: color*/
  font-weight:bold;
  width:100%
}

#titularSocios {
  font-size:16px;
  color:#FFFFFF; /* informacion para el sIFR, propiedad a: color*/
  font-weight:bold;
  width:100%
}

#op_162 {
  height:16px;
 /* border-top-color: #333333;  informacion para el sIFR, propiedad a: color*/
  border-bottom-color: #FF3300; /* informacion para el sIFR, propiedad a:hover color*/
  padding:6px 0 6px 0;
}

#op_190{
height:16px;
  border-top-color: #333333; /* informacion para el sIFR, propiedad a: color*/
  border-bottom-color: #FF3300; /* informacion para el sIFR, propiedad a:hover color*/
  padding:6px 0 6px 0;
}

#op_163, #op_164, #op_165, #op_166, #op_167, #op_168, #op_221, #op_222, #op_223{
  height:16px;
 /* border-top-color: #333333;  informacion para el sIFR, propiedad a: color*/
  border-bottom-color: #FF3300; /* informacion para el sIFR, propiedad a:hover color*/
  padding:6px 0 6px 0;
  background: url(images/separador.gif) -5px 0 no-repeat;
}


 #op_191, #op_192, #op_193, #op_195, #op_197, #op_204  {
  height:16px;
  border-top-color: #333333; /* informacion para el sIFR, propiedad a: color*/
  border-bottom-color: #FF3300; /* informacion para el sIFR, propiedad a:hover color*/
  padding:6px 0 6px 0;
  background: url(images/separador.gif) -5px 0 no-repeat;
}

#special {
  padding:0 0 5px 8px;
}

#special a{
  font-size:12px;
  color:#666666;
  padding:0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style:italic;
  /*letter-spacing:-1px;*/
}

#op_destacado_162{	
height:16px;
  padding:6px 0 6px 0;
  border-top-color: #FF3300; 
  border-bottom-color: #FF3300; 
}

#op_destacado_190{	
height:16px;
  padding:6px 0 6px 0;
  border-top-color: #FF3300; 
  border-bottom-color: #FF3300; 
}

 #op_destacado_163, #op_destacado_164, #op_destacado_165, #op_destacado_166, #op_destacado_167, #op_destacado_168, #op_destacado_221, #op_destacado_222, #op_destacado_223 {	
height:16px;
  padding:6px 0 6px 0;
  border-top-color: #FF3300; 
  border-bottom-color: #FF3300; 
  background: url(images/separador.gif) -5px 0 no-repeat;
}

 #op_destacado_191, #op_destacado_192, #op_destacado_193, #op_destacado_195, #op_destacado_197, #op_destacado_204  {	
height:16px;
  padding:6px 0 6px 0;
  border-top-color: #FF3300; 
  border-bottom-color: #FF3300; 
  background: url(images/separador.gif) -5px 0 no-repeat;
}

#title_seccion {
  font-size:18px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:10px 0 8px 0 ;
  color: #0000;
}


#titleExpo {
  font-size:17px;
  padding:3px 0 10px 0;
  color:#333333;
}

.fechas_ficha {
  font-weight:normal;
  color:#6B4B2C;
}

.subtitulo {
  font-weight:bold;
  color:#660000;
  font-size:12px;
}


/********************* Estilos subpestañas ***************************************************/

#menu_seccion{
      text-align:right;
}
 
#navcontainer{
      margin:0;
      height:25px;
}

#navcontainer ul{
	float:right;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navcontainer ul li { 
     float: left; 
     padding-left:10px;
}

#navcontainer ul li a{
            text-decoration: none;
            background: #F9F3EE url(images/pestana_off.jpg) no-repeat top left;
            float: left;
            margin: 0px;
            height:18px;
            width: 150px;
            padding-top: 5px;
            padding-right: 0px;
            padding-bottom: 2px;
            font-size:11px;
            text-align:center;
			font-family:Trebuchet MS, Arial;
			
}

#navcontainer li a:hover{
            background:  #F9F3EE url(images/pestana_on.jpg) no-repeat top left;
            color: #DF9A34;
            font-weight:bold;
            text-decoration:none
}

 

#navcontainer ul li a.active{
            background:  url(images/pestana_on.jpg) no-repeat top left;
            color:#DF9A34;
            font-weight:bold;   
			text-decoration: none; 
			width: 150px;   
}

 

#navcontainer ul li a.inactive{
            text-decoration: none;
            background: url(images/pestana_off.jpg) no-repeat top left;
            float: left;
            margin: 0px;
            height:18px;
            width: 150px;
            padding-top: 5px;
            padding-right: 0px;
            padding-bottom: 2px;
            color: #DDBEA6;
            font-size:11px;
            text-align:center;
			font-family:Trebuchet MS, Arial
}

#title_contenido_primero,#title_contenido_segundo,#title_contenido_imagenes{
		font-size: 13px;
		background-color:none;
		font-weight:bold;
		clear:both;
		margin:0 0 5px 0;
		color: #333333
	}

.video {
   background: url(images/ico_quicktime.gif) 0 0 no-repeat;
   width:100px;
   padding:5px 0 0 37px;
   height:20px;
}

.video_expo {
   background: url(images/ico_quicktime.gif) 45px 0 no-repeat;
   width:100px;
   padding:5px 0 0 37px;
   height:20px;
}

.video_expo a{
   padding:0 0 0 45px;
}

a.link_mas {
   font-size:11px;
}

/******* CLUB SOCIAL HOME *******************************************/

#container #club {
  font-size:10px;
}

#container #club a{
  font-size:9px;
}

#container #club ul {
   list-style:square;
}

/********************* NOTICIAS *************************************/

#content .noticia {
	padding:10px 0 0 10px;
	text-align:justify;
}

#content .noticia .foto_noticia {
	float:right;
	clear:right;
	width:260x;
	/*height:180px;*/
	padding: 0;
	/*background:url(images/fondo_foto_noticia.jpg) no-repeat;*/
	background-color:#FFFFFF;
	padding:8px 8px 8px 9px;
	border:1px solid #CCCCCC;
	margin:0 0 15px 15px;
}

#content .noticia .foto_noticia2 {
	float:right;
	clear:right;
}

#content .noticia .foto_noticia2 img{
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
}


#relatedNews {
	/*background: url(images/fondo_noticias_relacionadas.jpg) no-repeat;*/
	float:right;
    clear:right;
	width:260px;
	/*height:150px;*/
	padding:10px 0 0 0px;
	margin: 0 0 0 15px;
}

.newRelated {
    padding:0 20px 0 15px;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #E4E4E4;
	margin:10px 0 10px 0;
}

#modulesNews {
	
}

.item_noticia_seccion {
	padding:3px 0 3px 0;
}

.item_noticia_deporte {
  padding:3px 0 3px 0;
  width:210px;
  border-color:2px solid #D4D4D4;
  float:left;
  text-align:center
}

.ver_todas {
	padding:0 0 0 12px;
}


#noticia_sin_permiso {
	border: 2px solid #aaa;
	background-color: #cfcfcf;
	width: 500px;
	margin-top: 50px;
	font-size:13px;
	font-weight:bold;
}

/********************  LISTADO PROXIMOS EVENTOS **************************/
/* Lista de proximos eventos de la home	*/
#content_right #proximos_eventos_list {
	/*width: 140px; 
	float:right;
	clear: all;*/
}

/* Lista de proximos eventos de la sección de eventos	*/
#content_center #proximos_eventos_list {
	width: 140px; 
	float:right;
}
#content_right #proximos_eventos_list hr{
width:138px;
margin-left:0;
text-align:left;
}

#content .nombreEvento{
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
	padding-bottom:4px;
}


#content .descripEvento{
	color: #666666;
	font-weight:normal;
}

#content .mesEvento{
	color: #333333;
	font-size:10px;
	padding-bottom:3px;
}

/********************  CALENDARIO **************************/

#calendar {
	background: url(images/fondo_calendario.jpg);
	table-layout:fixed;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#calendar  A{
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


#calendar  .month{
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#calendar  .days{
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#calendar .noThisMonth {
	color:#666666;
}

#calendar #date {
	color:#FF9900;
	font-size:14px;
	padding:20px 0 0 10px ;
}

#calendar #event {
	color:#FFFFFF;
	font-size:17px;
	padding:5px 0 0 10px;
	width:270px;
}

#calendar #eventType {
   	padding:10px 0 0 10px;
	font-size:11px;
}

#calendar #eventLabel {
	color:#666666;
	
}

#calendar #eventTypeValue {
	color:#CCCCCC;
}

#calendar .linkCalendar {
 	padding:10px 0 0 10px;
}


#calendar .linkCalendar a {
	color:#FF9900;
	font-size:10px;
	font-family:Tahoma, arial;
	text-decoration:underline;
}

#calendar #number{
	font-size:120px;
	color:#333333;
	position:absolute;
	top:20px;
	left:445px;
	z-index:1
}

#calendar #info{
	position:absolute;
	z-index:6
}

#calendar #infoNumber{
	fposition:relative;
}

/********************  BUSCADOR **************************/

#search {
	background: url(images/fondo_buscador.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

#search INPUT {	
	width:250px;
	font-size:10px;
	color:#999999;
}


#search SELECT {
    width:200px;
    height:18px;
	color:#999999;
	font-size:10px;
}

#search .label {
	color:#666666;
	font-size:10px;
}


/************ 3 CAJAS PLANTILLA 2C ESPECIAL ********************/
#content2 #box1 {
	width:187px;
	float:left;
	position:relative;
	font-size:10px;
	font-family:tahoma;
	color:#666666;
}

#content2 #box1 a {
	font-size:11px;
}

#content2 #box2 {
	width:187px;
	float:left;
	position:relative;
	margin-left:15px;
	font-size:10px;
	font-family:tahoma;
	color:#666666;
}


#content2 #box3 {
	width:187px;
	float:left;
	position:relative;
	margin-left:15px;
	font-size:10px;
	font-family:tahoma;
	color:#666666;
}


/***************** MENU ADMIN *************************************/

#menu_left_admin {
	/*background-color: #E5E5E5;*/
	/*margin-right:15px;*/
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:30px;
	padding:10px 0 0 5px;
	border:1px solid #FFFFFF;
}


#titularAdmin {
    font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:15px;
	color:#4D4D4D;
	padding:5px 0 3px 5px;
}


/******************** FLASH PRESENTACION ************************/

#flash_presentacion{
	position:absolute;
	top:25px;
	left:240px;
}


#flashMultimedia{
	position:absolute;
	top:60px;
	left:245px;
}

#ultimas_galerias {
	/*background:url(images/fondo_top5.jpg) no-repeat;*/
	width:230px;
}

#ultimas_galerias .multimediaTop5 {
	padding:8px 5px 3px 5px;
}

#ultimas_galerias .multimediaTop5 a{
	font-size:10px;
}


#ultimas_galerias li {
  padding-left:-15px;
  margin-left:-13px;
}

.multimediaTopTema {
  width:280px;
  border-color:2px solid #D4D4D4;
  padding:5px;
  float:left;
  text-align:center
}

#galerias_x_tematicas_list {
 
}


/******** SERVICIOS CIRCUIT ************/
#servicios_circuit{

}	
	
#servicios_circuit .titulo{
font-size:13px;
font-weight:bold;
margin-bottom:5px;
}

#servicios_circuit img{
padding:5px;
background-color:#FFFFFF;
border:1px solid #cccccc;
}

#servicios_circuit .contacto{
margin-top:5px;
font-size:10px;
font-weight:bold;
color:#999999;
}


/**** tablas noticia ***/

.crono table{
width:90%;
/*background:url(images/fondo_tabla_bottom.jpg) left bottom no-repeat;*/
padding-bottom:10px;
margin:4px 0;
background-color:#E5E5E5;
}
.crono table td{
padding:3px 10px
}

.crono table th {
background-color:#D7D7D7;
color:#666666;
font-size:13px;
font-weight:bold;
padding:6px 3px 6px 9px;
}

.crono td{
border-bottom:1px solid #CCCCCC;
padding:3px 0;
}

.crono{
/*background:url(images/fondo_tabla.jpg) no-repeat;*/
}


.crono2 table{
padding-bottom:10px;
margin:4px 0;
background-color:#E5E5E5;
}
.crono2 table td{
padding:3px 10px
}

.crono2 table th {
background-color:#D7D7D7;
color:#666666;
font-size:13px;
font-weight:bold;
padding:6px 3px 6px 9px;
}

.crono2 td{
border-bottom:1px solid #CCCCCC;
padding:3px 0;
}

/*-------- MENU DE LA SECCIÓN DE SOCIOS ----------*/
#menu_socios{
	font-size: 14px;
	text-align: left;
}
#menu_socios .menu_socios {
	padding-top: 15px;
	text-transform: uppercase;
}


.adm_evento_ad_item {
  border-left: 1px solid #ccc;
  border-top: 2px solid #ccc;
  margin: 5px 0 15px 0;
}

 .adm_evento_title_item {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	padding:8px 4px 7px 13px;
	font-style:italic;
	background-color: #ccc;
 }

/****** FORMULARIO LIBRE *************************************/

.regsocios_subtitulo {
	font-size:14px;
	font-family:Trebuchet MS, Arial;
	font-weight:bold;
	color:#660000;
}

.regsocios_nomcampos {
   	font-size:11px;
	color:#666666;
}


.pie_registro {
   width:760px;
   font-size:10px;
   color:#999999;
   text-align:justify;
   padding-left:10px;
}

/******************************************************************/

img.transp { behavior: url(iepngfix.htc); }

