@charset "utf-8";
/* CSS Document */
body {
	background-image: url(images/fondo.jpg);
	background-repeat: repeat-x;
	background-color: #EDD49B;
}

a:link {
	text-decoration: none;
	color:#000000;
}
a:visited {
	text-decoration: none;
	color:#000000;
}
a:hover {
	text-decoration: none;
	color:#000000;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:301px;
	height:99px;
	z-index:10;
	/*border:#FC0 solid 2px;*/
}
#face {
	position:absolute;
	left:120px;
	top:775px;
	width:30px;
	height:30px;
	z-index:10;
	/*border:#FC0 solid 2px;*/
}
#tasa {
	position:absolute;
	left:65%;
	margin-left:-250px;
	top:56%;
	margin-top:-343px;
	width:498px;
	height:686px;
	background-image:url(images/tasa.png);
	z-index:1;
}
#main {
	position:absolute;
	left:47%;
	margin-left:-421px;
/*	top:50%;*/
	margin-top:25px;
	width:842px;
	height:805px;
	z-index:2;
	background-image:url(images/frame.png);
	background-repeat:no-repeat;
	/*border:#000 solid 1px;*/
}
#contenedor {
	padding:109px 5px 7px 116px;
}

#text_menu{
	font-family:verdana;
	font-size:14px;
	color:#000000;
	line-height:20px;
	}
	
#cont_contact{
	 background-image:url(images/fondo_contcat.jpg);
	 height:488px;
	 width:687px;
	}
	
#fondo_oscuro{
	 height:488px;
	 width:687px;
	 background-color:000;
	}
	
#text_contact{
color:#fff;
font-family:Verdana;
font-size:15px;
text-align:left;
margin-left:40px;
font-weight:bold;
	}
#evento_margen{
color:#fff;
font-family:Verdana;
font-size:15px;
text-align:left;
margin-left:40px;
margin-right:40px;
font-weight:bold;
	}
#link{
color:#fff;
font-family:Verdana;
font-size:15px;
text-align:left;
font-weight:bold;
	}
#text_contact2{
color:#fff;
font-family:Verdana;
font-size:15px;
text-align:left;
margin-top:100px;
font-weight:bold;
	}
	
#text_about{
color:#fff;
font-family:Verdana;
font-size:15px;
text-align:left;
font-weight:normal;
	}
	
.foto_evento{
border:2px solid #D19D50;
	}
	
	
	
/*Slide 1*/	
#slideshow {
    position:relative;
	width:219px;
    height:211px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*Slide 1*/	
#slideshow2 {
    position:relative;
	width:219px;
    height:211px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}





/*fadde*/
	@-webkit-keyframes cf3FadeInOut {
	 0% {
	   opacity:1;
	 }
	25% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	 100% {
	   opacity:0;
	 }
	}
	
	@-moz-keyframes cf3FadeInOut {
	 0% {
	   opacity:1;
	 }
	25% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	 100% {
	   opacity:0;
	 }
	}	
	
	@-ms-keyframes cf3FadeInOut {
	 0% {
	   opacity:1;
	 }
	25% {
		opacity:1;
	}
	75% {
		opacity:0;
	}
	 100% {
	   opacity:0;
	 }
	}	

	#cf3 {
		position:relative;
		width:145px;
		height:140px;
		top:0px;
		left:0px;
		
	}
	#cf3 img {
		position:absolute;
		width:145px;
		height:140px;
		top:0px;
		left:0px;
	}
	
	#cf3 img.top {
		
		-webkit-animation-name: cf3FadeInOut;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 5s;
		-webkit-animation-direction: alternate;
		
		-moz-animation-name: cf3FadeInOut;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration: 10s;
		-moz-animation-direction: alternate;		
		
		-ms-animation-name: cf3FadeInOut;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-iteration-count: infinite;
		-ms-animation-duration: 5s;
		-ms-animation-direction: alternate;		
	}