@charset "utf-8";

@import url("../library/reset.css");

.clearL{ clear: left; }
.clearR{ clear: right; }
.clearB{ clear: both; }

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #6B3207;
	line-height: 130%;
	background: url('../images/bg.jpg') repeat;
}
#contenedor{
	width: 706px;
	position: relative;
	padding: 12px;
	margin: 0 auto;
	background: #F7F4EF;
	margin-top: 5px;
}
.top{
	position: absolute;
	background: url('../images/cabeza.jpg') no-repeat;
	height: 12px;
	width: 730px;
	top: 0;
	left: 0;
	z-index: 99;
}
.right{
	position: absolute;
	background: url('../images/derecha.jpg') repeat-y;
	width: 12px;
	top: 0px;
	right: 0;
	height: 100%;
	z-index: 10;
}
.bottom{
	position: absolute;
	background: url('../images/pie.jpg') no-repeat;
	height: 12px;
	width: 730px;
	bottom: 0;
	left: 0;
	z-index: 99;
}
.left{
	position: absolute;
	background: url('../images/izquierda.jpg') repeat-y;
	width: 12px;
	top: 0px;
	left: 0;
	height: 100%;
	z-index: 10;
}
#nav{
	background: url('../images/nav_bg.jpg') no-repeat;
	height: 38px;
	width: 584px;
	padding: 0 61px;
	font-size: 0;
}
#nav li{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
#nav li a{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	background-position: center top;
	height: 38px;
}
#nav li a:hover, #nav li a.active{
	background-position: center bottom;
}
#nav .home{
	width: 52px;
	background: url('../images/btn_home.jpg') no-repeat;
}
#nav .historia{
	width: 73px;
	background: url('../images/btn_historia.jpg') no-repeat;
}
#nav .autoridades{
	width: 101px;
	background: url('../images/btn_autoridades.jpg') no-repeat;
}
#nav .noticias{
	width: 97px;
	background: url('../images/btn_noticias.jpg') no-repeat;
}
#nav .socios{
	width: 132px;
	background: url('../images/btn_socios.jpg') no-repeat;
}
#nav .galeria{
	width: 129px;
	background: url('../images/btn_galeria.jpg') no-repeat;
}

#contenido{
	background: url('../images/fdo_home.jpg') no-repeat;
	padding-bottom: 40px;
	min-height: 470px;
}
#default #contenido{
	background: url('../images/fdo_home.jpg') no-repeat;
}
#historia #contenido{
	background: url('../images/fdo_historia.jpg') no-repeat;
}
#autoridades #contenido{
	background: url('../images/fdo_autoridades.jpg') no-repeat;
}
#noticias #contenido{
	background: url('../images/fdo_actividades.jpg') no-repeat;
}
#socios #contenido{
	background: url('../images/fdo_socios.jpg') no-repeat;
}
#galeria #contenido{
	background: url('../images/fdo_home.jpg') no-repeat;
}
#sugerencias #contenido{
	background: url('../images/fdo_sugerencias.jpg') no-repeat;
}
#main{
	background: url('../images/main_bg.jpg') repeat-y;
	width: 396px;
	position: relative;
	padding: 48px 45px 63px;
	margin-left: 220px;
	line-height: 150%;
}
.main_top{
	background: url('../images/main_top.jpg') no-repeat;
	width: 486px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
}
.main_bottom{
	background: url('../images/main_bottom.jpg') no-repeat;
	width: 486px;
	height: 63px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#main ol{
	padding-left: 40px;
	list-style: decimal outside;
	margin: 5px 0 15px;
}
#main ul{
	padding-left: 40px;
	list-style: disc outside;
	margin: 5px 0 15px;
}
h2{
	font-size: 12px;
	background: url('../images/h2_bg.jpg') no-repeat;
	height: 86px;
	width: 395px;
	line-height: 86px;
	text-align: center;
}
h3{
	color: #6B3207;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
}
p{
	padding-bottom: 10px;
}
#main .socios_nav{
	font-size: 0;
	width: 398px;
	padding-left: 0px;
}
.socios_nav li{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
.socios_nav li a{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	height: 20px;
	background-position: center top;
}
.socios_nav li a:hover{
	background-position: center bottom;
}
.socios_nav .comision{
	background: url('../images/btn_comision.jpg') no-repeat;
	width: 160px;
}
.socios_nav .primeros{
	background: url('../images/btn_primeros.jpg') no-repeat;
	width: 131px;
}
.socios_nav .presidentes{
	background: url('../images/btn_presidentes.jpg') no-repeat;
	width: 107px;
}
.socios_nav .otros{
	background: url('../images/btn_otros.jpg') no-repeat;
	width: 258px;
	margin-left: 70px;
}
.link_sugerencias{
	display: block;
	width: 318px;
	height: 81px;
	background: url('../images/btn_sugerencias.jpg') no-repeat;
	margin: 0 0 0 290px;
}
img.title{
	margin-bottom: 24px;
}
/*---NOTICIAS ---*/

.item img{
	border: 1px solid #6B3207;
    margin: 6px;
    padding: 3px;
    float: left;
}
.item .texto{
	margin: 6px;
    padding: 3px;
    float: left;
    width: 240px;
}
.item .texto a{
	color: #6B3207;
    font-weight: bold;
    text-decoration: underline;
}
.item .texto a:hover{
	color: #000;
	text-decoration: none;
}
.item h3{
	font-size: 16px;
	padding-bottom: 10px;
}
.separador{
	background: url('../images/separador.jpg') no-repeat;
	width: 395px;
	height: 46px;
	margin-bottom: 15px;
}
.item.ampliado .texto{
	width: 100%;
	float: none;
	text-align: justify;
}

/*--socios--*/
.columna_uno, .columna_dos{
	float: left;
	width: 198px;
}
.item.ampliado img{
	border: none;
    float: none;
    margin: 0;
    padding: 0;
}
/*----Galeria----*/
.fotos{
	padding: 0 0 0 30px;
}
.foto{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	margin: 14px;
	border: 6px solid #6B3207;
}
.foto a{
	width: 141px;
	height: 92px;
	display: block;
}
.paginacion{
	text-align: center;
}
.paginacion a{
	color: #6B3207;
}
.paginacion a:hover{
	color: #000;
}
.paginacion strong{
	color: #000;
	font-size: 13px;
}
