/***** Global Settings *****/

body {
font:100%/1.80 Arial, Helvetica, sans-serif;
background-color:#E4E6D9;
margin:0; 
padding:0;
text-align:center;
background-image:url(../imgs/sombra.gif);
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
  }

html, body {
height: 100%;
border:0;
margin: 0;
padding: 0;
}


/* ESPACIOS EN ALTO */
.espacio1, .espacio2, .espacio4, .espacio5, .espacio10, .espacio20 {clear: both;border:0px;margin:0px;padding:0px;}
.espacio1 {height:1px;line-height:1px;}
.espacio2 {height:2px;line-height:2px;}
.espacio4 {height:4px;line-height:4px;}
.espacio5 {height:5px;line-height:5px;}
.espacio10 {height:10px;line-height:10px;}
.espacio15 {height:20px;line-height:20px;}

/* ESPACIOS EN ANCHO */
.vertical1, .vertical5, .vertical10 {line-height:1px; height:1px; float:left; margin:0px; padding:0px;}
.vertical1 {width:1px;}
.vertical5 {width:5px;}
.vertical10 {width:10px;}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	letter-spacing:-1px;
	font-size:1.5em;
	font-style: italic;
	color: #45A76C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
 
h2 {
	padding:0 0;
	letter-spacing:-1px;
	font-size:1.2em;
	font-weight: bold;
	color: #999999;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
line-height: 18px;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/
 
a,
a:link,
a:visited,
a:active {
color:#006699;
text-decoration:none;
}
 
 
a,
a:hover {
	color:#0099CC;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
	font-size:10px;
	border: 1px solid #66CC99;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
 
textarea {
	width:350px;
	line-height:1.25;
}
 
label {
cursor:pointer;
}

/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:1px;
}

/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** DIV´s *****/

#contenedor {
	text-align:center;
	margin:auto;
	/*background-color:#FFFFFF;*/
	width:980px;
	height:450px;
	vertical-align:top;
	padding-top:10px;
} 

#cabecera {
	width: 100%;
	height:140px;
	text-align: left;
}

#cuerpo {
	width: 100%;
	height:450px;
	text-align:center;
	/*margin-right:10px;*/
	background-color:#FFFFFF;
	vertical-align:top;
} 

#columnaizquierda {
	width:150px;
	float:left;
	vertical-align:top;
	line-height:20px;
	/*padding-top:10px;*/
	padding-left:10px;
	padding-bottom:5px;
	/*border-right:1px solid #eee;*/
	/*background-color: #FFFFFF;*/
	/*background-image: url(../imgs/fdo_columna_izq.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	text-align: left;
	font-size:10px;
	/*background-image: url(../imgs/fdo_esq_columna_izq.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

#columnaizquierda strong {
	font-size:11px;
	color:#FF0000;
	border-bottom:solid 1px #CCCCCC;
	display:block;
	width:100%;
	height:25px;
	/*background-color:#e1ede9;*/
}

/*#columnaizquierda a, #columnaizquierda a:link, #columnaizquierda a:visited, #columnaizquierda a:active {
	color:#666666;
	border-bottom:solid 1px #CCCCCC;
	display:block;
	width:100%;
	height:25px;
}

#columnaizquierda a:hover {
	color:#FF0000;
	background-color:#e1ede9;
}*/

#columnadatos {
	width:160px;
	float:left;
	vertical-align:bottom;
	line-height:20px;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:50px;
	text-align: left;
	font-size:9px;
	color:#009933;
}
#columnadatos a, #columnadatos a:link, #columnadatos a:visited, #columnadatos a:active {
	color:#666666;
}

#columnadatos a:hover {
	color:#FF0000;
}
#columnaderecha {
	padding-top:10px;
	margin: 0 5px 0 0;
	text-align:left;
	width:150px;
	height:390px;
	float:right;
	/*margin:0 0 10px 10px;*/
	color:#009933;
	vertical-align:top;
	background-color: #d6e7e1;
	background-image: url(../imgs/bde_inf_col_derecha.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sublinks {
	/*width:480px;*/
	padding:0 0 5px 0;
	font-size:11px;
	height:30px;
	float:left;
	text-align:left;
	vertical-align:top;
	margin:0 40px 0 0;
}

/*#sublinks table{
	font-size:11px;
}*/

#sublinks ul {
	list-style:none;
	margin:2px;
	padding:0px;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}

#sublinks li {
	list-style:none;
	margin-left:10px;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}

#sublinks a, #sublinks a:link, #sublinks a:active, #sublinks a:visited {
	background-image:url(../imgs/li_hoja.gif); background-repeat:no-repeat; background-position:left;
	font-size:10px;
	padding-left:10px;
	color:#999999;
	border:none;
	float:left;
	background-color:#FFFFFF;
}

#sublinks a:hover {
	color:#FF0000;
}

#sublinks strong {
	color:#FF0000;
	font-weight: bold;
}

/*#nav {
	margin:0 0 0 0;
}

#nav li {
	list-style:none;
	display:inline;
	padding:7px 0;
}

#nav li a {
	padding:7px;
	color:#eee;
	text-decoration:none;
}

#nav li a:hover {
	background:#222;
	color:#fff;
}*/

#principal {
	top:30px;
	font-size:11px;
	color:#333333;
	width:420px;
	height:320px;
	float:right;
	overflow: auto;
	text-align:left;
	padding:20px 10px 15px 0px;
	margin:15px 30px 0 0;
	position: relative;
} 

#principal table {
font-size:11px;s
}
/*#principal tr, #principal td {
line-height: 18px;
}*/
#principal input {
	width:350px;
}
#principal aceptar {
	width:100px;
}
#principal enviardatos {
	width:100px;
	color: #FFFFFF;
	background-color: #009933;
}

#principal a, #principal a:link, #principal a:active, #principal a:visited {
	color:#009933;
}

#principal a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#principal-inicio {
	top:15px;
	font-size:11px;
	color:#333333;
	/*height:400px;*/
	float:right;
	overflow: auto;
	text-align:justify;
	position: relative;
	vertical-align: top;
	width: 620px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
} 

#principal-fotos {
	top:30px;
	font-size:11px;
	color:#333333;
	width:540px;
	height:350px;
	float:right;
	overflow: auto;
	text-align:justify;
	padding:0 0 0 10px;
	margin:15px 15px 0 0;
	position: relative;
} 

#pie {
	clear:both;
	width:980px;
	height:10px;
	background-color:#FFFFFF;
}
 
#socios {
	padding: 5px;
	border: 1px solid #FFFFFF;
	margin: 5px;
	font-size:10px;
}

#socios table{
	color:#006633;
	font-size:10px;
}
#socios h1 {
	font-size:104%;
	font-weight:bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}

/***** Botones *****/

.btn-formulario {
background-color:#009933;
color:#FFFFFF;
}
#novedades {
	font-size:10px;
	margin:27px 10px 0 5px;
	position: relative;
	float: right;
	height: 140px;
	width: 360px;
	overflow: auto;
	/*background-image:url(../imgs/caja_breves.gif);
	background-repeat:no-repeat;
	background-position: top left;*/
	/*padding: 35px 30px 0 10px;*/
}

#novedades h1 {
	font-size:13px;
	font-weight:bold;
}

#novedades a, #novedades a:link, #novedades a:active, #novedades a:visited {
	color:#009933;
	display:block;
	background-color:#F8F8F8;	/*text-align: right;*/
}

#novedades a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#novedades h1 a:link,  #novedades h1 a:active, #novedades h1 a:visited {
	text-decoration:none;
	background:none;
}

#novedades h1 a:hover {
	text-decoration:none;
}

#estadisticas {
	font-size:10px;
	margin:30px 10px 0 5px;
	padding-right: 10px;
	float: right;
	height: 140px;
	width: 360px;
	position: relative;
	overflow: auto;
	/*background-image:url(../imgs/caja_estadisticas.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding: 35px 20px 0 10px;*/
}
#estadisticas table, td, tr {
	font-size:11px;
}
#estadisticas h1 {
	font-size:12px;
	font-weight:bold;
}
#estadisticas h1 a, #estadisticas h1 a:link, #estadisticas h1 a:active, #estadisticas h1 a:visited {
	color:#009933;
	display:block;
}

#estadisticas h1 a:hover {
	color:#FF0000;
	text-decoration:underline;
}
#publicaciones {
	height: 90px;
	width: 330px;
	overflow: auto;
	margin-left: 10px;
	margin-top: 35px;
}
#publicaciones table, td, tr {
	font-size:11px;
}
#publicaciones h1 {
	font-size:12px;
}
#la-circular {
	height: 90px;
	width: 330px;
	overflow: auto;
	margin-left: 140px;
	margin-top: 35px;
	font-size:10px;
}
#la-circular td {
	font-size:10px;
}

/* ESTILOS LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #009933;
}

/* FIN ESTILOS LIGHTBOX */
#principal li {
	list-style-position: inside;
	list-style-image: url(../imgs/li_hoja.gif);
	padding:10px 0 0 2px ;
}
#principal ul {
	padding:10px 0 0 2px ;
}
#tabladatos {
	border: 1px solid #EEEEEE;
	/*margin: 5px;*/
	padding: 5px;
}
#tabladatos td{
	/*margin: 5px;*/
	padding: 5px;
}