@charset "utf-8";
/* CSS Document */

body
{
	text-align:center;
	background-color:#ecebea;
	margin:5px 0 0 0;
}


/* DIVS */
#contenedor
{
	margin: 0 auto;
	text-align:center;
	width:956px;
	position:relative;
}

#div1
{
	background-color:#368301;
	width:168px;
	height:609px;
}

#div11
{
	background-color:#000000;
	width:158px;
	height:65px;	
	top:0;
	padding: 5px;
	text-align:left;	
}

.div111
{
	width:158px;
	height:12px;
	top:0;
	left:5;
	position:absolute;
}

.div112
{
	width:58px;
	height:12px;
	top:12px;
	left:5;
	position:absolute;
}

.div113
{
	width:90px;
	height:12px;
	top:12px;
	left:63;
	position:absolute;
}

.div114
{
	width:158px;
	height:10px;
	top:36px;
	left:0;
	position:absolute;
}

.div115
{
	width:158px;
	height:12px;
	top:46px;
	left:0;
	position:absolute;
}

.div12
{
	background-image:url(../imagenes/logo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:168px;
	height:124px;
	position:absolute;
	top:75px;	
}

.div13
{
	width:168px;
	height:410px;
	position:absolute;
	top:199px;
	text-align:left;
	vertical-align:text-top;
}

.div14
{
	width:168px;
	height:200px;
	position:absolute;
	top:410px;	
}

#div2
{
	background-color:#a1ae08;
	width:206px;
	height:609px;
	position:absolute;
	top:0;
	left:168px;
}

.div21
{
	height:331px;
	width:206px;
	top:0;
}
.div22
{
	background-color:#343434;
	width:200px;
	padding:3px;
	height:54px;
	position:absolute;
	top:331px;
	left:0;	
	background-image: url(../imagenes/clima.jpg);
	background-position:center;
	background-repeat: no-repeat;
}

.div221
{
	position:absolute;	
	width:120px;
	height:54px;
}

.div222
{
	position:absolute;
	left:120px;
	width:80px;
	height:54px;
}

.div23
{
	width:206px;
	height:188px;
	top:391px;
	left:0;
	position:absolute;
	text-align:center;
	margin-top:50px;
}

#div3
{
	background-color:#ffffff;
	width:572px;
	height:609px;
	position:absolute;
	top:0;
	left:374px;
}

.div31
{
	width:550px;
	height:150px;
	position:absolute;
	top:0;
	left:11px;
	right:11px;
}

.div311
{
	width:400px;
	height:150px;
	position:absolute;
	top:0px;
	left:0px;	
}

.div312
{
	width:150px;
	height:150px;
	position:absolute;
	top:0px;	
	right:0px;
}

.div32
{
	background-color:#a1ae08;
	width:545px;
	height:14px;
	position:absolute;
	top:161px;
	left:11px;
	right:11px;
	text-align:left;
	padding-left:5px;	
}

#div33
{
	width:550px;
	height:261px;
	position:absolute;
	top:181px;
	left:11px;
	right:11px;
}

#div33clases
{
	width:550px;
	height:261px;
	position:absolute;
	top:181px;
	left:11px;
	right:11px;
}

.div331
{
	width:100px;
	height:261px;
	position:absolute;
	top:0px;
	left:0px;	
}

.div3311
{
	width:85px;
	height:114px;
	position:absolute;
	top:0px;
	left:0px;	
}

.div3312
{
	width:85px;
	height:114px;
	position:absolute;
	top:130px;
	left:0px;	
}

.div332
{
	width:350px;
	height:261px;
	position:absolute;
	top:0px;
	left:100px;	
}

.div3321
{
	width:350px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;	
}

.div3322
{
	width:350px;
	height:60px;
	position:absolute;
	top:64px;
	left:0px;	
}

.div3323
{
	width:350px;
	height:60px;
	position:absolute;
	top:128px;
	left:0px;	
}

.div3324
{
	width:200px;
	height:60px;
	position:absolute;
	top:192px;
	left:0px;	
}

.divTituloEvento
{
	background-color:#666666;
	width:350px;
	height:12px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	vertical-align:middle;
}

.divTextoEvento
{
	width:350px;
	height:40px;
	position:absolute;
	top:15px;
	left:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	vertical-align:text-top;
}

.div333
{
	width:100px;
	height:261px;
	position:absolute;
	top:0px;
	left:450px;	
}

.div3331
{
	width:85px;
	height:114px;
	position:absolute;
	top:0px;
	right:0px;	
}

.div3332
{
	width:85px;
	height:114px;
	position:absolute;
	top:130px;
	right:0px;	
}

.ventana
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin: 5px;
	height:150px;
	text-align:justify;
}

.div34
{
	background-color:#a1ae08;
	width:545px;
	height:14px;
	position:absolute;
	top:448px;
	left:11px;
	right:11px;
	text-align:left;
	padding-left:5px;	
}

#div35
{
	width:550px;
	height:132px;
	position:absolute;
	top:468px;
	left:11px;
	right:11px;	
}

.div351
{
	width:177px;
	height:132px;
	position:absolute;
	top:0px;
	left:0px;	
}

.div352
{
	width:177px;
	height:132px;
	position:absolute;
	top:0px;
	left:187px;	
}

.div353
{
	width:177px;
	height:132px;
	position:absolute;
	top:0px;
	right:0px;	
}

.divFotoNoticias
{
	width:173px;
	height:46px;
	position:absolute;
	top:0px;
	left:0px;
}

.divTituloNoticias
{
	width:177px;
	height:14px;
	position:absolute;
	top:50px;
	left:0px;
	text-align:left;
	vertical-align:middle;
}

.divTextoNoticias
{
	width:177px;
	height:54px;
	position:absolute;
	top:78px;
	left:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:justify;
	vertical-align:text-top;
}

#div33b
{
	width:550px;
	height:420px;
	position:absolute;
	top:181px;
	left:11px;
	right:11px;
	overflow:auto;
}

.div33b1
{
	width:525px;
	height:100px;	
	top:0px;
	position:relative;
	text-align:justify;
}

.div33b2
{
	width:525px;
	height:320px;	
	top:50px;
	position:relative;
	left:5px;	
}

.divCentrado
{
	width:100%;
	height:auto;
	text-align:center;	
}

/* TEXTO */

.tcontacto
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#343434;
}

.tcontacto:hover
{
	text-decoration:none;
}

.ttituloMediano
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:0px;
}

.ttituloPeque
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:-1px;
	left:5px;
}

.ttituloPeque2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	position:absolute;
}

.ttituloPeque3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;	
}

.tmenu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}

.tmenu:hover
{
	color:#403D38;	
}

.tmenusel
{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#a1ae08;	
}

.tmenu2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;		
	position:absolute;
}

.tmenu2:hover
{
	color:#403D38;	
}

.tnegro
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666666;
}

.tverde
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#368301;
}

a.tverde:hover
{
	text-decoration:underline;
}

.tverde2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#368301;
}

.tverde3
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#368301;
}


.tblanco
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}



/* LISTAS */

.lmenu
{
	padding-left:10px;
	padding-right:10px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:160px;
}

.lclub
{
	padding-left:10px;
	padding-right:10px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:200px;
}

.lclub2
{
	padding-left:5px;
	padding-right:5px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:250px;
}

.lclub3
{
	padding-left:5px;
	padding-right:5px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:510px;
}

.lclub4
{
	padding-left:5px;
	padding-right:0px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:385px;
}

.liClub4
{
	text-align:center;
}

.lclub5
{
	padding-left:0px;
	padding-right:0px;
	top:5px;
	list-style: none;
  	text-align: left;
	width:70px;
}

.lclub6
{
	padding-left:0px;
	padding-right:0px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:215px;
}

.lclub7
{
	padding-left:15px;
	padding-right:0px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:100px;
}

.lclub8
{
	padding-left:0px;
	padding-right:0px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:60px;
}

.lclub9
{
	padding-left:0px;
	padding-right:0px;
	top:10px;
	list-style: none;
  	text-align: left;
	width:263px;
}

.lclub10
{
	padding-left:0px;
	padding-right:0px;	
	top:10px;
	list-style: none;
  	text-align: left;
	width:170px;
}

.lsocio
{
	padding:5px;	
	list-style: none;
  	text-align: left;
	width:158px;
	vertical-align:top;
	top:0;
}

.liClub5a
{
	background-color:#a1ae08; 
	text-align:center; 
	border-bottom:#FFF solid 2px; 
	width:522px;
}

.liClub5b
{
	background-color:#a1ae08; 
	text-align:center; 	
}

.liClub5c
{	 
	border-bottom:#FFF solid 2px; 	
}

.liClub5d
{
	width:400px;
}

.liClub5e
{
	width:520px;
}

.liClub5f
{
	width:263px;
}

.liClub5g
{
	width:170px;
}

.liClub5h
{
	width:174px;
}

.liClub5i
{
	background-color:#ced767;
}

.liPeque
{
	background-color:#a1ae08; 
	text-align:center;
	width:71px;
}

.liPeque2
{	 	
	width:70px;
}

.liPeque3
{	 
	width:60px;
}

.liSup
{
	border-top:#a1ae08 solid 2px;
}

.tdLateral
{
	border-left:#a1ae08 solid 2px;
}

/* OBJETOS */

.caja
{
	width:90px;
	height: 12px;
	font-size:10px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	left:65px;
	position:absolute;
}

.txtUsuario
{
	top:18px;	
}

.fontUsuario
{
	top:18px;
	width:55px;
}

.fontSocio
{
	top:0px;
	width:auto;
}

.txtPass
{
	top:39px;	
}

.fontPass
{
	top:39px;
	width:55px;
}

.fontNaranja
{
	color:#ff6600;
}

.aEntrar
{
	top:60px;
	left:130px;
}

.aLeer
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#ff6600;
	text-decoration:none;
}

.aLeer:hover
{	
	text-decoration:underline;
}

.aClima
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ff6600;
	text-decoration:none;
}

.aClima:hover
{
	font-weight:bold;
}

.imgEventos
{
	border-color:#666666;	
}

.imgNoticias
{
	border-color:#666666;	
}

/* MENU DESPLEGABLE */

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
.fg-button { clear:left; padding-left:3px; text-decoration:none !important; cursor:pointer; position: relative; text-align: left; width:120px; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }
.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }




.publi1
{
	position:relative;
	top:220px;
	left:2px;
}

.imgPubli1
{
	position:absolute;
	left:0px;
	top:0px;
	border:solid #a1ae08 1px;	
	width:162px;
	height:82px;
}

.publi2
{
	position:relative;
	top:307px;
	left:2px;	
}

.ul {
	margin: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */	
	z-index:5;
	padding-left:10px;
	line-height:15px;;	
	}
	
.ul li {
	position: relative;
	height:18px;	
	}
	
.li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	width:160px;
	}

/* Styles for Menu Items */
.ul li a {
	display: block;
	text-decoration: none;	
	background: #53a515; /* IE6 Bug */
	padding-left:5px;	
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left;  }
* html ul li a {  }
/* End */

.li:hover ul, li.over ul { display: block; } /* The magic */

.nuevoMenu
{	
	padding:3px;
	background-color:#368301;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border: 1px solid #368301;
}

.flechita
{
	position:absolute;
	right:0px;
	top:5px;
}
