/* CSS Document */
html {
	overflow: auto;
}

body {
	font-size:10px; /*Tamaño del texto global*/
	font-family:Arial, Helvetica, sans-serif;
	color: #000; /*Color del texto*/
	background: #000000;
	height: 100%;
	width: 100%;

}
#cortina {
	display:none;
	background:none;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:100;
}
#fondocort {
	background: #000000;
	position:absolute;
	opacity: .75;
    /*filter:alpha(opacity=75);*/
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}
#cortcont{
	background:none;
	position:relative;
	margin: 0px auto auto auto;
	height: 90%;
	width: 1100px;
	/*border: 1px solid #999999;*/
}

.contmestext{
	cursor:pointer; 
	position:relative; 
	float:left; 
	height:600px; 
	width:700px; 
	overflow: hidden;
	margin: 30px auto auto 30px;
	color:#CCCCCC; font-size:18px;
/*	border: 1px solid #999999;*/
}
.contmestext p{
	margin: auto 20px auto auto;
}

#madre {
	position:relative;
	height:768px;/*768*/
/*	width:1170px;*/
	width:1000px;
	margin:0px auto auto auto;
	z-index:1;
}

/* ------------------  HIJA ---------------- */

#hija {
	position:absolute;
	height:768px;
/*	width:1170px;*/
	width:1000px;
	top:0px;
	left:0px;
}

/*#hija p{
	text-align:center;
}*/

#hija a{
	cursor:pointer;
}

/* ------------------  PREINDEX ---------------- */

#preinde {
	background-image:url("../img/fondescud2.jpg");
	background-repeat: no-repeat;
	position:relative;
	float:left;
	height:768px;
/*	width:1170px;*/
	width:1000px;
}

/*#hija p{
	text-align:center;
}*/

#preinde a{
	cursor:pointer;
}


/* ------------------  MENU ---------------- */

#menu {
	margin-top:60px;
	position: relative;
	float:left;
	height:650px;
	width: 170px;
	background-image:url("../img/fontabla9.png");
	z-index:4;
}

#menu .boton2 {
	margin: 30px auto auto auto;
}

#menu a {
	cursor:pointer;
	background: none;
}

#menu p {
	text-align:center;
}

#menu2 {
	margin-top:60px;
	position: relative;
	float:left;
	height:650px;
	width: 170px;
	background-image:url("../img/fontabla9.png");
	z-index:4;
}
#menu2 .boton2 {
	margin: 30px auto auto auto;
}

/* ------------------  CENTRAL ---------------- */

#central {
	background-image:url("../img/fondocorto.jpg");
	position: relative;
	float:left;
	height:100%;
	width:830px;
	margin-top:0px;
	padding:0px;
	/*background:none;*/
/*	background-color: #00FF33;*/
}

/* ------------------  CONSTRUCCION ---------------- */
#nodis2{
	/*border:thin solid #333333;*/
	background:none;
	color:#000000;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 14px;
	position:absolute;
	top:450px;
	left: 375px;
/*	top:295px;
	left: 850px;*/
	height:30px;
	width:170px;
}

#nodis1{
	z-index:3;
}

#const {
	background:none;
	position: absolute;
	top:-10px;
	left:220px;
	display:inline;
}
#const p{
	font-family: "Times New Roman" , Times, serif;
	margin: 10px 10px 10px 10px;
	color: #000;
	font-size: 24px;
}

/* ------------------  CONSTRUCCION ---------------- */

#intro{
	cursor:pointer;
/*	top:200px;
	left:250px;*/
	width:550px;
	height:400px;
	position:relative;
	margin: 200px auto auto 225px;
		}
#cont {
}

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

#elementos {
	margin: 60px auto auto 0px;
	width: 170px;
	height: 650px;
	background-image:url("../img/fontabla9.png");
}

#elementos a {
	cursor:pointer; /*esto es porque en vez de usar href en un enlace uso onclick por tanto no me trata el elemento como enlace y no cambia el cursor, pero no aparece en la barra de estado accion que va a ejecutarse*/
}

/*************CONTENIDOS DE CADA PAGINA*******************/

/*Paginas que va a contener*/

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA1 **/
#contenido1 {
	background:none;
	position:relative;
	float:left;
	width:100%;
}

#texthistoria {
/*	border: 1px solid #999999;*/
	position:absolute;
	top: 215px;
	left:100px;
	overflow: hidden;
	width: 74%;
	height: 500px;
}
font {font-family:'Times New Roman', Times, serif;font-size: 17px;font-weight: 600;margin-right:10px;}
#texthistoria font .txt { display:inline; position:absolute; top:0px; left:0px; color:#000000;margin-right:10px;}
#texthistoria font .smb { display:inline; position:absolute; top:1px; left:1px; color: #999999;margin-right:9px;}

/* Scrollbar y content css */	

.scrollbar-vert{
	background: #000000;
	height: 500px;
	width: 20px;
	margin-left: 730px;
	position:relative;
	float:left;
}
.handle-vert{
	height: 97px;
	width: 28px;
	background: url(../img/slider.png) no-repeat;
}

#scrollbar1{ 
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}
#handle1{}
#scrollbar3{ 
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin:30px auto auto 0px;
	height:600px;
	z-index:101;
}
#scrollbar4{ 
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin:65px auto auto 0px;
	height:630px;
	z-index:101;
	float:left;
}
#scrollbar5{ 
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin:0px auto auto 0px;
	height:738px;
	z-index:101;
	float:left;
}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA2 -- MESNADA **/

#jose{
	position:absolute;
	background: url("../img/perjose.png");
	top:20px;
	left:90px;
	height:154px;
	width:106px;
	z-index:99;
	/*cursor:pointer;*/
	display:inline;
}

#indglor{
	position:absolute;
	background: url("../img/perindglor.png");
	top:20px;
	left:200px;
	height:154px;
	width:106px;
	z-index:99;
	display:inline;
}


#ulrick{
	position:absolute;
	background: url("../img/perulrick.png");
	top:20px;
	left:310px;
	height:154px;
	width:106px;
	z-index:99;
	display:inline;
}

#hector{
	position:absolute;
	background: url("../img/perhector.png");
	top:20px;
	left:420px;
	height:154px;
	width:106px;
	z-index:99;
	display:inline;
}

#berenguela{
	position:absolute;
	background: url("../img/perberenguela.png");
	top:20px;
	left:530px;
	height:154px;
	width:106px;
	z-index:99;
	display:inline;
}

#alinna{
	position:absolute;
	background: url("../img/peralinna.png");
	top:20px;
	left:640px;
	height:154px;
	width:106px;
	z-index:99;
	display:inline;
}
/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA5 -- ALIADOS **/

#contenido5{
	margin:65px auto auto 20px;
	overflow:hidden;
	height:630px;
	width:90%;
/*	border: 1px solid #FFFFFF;*/
	float:left;
}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA6 **/

#textcontacto {
/*	border: 1px solid #999999;*/
	position:absolute;
	top: 250px;
	left:120px;
	overflow: auto;
	width: 74%;
	height: 500px;
	font-size:16px;
}

#lacre1{
	margin: 40px auto auto 200px;
/*	padding-left:100px;*/
	position:relative;
/*	float:left;*/
}

.pcont{
	text-shadow: 2px 2px 3px #ffffff;
	margin-left: 50px;
}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA7 (AGENDA) **/

ul li {
	font-family: Tahoma, Arial;
	font-size:13px;
	list-style-type:none;
	background-color:#ededed;
	padding:5px;
	padding-left:3px;
	padding-right:3px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	color: #666666;
	width:80px;
	height:60px;
	display:inline;
	text-align:center;
}
a{
color:#333333;
}
.dia2{
	background: url("../img/fondodiacal.png");
	background-repeat:no-repeat;
	font-size:12px;
}
.dia {
	background: url("../img/fondocaldia.png");
	background-repeat:no-repeat;
/*	border:1px solid #000000;*/
	color:#CCC;
	font-size:13px;
	height:40px;
	width:80px;
}
.mes {
	background: url("../img/fondocalmes.png");
	/*border:1px solid #000000;*/
	color:#CCC;
	font-size:20px;
	width:606px;
	height:55px;
	/*font-size:12px;*/
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}
.mes2{
	margin: 5px auto auto auto;
}
.contenedor_calendario {
	margin: 15px auto auto auto;
	width:610px;
	height: 500px;
	/*border: 1px solid #CCCCCC;*/
}

.formatomes {cursor:pointer;float:left;}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA8 **/

#texteventos {
/*	border: 1px solid #999999;*/
	position:absolute;
	top: 200px;
	left:100px;
	overflow: hidden;
	width: 74%;
	height: 500px;
}
font {font-family:'Times New Roman', Times, serif;font-size: 17px;font-weight: 600;}
#texteventos font .txt { display:inline; position:absolute; top:0px; left:0px; color:#000000;margin-right:10px;}
#texteventos font .txt a:hover { color: #990000; text-decoration: none; font-weight:500;}
#texteventos font .txt a { color:#000000; text-decoration:none;}
#texteventos font .smb { display:inline; position:absolute; top:1px; left:1px; color: #999999;margin-right:9px;}
.trojo{
	color:#8e0202;
}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA3 **/
#contenido2 {
	background:none;
	position:relative;
	float:left;
	width:100%;
	height:100%;
}


#contenido2 p {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size:13px;
	text-align:left;
	margin-top: 30px;
	text-align:center;
	/*margin-left: 5px; 
	margin-right: 20px;
	padding-top: 0px;*/
}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA9 **/

#textfeudo {
/*	border: 1px solid #999999;*/
	position:absolute;
	top: 200px;
	left:100px;
	overflow: hidden;
	width: 74%;
	height: 500px;
}
#textfeudo font .txt { display:inline; position:absolute; top:0px; left:0px; color:#000000;margin-right:10px; width:500px;}
#textfeudo font .smb { display:inline; position:absolute; top:1px; left:1px; color: #999999;margin-right:9px; width:500px;}

/** ESTO CONTIENE ATRIBUTOS DE TODO LO SER RELACCIONA CON PAGINA10 **/
/*#10texto {
	position:relative;
	font-size:14px;
}*/

#tune1 td{
	text-align:left;
	font-size:12px;
	padding: 0px 20px 0px 20px;
}
#tune2 {
	margin-top:20px;
}
#tune2 td{
	text-align:left;
	font-size:12px;
}
.campo{
	/*filter:alpha(opacity=50);*/
	opacity: .5;
}
#respuesta{
	top: 250px;
	left: 250px;
	position:absolute;
	height:273px;
	width:400px;
/*	border: 1px solid #000000;*/
	background:url("../img/respformfondo.png");
}
#respuesta2 {
	margin: 100px auto auto 50px;
	height:100%;
	width:70%;
	overflow:auto;
}

#codex {
	background: url("../img/fondocodex2.png");
	height:760px;
	width:800px;
	position:absolute;
	top:10px;
	left:15px;
	z-index:50;
	background-repeat:no-repeat;
}
#texcodex {
	background: url("../img/textocodex.png");
	height:700px;
	width:700px;
	position:relative;
	margin: 50px auto auto 50px;
	background-repeat:no-repeat;
/*	border: 1px solid #000000;*/
}

/* Estido de la pagina de publicidad para PORTILLO */

#contenido_banners{
	height:96%;
	width:800px;
	/*border: 1px solid #0000CC;*/
	position: relative;
	float:left;
	overflow: hidden;
}

/* Capa de login */

#tablalogin{
	font-size:20px;
	margin: 3px auto auto auto;
}
#capalogin{
	background:#000000;
	color:#00FF00;
	margin:300px auto auto auto;
	border: 1px solid #00FF00;
	height:100px;
	width: 245px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 

}
#socios_write{
	margin: 70px auto auto auto;	
}
#socios_read{
	margin: 40px auto auto auto;	
} 
/*#tabsocread, #tabsocwrite, #tabsocread_name {
	margin: 5px auto auto auto;
	font-size:15px;
	color:#FFFFFF;
}
#tabsocread td, #tabsocwrite td, #tabsocread_name td{
	padding-top: 8px;
	padding-right: 8px;
}*/
.tablas_socios{
	margin: 5px auto auto auto;
	font-size:15px;
	color:#FFFFFF;
	text-shadow:#000 2px 1px 2px;
}
.tablas_socios td{
	padding-top: 8px;
	padding-right: 8px;
}
#view_socios{
}
#view_pagos{
}
.tab_pag_titulos{ color:#000000; text-shadow: 2px 2px 3px #ffffff; font-weight:bold;}
.soc_values{
	color:#000000;
	text-shadow:#fff 2px 1px 2px;
}
#objeto_socio{
	margin: 15px auto auto auto;
	width:550px;
}
#div_obj_soc{
	background:url("../img/fondotransparente.png"); background-repeat:repeat;
	height: 280px;
	width: 600px;
	margin: 40px auto auto auto;
	overflow:auto;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	box-shadow: 3px 3px 4pc #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}
#div_obj_pag{
	background:url("../img/fondotransparente.png"); background-repeat:repeat;
	height: 280px;
	width: 600px;
	margin: 40px auto auto auto;
	overflow:auto;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	box-shadow: 3px 3px 4pc #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}

/* ---------------- CLASES ---------------- */