/*---------------------- ESTRUCTURA GENERAL -------------------------*/
/* hacks varios, adivinen para q browser... */
html, body, #wraper {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0
}

html>body #wraper {
    height: auto /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body {
}

#wraper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#top,#header,#main,#footer{
	position:relative;
	width:100%;
	margin:0;
    padding: 0
}

#header{
	background:#9cd52f url(head_bg.gif) repeat-x bottom;
	margin:0;
	padding:0;
}
* html #header{
}
#main {
	overflow:hidden;
	min-height:200px;
	padding:0;
    padding-bottom:11em; /* este padding debe ser mayor al height del footer*/
    background: url(main_bg.gif) repeat-x #fff 1px 1px
}

* html #main{
	overflow:visible;
	height:200px
}

#footer {
	background:url(foot_bg.gif) repeat-x top #989887;
    position: absolute;
    bottom: 0;
    height:10em /* esta altura debe ser menor que el padding bottom del main  */
}
.width_wraper {
	position:relative;
	overflow:hidden;
	margin: 0 auto;
	width:90%;
	min-width:760px
}
* html .width_wraper{
	width: expression((documentElement.clientWidth <760) ? "760px" : "90%" );
}
/* ------------------------- BASICOS ------------------------- */
body{
	font-size:0.85em;
    font-family: Arial,sans;
    color:#5f5f5b
}
/*para IE6*/
* html body{
	font-size:0.8em
}
/*para IE7*/
*:first-child+html body{
	font-size:0.8em
}
a{
	font-weight:bold;
	color:#86b32c
}
a:hover{
	text-decoration:none;
	color:#666
}
form{
	margin:0;
	padding:0
}
.nodisplay{
	display:none
}
ul{
	list-style-image:url(more.gif)
}
ul a{
	text-decoration:none
}
ul a:hover{
	text-decoration:underline
}
.imgLeft{
	float:left
}
.imgRight{
	float:right
}
/* ------------------------- HEADER ------------------------- */
#header h1{
	float:left;
	margin:6px 0 20px 0;
	padding:0;
	background:url(logo.gif) no-repeat
}
/*para IE6*/
* html #header h1{
	height:70px
}
/*para IE7*/
*:first-child+html #header h1{
	height:70px
}
#header h1 a{
	width:146px;
	height:51px;
	text-indent:-50000em;
	display:block
}
#header .top_right{
	margin-left:4em;
	font-size:0.7em;
	float:right;
	color:#fff
}
#header .top_right a,#header #menu a{
	text-decoration:none;
	color:#fff
}
#header .top_right a:hover,#header #menu a:hover{
	text-decoration:underline
}
#header #menu{
	margin-top:0.4em;
	font-size:0.7em;
	float:right;
	color:#fff
}
#header .top_right .selected{
	color:#ddd
}
#header #menu .selected{
	color:#ddd
}
#header #navigation{
	float:left
}
#header #navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden
}
#header #navigation ul li{
	width:auto;
	float:left;
	margin-right:1.2em
}
#header #navigation ul li a{
	color:#fff;
	line-height:2em;
	padding-bottom:0.4em;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none
}
* html #header #navigation ul li a{
	padding-bottom:0.25em
}
*:first-child+html #header #navigation ul li a{
	padding-bottom:0.25em
}

#header #navigation ul li a:hover{
	background:url(nav_tri.gif) no-repeat center bottom
}
#header #navigation ul li .selected{
	background:url(nav_tri.gif) no-repeat center bottom;
	color:#f1f1f1
}
/* ------------------------- SEARCH ------------------------- */
#search{
	background:#6a931c;
	float:right
}
#search form{
	padding:0 0.3em;
}
#search form label{
	margin:0;
	padding:0
}
#search form #ajaxSearch_input{
	font-size:0.75em;
	width:10em;
	font-weight:bold;
	padding:0.1em;
	background:#6a931c;
	border:1px solid #96b35f;
	color:#96b35f
}
#search form #ajaxSearch_submit{
	margin:0;
	padding:0;
	font-size:0.01em;
	width:16px;
	height:18px;
	background:#6a931c url(search.gif) no-repeat;
	text-indent:-50000em;
	border:none
}
#searchResults{
	color:#fff;
	background:#6a931c url(linea.gif) repeat-x
}
#current-search-results{
	margin:1em
}
#current-search-results a{
	font-size:0.85em;
	color:#fff
}
.AS_ajax_more{
	color:#86b32c;
	font-weight:bold;
	font-size:0.9em
}
/* ------------------------- BREAD ------------------------- */
#breadcrumbs{
	font-size:0.7em
}
#breadcrumbs a{
	color:#666;
	text-decoration:none
}

/* ------------------------- FOOTER ------------------------- */
#footer .width_wraper{
	margin-top:45px
}
#footer_nav{
	float:left;
	width:440px;
	font-size:0.7em
}
#footer_nav h2{
	font-size:1em;
	margin:0;
	padding:0;
	margin-bottom:0.3em;
	color:#deded6;
	border-bottom:1px solid #deded6
}
#footer_nav ul{
	color:#fff;
	list-style:square;
	float:left;
	width:30%;
	margin:0;
	padding:0;
	margin-left:12px
}
* html #footer_nav ul{
	list-style:disc;
	padding-left:10px;
	margin-left:0;
}
#footer_nav ul li{
	margin:0;
	padding:0
}
#footer_credits{
	float:right;
	width:210px;
	background:url(foot_line.gif) repeat-y;
	padding-left:15px;
	font-size:0.7em;
	color:#fff
}
#footer_credits a,#footer_nav a{
	color:#f3f3ee;
	text-decoration:none
}
#footer_credits a:hover,#footer_nav a:hover{
	text-decoration:underline
}
/* ------------------------- INDEX MIDDLE ------------------------- */
.index_banner{
	background:#e7e6e4 url(banner_bg.gif) no-repeat bottom right;
}
.index_banner img{
	margin:10px 6px 15px 6px
}
.index_middle{
	background:url(main_bg2.gif) repeat-x 1px 1px;
	padding-top:2em
}

.head_title{
	margin:0.3em 0;
	width:100%;
	background:url(news_bg.gif);
	overflow:hidden
}
.head_title h2{
	font-size:1.8em;
	margin:1em 0 0.3em 0.5em;
	display:inline;
	float:left
}
.head_title img{
	float:right
}

#noticias{
	background:url(news_bg.gif);
	font-size:0.7em;
	width:35%;
	padding:0.4em;
	float:left
}
#destacados{
	font-size:0.85em;
	width:60%;
	float:right
}

#noticias h3{
	margin:0;
	padding:0;
	font-size:1.4em;
	color:#86b32c
}
#noticias h4{
	font-size:1.1em;
	margin:0;
	padding:0;
	margin-top:0.7em;
	color:#86b32c
}
#noticias p{
	margin:0;
	padding:0
}


#destacados h3{
	margin:0;
	padding:0.3em;
	background:#575656;
	color:#fff
}

.destacado{
	height:100%;
	background:#f3f3ee;
	overflow:hidden;
	margin-top:0.5em;
	padding:7px
}
.destacado img{
	float:left;
	width:210px;
	margin-right:10px
}
.destacado h4 {
	font-size:1.2em;
	color:#86b32c;
	margin:0;
	padding:0
}
.destacado p{
	font-size:0.9em;
	margin:0;
	padding:0;
}
.mas_info{
	text-decoration:none;
	background:url(more.gif) no-repeat;
	padding-left:10px
}
.mas_info:hover{
	text-decoration: underline
}

/* ------------------------- FORMS ------------------------- */
.formulario{
	margin-left:20%;
	width:50%
}
.formulario label{
	float:left;
	width:30%
}
.formulario input,.formulario textarea{
	border:1px solid #666;
	float:right;
	width:60%
}
.formulario .btn{
	clear:both;
	float:right;
	margin-bottom:2em;
	margin-right:40%;
	width:auto
}

/* ------------------------- GALERIAS ------------------------- */
.pagenumbers{
	text-align:center;
	font-size:0.8em
}
.thumbscontainer,.managecontainer{
	width:100%;
	margin-left:4%;
}
* html .thumbscontainer,*html .managecontainer{
	width:96%;
	margin-left:2%;
}
.thumbscontainer ul li{
	width:16%;
	height:9.5em;
	text-align:center;
	border:1px solid #f1f1f1;
	padding:5px;
	padding-bottom:10px;
	margin-bottom:2em
}
.thumbscontainer p{
	margin:0;
	padding:0;
	font-size:0.8em;
	width:100%;
	text-align:center
}

/* ------------------------- LISTADOS ------------------------- */
.LIn_fullMode {
	width:72%;
	margin-left:0;
	padding-left:3%;
	margin-top:1.5em
}
.LIn_fullMode li{
	margin-left:0;
	padding-left:0;
	margin-bottom:1em;
	border-bottom:1px dashed #ddd
}