/* Hoja de estilos */

/* Plantilla definición de la estructura */
*{margin: 0 px;}   																		/* Todos los elemetos tienen margen 0 */
header, section, footer, aside, nav, article, figure, figcaption, hgroup {display: block;} 	/* define los nuevos elementos por si no los reconoce el navegador */
body { font-size: 100%; text-align: center; background: white; bac} /* centra la pagina */

 #cabecera {background: #ffffff; height: 20%; clear: both; border: 1px solid white; border-radius: 10px 10px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;} 						
	

/* define cada parte de la estructura */
#cabecera {background: #ffffff;
	height: 20%; clear: both; border: 1px solid white; border-radius: 10px 10px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#menu {background: #eeeeee; padding: 5px 5px; text-align: center; border: 1px solid #bb22bb; border-radius: 15px 15px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#menu li {display: inline-block; list-style: none; padding: 2px; font: bold 0.7em verdana, sans-serif; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#seccion {float: left; width: 98%; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#izq{float: left; width: 1%;  margin: 20 px; border: 1px dotted white; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#der {float: left; width: 1%; padding: 20 px; border: 1px dotted white;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#pie { clear: both; position:relative; top:98%; background: #ffffff; text-align: left; padding: 20 px; border-top: 1px solid #ffffff; border-radius: 5px 5px; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
#agrupar {width: 100%; margin: 15px auto; text-align: left;}   /* agrupa los elementos en una caja principal */

/* define cada elemento article y footer dentro del principal */
article { background: #fffffe; border: 1px solid #999999; border-radius: 15px 15px; text-align: center; padding: 10px; margin-top: 15px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -chrome-box-sizing: border-box;}
article footer { text-align: right;  font: 0.5em verdana, sans-serif; color:grey;}
time { color: #999999;}
figcaption { font: italic 14 px verdana, sans-serif;}
address {font-size:xx-small;}

/*definicion de elementos propias de la pagina */
.localizacion {width:70%;  border: 1px solid #999999; }
.firma {float: right; font: 0.6em Times, serif; color:#555555;}
.saban {width:40%;}
.imagenes{width:50%;  border: 1px solid #999999; }
.icono{width:5%;}
.iconocurso{width:25%;}
.nombre {width:98%; }
.arcoclub{ width:50%;  border: 1px solid #999999; }
.arcolid{ width:45%;  border: 1px solid #999999; }
.tradicional{ width:35%;  border: 1px solid #999999; }
.novedades{ border: 2px dotted #999999; text-align: center;}
.izquierda {float:left; text-align: left; font: italic 0.8em verdana, sans-serif ; color:black;}

/*definiciones para la galeria de fotos */
.contenedorfoto { float:left; width:210px; height:160px; margin: 5px; padding:5px; background-color:#f5f7f9; border-right: #a5a7aa solid 1px; 
			border-bottom: #a5a7aa solid 1px;  text-align:center; overflow: hidden; }
.fotos{width:98%;  border: 1px solid #999999; }


a:link {text-decoration:none; color:black} 
a:visited {text-decoration:none; color:black}
a:hover {font-weight: bold; font-style:italic;}  /* enlace cuando pasa por encima */
h1 {text-align: center; font: 1.2em verdana, sans-serif;  color:black; }
h2 {text-align: center; font: 0.9em verdana, sans-serif; color:black;}
h3 {text-align: center; font: 0.8em verdana, sans-serif; color:black;}
h4 {text-align: right; font: 0.5em verdana, sans-serif; color:grey;}

/* tablas*/

table{border: 2px solid blue; table-layout: fixed; position: absolute; left:30%;}

.iconotabla1{ width: 40%;}
.contenedortabla1 {display: table;  border-spacing: 5px; width: 100%; table-layout: fixed;}
.cabeceratabla1 { display: table-caption;}
.contenidostabla1 { display: table-row; }
.primeracolumna1, .segundacolumna1, .terceracolumna1 { display: table-cell; }
.primeracolumna1 { width: 31%;}
.segundacolumna1 { width: 55%;}
.terceracolumna1 { text-align:left;}

.iconotabla2{ width: 40%;}
.contenedortabla2 {display: table;  border-spacing: 5px; border: 1px solid blue; width: 100%; table-layout: fixed;}
.cabeceratabla2 { display: table-caption;}
.contenidostabla2 { display: table-row; }
.primeracolumna2, .segundacolumna2, .terceracolumna2 { display: table-cell; border: 1px solid red; }
.primeracolumna2 { width: 25%;}
.segundacolumna2 { width: 48%;}
.terceracolumna2 { text-align:left;}

/*  CSS para cookies */
#cookiesms1:target { display: none;}
.cookiesms{	display: none;	}
.cookiesms:hover {display: none;	}
.cookies2{display: none;}