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

*{
	margin: 0px;
	padding: 0px;
}

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

#wrapper{
 width: 980px;
 margin-left:auto;
 margin-right:auto;
 /*background:cyan;*/
}

body{
background: url('../aso_web.png') center top repeat-x;
background-color: #AABE4F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
h1, h2, h3, h4, h5{ font-family: 'Vollkorn', arial, serif; font-weight:bold;}
.xfooter{
text-align:center;
clear:both;
font-size:13px; 
color:#FFFFFF;
padding-top:40px;
padding-bottom:30px;
}


.xinfo{
text-align:center;
clear:both;
font-size:20px;

color:#FFFFFF;
padding-top:40px;
font-family: 'Yanone Kaffeesatz', arial, serif; 
}

#gallery {
	width:480px;
	margin-left:auto;
	margin-right:auto;
	/*border:black 1px solid;*/
	margin-top:290px;
}


#gallery ul { padding:0px; margin:0px; list-style: none;}

#gallery ul li { display: inline; padding:0px; float:left;  list-style: none; margin:2px;}

#gallery ul a {
	padding: 10px;
	background:#3e3e3e;
	display:block;
}

#gallery ul a:hover {
	background:#E8F30C;
}

#gallery ul a:hover span{
	color:#3e3e3e;
}

#gallery ul img {
	border:none;
}

#gallery ul li span{
display:block;
color:#ffffff;
text-align:center; 
}



a{text-decoration:none;}
em{color:#666666; font-size: 90%;}
em:before{content: "\00BB \0020 \0020";}


/*FERIA*/
div.notas_seccion{
clear:both;
padding-top:280px;
}
div.nota{
float:left;
width:300px;
margin-left:5px;
margin-right:5px;
}
div.img{
height:170px;
}
div.desc{
color:#333333;
background:#FCFCFC;
padding:10px;
border-top:#494949 1.5px dotted;
}

.mas_info{
background:#00C3DF;
display:block;
padding:5px;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px solid #00A2BA;
border-right:1px solid #00A2BA;
text-shadow:#666666 2px 2px 2px;
}

.mas_info_2{
background:#F9B002;
display:block;
padding:5px;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px solid #D09B02;
border-right:1px solid #D09B02;
text-shadow:#666666 2px 2px 2px;
}

.mas_info_3{
background:#CC0033;
display:block;
padding:5px;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px solid  #990033;
border-right:1px solid #990033;
text-shadow:#666666 2px 2px 2px;
}

div.publicidad{
width:900px;
padding-top:40px;
display:table;

border: 1px 0px 1px 0px solid #CCCCCC;
}

div.participante{
float:left;
padding-right:7px;
padding-right:7px;
padding-bottom:7px;
}

div.participante img{
border:5px solid #000000;
}

div.participante img:hover{
border:5px solid #33CCFF;
}