/* CSS Document */
body{
font: 8pt Arial, Verdana, Helvetica, Geneva, sans-serif;
color:#000000;
margin:0px;
text-align:center;
background-color:#ffffff;
}

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

a:hover{
color:#B96504;
}

#contenedor{
text-align:left;
width:770px;
margin: auto;
}

#contenidoflash {
width: 770px;
height: 129px;
float: left;
margin: 0px;
}

#paseo {
width: 770px;
height: 129px;
float: left;
margin: 0px;
border:none;
}


#cuerpo{
margin:0px;
width:770px;
}
/*- - - - - - - - - - - - - - - - -  comienza el lado izquierdo con menu - - - - -  - - - - - - */
#lateral{
width:130px;
float:left;
background-color:#ffffff;
color:#000000;
}

#primer ul{
margin: 30px 0px 0px 5px;
padding: 0px;
list-style:none;
text-indent: 5px;
}

#primer li{
margin: 2px 2px 4px 2px;
}

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

#primer a:hover{
color:#f3901d;
}

#colabora{
background-color:#f3901d;
color:#ffffff;
}

#colabora a{
background-color:#f3901d;
color:#FFFFFF;
text-decoration:none;
display:block;
width:121px;
}

#colabora a:hover{
background-color:#ffffff;
color:#f3901d;
}

.linea{
border-top-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #f3901d;
margin: 5px 2px 5px 7px;
}

#segunda ul{
	margin: 0px 0px 0px 4px;
	padding: 0px;
	list-style:none;
	text-indent: 5px;
}

#segunda li{
	margin: 2px 2px 6px 0px;
	font-weight:bold;
}

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

#segunda a:hover{
	color:#f3901d;
}

#tercer ul{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style:none;
	text-indent: 5px;
}

#tercer li{
	margin: 2px 2px 5px 2px;
}

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

#tercer a:hover{
	color:#f3901d;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
top:0;
left:0;
padding-bottom:50px;
}

#boxes .window {
position:absolute;
width:440px;
height:680px;
display:none;
z-index:9999;
padding:0px;
background-color:#FFFFFF;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
width:707px;
height:600px;
margin-top:25px;
margin-bottom:25px;
}

.texto-cerrar{
font-size:14px;
font-weight: bold;
padding-left:50px;
}

/*- - - - - - - - - - - - - - - - comienza el lado derecho con contenido - - - - - - - - - - - */
#principal{
	width: 605px;
	background-color:#ffffff;
	margin:43px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	float:right;
}


.titulo{
	color:#f3901d;
	text-transform:uppercase;
	font-weight: bold;
	font-size:10pt;
}

h1{
	color:#f3901d;
	text-transform:uppercase;
	font-weight: bold;
	font-size:10pt;
	margin-bottom:5px;
}

.subtitulo{
	color:#f3901d;
	font-size:9pt;
}

#sub-linea{
	color:#f3901d;
	font-size:11px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f3901d;
	border-bottom-color: #f3901d;
}
.submenu{
	color:#f3901d;
	font-size:11px;
}

.submenu-laberinto{
	color:#f3901d;
	font-size:11px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f3901d;
	border-bottom-color: #f3901d;
	margin-bottom:11px;
	
}

.debajo{
	font-size:9px;
	font-weight: bold;
	font-style: oblique;
	margin: 0px 0px 10px 0px;
}

.destacado{
	color:#f3901d;
	font-style: oblique;
	font-weight:bold;
}

.destacado-d{
	color:#f3901d;
	font-weight:bold;
}

/*- - - - - - - - - - - - - - - - -  organizacion de los submenus - - - - - - - - - - - - - - - - -  */
.linea-pagina{
	float:left;
	width:197px;
	margin:0px 7px 0px 0px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f3901d;
	border-bottom-color: #f3901d;
	color:#f3901d;
}

.linea-der{
	float:left;
	width:400px;
	margin:0px 0px 0px 0px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f3901d;
	border-bottom-color: #f3901d;
	color:#f3901d;
}

div.float{
	float:left;
	width:197px;
	padding:0px 7px 0px 0px;
}

div.float p{
	text-align:left;
	padding: 0px 2px 0px 0px;
	width:190px;
}

div.floatultima{
	float:left;
	width:197px;
} 

div.floatultima p{
	text-align:left;
	padding: 0px 2px 0px 0px;
	width:192px;
}

/*- - - - - - - - - - - - - - - -  cabecera submenu paginas logo naranja - - - - - - - - - - - - - -  */
#lateral-naranja{
	width:100px;
	float:left;
	background-color:#ffffff;
	color:#000000;
}

.menu{
	width: 100px;
	background-color:#ffffff;
	margin:70px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
	color:#000000;
}

.menu a:active, .menu a:link, .menu a:visited {
	color:#000000;
	text-decoration:none;
}

.menu a:hover{
	color:#f3901d;
	text-decoration:none;
}

.menu-corto{
	width: 60px;
	background-color:#ffffff;
	margin:70px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
	color:#000000;
}

.menu-corto a:active, .menu-corto a:link, .menu-corto a:visited {
	color:#000000;
	text-decoration:none;
}

.menu-corto a:hover{
	color:#f3901d;
	text-decoration:none;
}

#menu-largo{
	width: 205px;
	background-color:#ffffff;
	margin:70px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
}

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

#menu-largo a:hover{
	color:#f3901d;
	text-decoration:none;
}


.menu-linea{
	width: 25px;
	background-color:#ffffff;
	margin:59px 0px 0px 10px;
	float:left;

}

#desarrollo{
	width:770px;
	float:left;
	padding: 5px 0px 20px 8px;
}

#desarrollo p{
	margin:3px;
}

div.float-prim{
	float:left;
	width:246px;
	padding:2px 0px 0px 0px;
}

div.float-sup{
	float:left;
	width:246px;
	padding:2px 0px 0px 5px;
}

.menu-naranja{
	background-color:#f3901d;
	color:#ffffff;
	text-indent: 5px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

.menu-naranja a:active, .menu-naranja a:link, .menu-naranja a:visited {
	background-color:#f3901d;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-weight:bold;
	width: 246px;
}

.menu-naranja a:hover{
	background-color:#ffffff;
	color:#f3901d;
}

.linea-horizontal{
	border-bottom: 1px solid #f3901d;
	width:750px;
	margin:0px 0px 0px 5px;
}

#desarrollo-texto{
	width:740px;
	float:left;
	padding: 0px; 
}

#desarrollo-texto p{
	margin:5px;
	padding:2px;
	text-align: justify;
}

#desarrollo-textopedreres{
	width:770px;
	float:left;
	padding: 0px; 
}

.cuadrado{
	list-style-image: url(images/cuadrado.jpg);
}

#cuadrado{
	list-style-image: url(images/cuadrado.jpg);
}


#descargar{
	background-color:#000000;
	color:#ffffff;
	margin:0px 0px 0px 540px;
	width: 200px;
	text-align:center;
}

#socio{
	background-color:#f3901d;
	color:#ffffff;
	text-align:center;
	padding:0px;
	width:105px;
}

#socio a{
	background-color:#f3901d;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:105px;
	text-align:center;
	padding:0px;	
}

#socio a:hover{
	background-color:#ffffff;
	color:#f3901d;
}
/* - - - - - - - - - - - - - - -  cuadriculas de fotos con lista menu naranja - - - - - - - - - - - - -  */
#navi{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navi li{
	margin: 0px 2px 2px 2px;
	padding:2px 2px 0px 2px;
	float:left;
}

#navi-segunda{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navi-segunda li{
	margin: 0px 2px 2px 2px;
	padding:2px 2px 0px 2px;
	float:left;
}

#navi-tercera{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navi-tercera li{
	margin: 0px 2px 2px 2px;
	padding:2px 2px 0px 2px;
	float:left;
}

/*pagina horarios*/
.floathorarioizq{
	color:#ffffff;
	background-color:#f3901d;
	width:297px;
	height:23px;
	float:left;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-indent: 10px;
	padding:12px 0px 3px 3px;
	position:relative;
	z-index:10;
}

.floathorarioder{
	color:#ffffff;
	background-color:#f3901d;
	width:297px;
	height:23px;
	float:left;
	text-indent: 10px;
	padding:12px 0px 3px 3px;
	position:relative;
}

.floatgrisizq{
	background-color:#cccccc;
	width:300px;
	float:left;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding:20px 0px 20px 0px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}

.floatgrisder{
	background-color:#cccccc;
	width:300px;
	float:left;
	padding:20px 0px 20px 0px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.floathorarioizq-tres{
	color:#ffffff;
	background-color:#f3901d;
	width:190px;
	height:23px;
	float:left;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align:center;
	padding:12px 0px 3px 3px;
	position:relative;
	z-index:10;
	font-size:12px;
}

.floathorarioder-tres {
	color:#ffffff;
	background-color:#f3901d;
	width:190px;
	height:23px;
	float:left;
	text-align:center;
	padding:12px 0px 3px 3px;
	position:relative;
	font-size:12px;
}

.floatgrisizq-tres{
	background-color:#cccccc;
	width:193px;
	float:left;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding:20px 0px 20px 0px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.floatgrisder-tres{
	background-color:#cccccc;
	width:193px;
	float:left;
	padding:20px 0px 20px 0px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/* - - - - - - - - - - - - - - - - -  paginas fotos grandes - - - - - - - - - - - - - - - - -  */
#siguiente-actividades{
	width:115px;
	margin:0px 0px 0px 0px;
	text-align:right;
	float:left;
}

#siguiente-actividadestexto{
	color:#ffffff;
	width:115px;
	text-align:right;
	float:left;
}

#siguiente-fotografo{
float:left;
width:100px;
}

#siguiente-fotografo2{
float:left;
width:640px;
}

#siguiente-descripcion{
float:left;
width:540px;
text-align:center;
}

#siguiente-lluis{
	color:#ffffff;
	padding:0px 0px 0px 617px;
	text-align:right;
}

#siguiente-jaime{
	color:#ffffff;
	padding:0px 0px 0px 587px;
	text-align:right;
}

#siguiente-lithica{
	color:#ffffff;
	padding:0px 0px 0px 652px;
	text-align:right;
}

#siguiente-simon{
	color:#ffffff;
	padding:0px 0px 0px 623px;
	text-align:right;
}

#siguiente-beatriz{
	color:#ffffff;
	padding:0px 0px 0px 606px;
	text-align:right;
}

#siguiente-lara{
	color:#ffffff;
	padding:0px 0px 0px 664px;
	text-align:right;
}

#siguiente-toni{
	color:#ffffff;
	padding:0px 0px 0px 634px;
	text-align:right;
}

#siguiente-moll{
	color:#ffffff;
	padding:0px 0px 0px 631px;
	text-align:right;
}

.nombrestriples{
	float:left;
	width:256px;
	padding:0px;
}

.nombressimple{
	float:left;
	width:201px;
	padding:0px;
}

.nombresdobles{
	float:left;
	width:290px;
	padding:0px;
}

.nombresdobles-vacio{
	float:left;
	width:423px;
	padding:0px;
}

#siguiente-asociacion{
	color:#ffffff;
	width:38px;
	text-align:right;
}

#main {
	width: 770px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px; /* 50% del alto*/
	margin-left: -385px; /* 50% del ancho */
}

/* - - - - - - - - - - - - - - - - - - - - pagina contacto - - - - - - - - - - - - - - - - - - - - - */
div.row{
clear:both;
padding-top:10px;
}

div.row span.label{
float:left;
width:50px;
text-align:left;
}

div.row span.formw{
float:right;
width:550px;
text-align:left;
}

.confirmacion{
	text-align:center;
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div.spacer{
clear:both;
}

/* - - - - - - - - - - - - - - - - - - - - - pagina plano - - - - - - - - - - - - - - - - - - - - - - */
.plano{
	background-image:url(images/plano-peque.jpg);
	width:430px;
	height:349px;
	margin-left:80px;
}

/* - - - - - - - - - - - - - - - - - - - - - pagina agenda y galeria - - - - - - - - - - - - - -*/
.uno{
	float:left;
	width:115px;
	height:120px;
	padding:0px 7px 0px 1px;
}

.dos{
	float:left;
	width:115px;
	height:120px;
	padding:0px 7px 0px 0px;
}

.cinco{
	float:left;
	width:115px;
	height:120px;
}

.espaciado{
	margin-bottom:5px;
	height: 110px;
}
.agenda{
	padding: 0px 0px 0px 4px;
	font-weight:bold;
}

#cambiar{
	padding:0px 0px 0px 525px;
}

.galeria{
	padding: 0px 0px 0px 2px;
	font-weight:bold;
	font-size:10px;
}
.descargar{
	padding: 0px 0px 0px 22px;
}

.descarregar{
	padding: 0px 0px 0px 18px;
}

#flechas {
	margin-bottom:5px;
	height:15px;
}

.temporal{
	clear:both;
	padding:10px;
	margin-left:25px; 
	background-color:#dddddd;
	width:560px;
	height:200px;
	font-size:12px;
	text-align:center;
}

#agendaflash {
		width: 604px;
		height: 355px;
		float: left;
		margin: 0px;
}

.clear{
clear:both;
}
/*- - - - - - - - - - - - - - - - - - - - pagina hazte socio - - - - - - - - - - - - - - - - - - - - */
div.fila{
height:35px;
}

div.fila span.etiqueta{
float:left;
width:130px;
text-align:right;
}

div.fila span.formulario{
float:right;
width:600px;
text-align:left;
}

div.fila span.formulariotitulo{
float:right;
width:600px;
text-align:left;
font-size:14px;
font-weight: bold;
}

.confirmacion{
	text-align:center;
	font-size:14px;
	font-weight: bold;
}

div.spacer{
clear:both;
}

.pago{
	font-size: 10px;
	font-weight: bold;
}

.texto-socio{
	font-size:12px;
	font-weight:bold;
}

/* - - - - - - - - - - - - - - - - -  pie de pagina para mozilla - - - - - - - - - - - - - - - - - - - */
#pie{
	background-color:#ffffff;
	text-align:right;
	color:#cccccc;
	clear:both;
}