body
{
	background:url(../img/bg.jpg)  repeat ; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto%;
}

#contenedor
{
	background:;
	width:100%;
	height:auto;
	position:relative;
}

/*MENU PRINCIPAL*/
#menu_principal
{
	background:url(../img/bg_menu.png)  repeat ;
	width:100%;
	height:137px;
	position:relative;
	margin-top:-16px;
}

#logo
{
	background:url(../img/logo.png)  no-repeat 0%  50% ;
	width:331px;
	height:137px;
	margin-left:84px;
	position:absolute;
}

#menu_navegacion
{
	background:url(../img/bg_navegacion.png)  repeat ;
	width:490px;
	height:90px;
	position:relative;
	left:415px;
	top:46px;
}

#menu_navegacion ul
{
	background:;
	height:90px;
	list-style: none;
}

#menu_navegacion ul li
{
	background:;
	width:163px;
	float: left;
	
}

#menu_navegacion ul li a
{
	background:#000000;
	display: block;
	margin-left:-39px;
	height:90px;
}

#menu_navegacion ul li  #home
{
	background:url(../img/home.png)  no-repeat;
	width:163px;
	height:90px;
	
	
}

#menu_navegacion ul li  #eventos
{
	background:url(../img/eventos.png)  no-repeat ;
	width:163px;
	height:90px;
}

#menu_navegacion ul li  #mapa
{
	background:url(../img/mapa.png)  no-repeat ;
	width:164px;
	height:90px;
	position:absolute;
	margin-left:286px;
	margin-top:-90px;
}

#sombras
{
	background:url(../img/sombra-navegacion.png)  repeat ;
	width:100%;
	height:19px;
	margin-top:0;
	position:absolute;
}

#sombra-home
{
	background:url(../img/sombra-home.png)  no-repeat;
	width:163px;
	height:19px;
	margin-top:-2px;
	margin-left:416px;
	position:;
}

#sombra-eventos
{
	background:url(../img/sombra-eventos.png)  no-repeat;
	width:163px;
	height:19px;
	margin-top:-18px;
	margin-left:579px;
	position:;
}

#sombra-mapa
{
	background:url(../img/sombra-mapa.png)  no-repeat;
	width:164px;
	height:19px;
	margin-top:-19px;
	margin-left:742px;
	position:;
}

#twitter a
{
	background: url(../img/twitter.png)  no-repeat;
	width:43px;
	height:35px;
	margin-left:80%;
	margin-top:-35px;
	position:absolute;
	-webkit-transition: all .7s;
	transition: all .7s;
}

#twitter a:hover
{
	background: url(../img/twitter-org.png)  no-repeat;
}

#facebook a
{
	background: url(../img/face-blanco.png)  no-repeat;
	width:27px;
	height:51px;
	margin-left:87%;
	margin-top:-45px;
	position:absolute;
	-webkit-transition: all .7s;
	transition: all .7s;
}

#facebook a:hover
{
	background: url(../img/face-azul.png)  no-repeat;
}

/*SLIDE*/
#slider
{
	background: url(../img/slider/fondo_slide.jpg) 100%   no-repeat ;
	margin-left:15%;
	overflow:hidden;
	width:70%;
	height:413px;
	position:;
	
}

/*CONTENIDO*/


#ayuda
{
	width:80%;
	height:auto;
	margin-left:10%;

}

#ayuda1
{
	padding-bottom:35px;
}

#sombras_contenido
{
	
	width:100%;
	height:19px;
	margin-top:;
	position:absolute;
	padding-top:;
	float:left;
}
#contenido
{
	background:  url(../img/bg_contenido.jpg)  repeat ;
	width:100%;
	float: left;
	position: relative;
	right:37%;
}
#contenido2 {
	background:   url(../img/desgrado-side.png)  repeat-y 123% ;
	margin-top:px;
    float:left;
    width:70%;
    margin-left:15%;
	position: relative;
	overflow: hidden;
	padding-top
}
#evetos
{
	background:;
	width:62%;
	float: left;
	position: relative;
	left:38%;
}

#der
{
	
	width:37%;
	height:;
	float:left;
	position: relative;
	left:38%;
} 

#contenedor_evento
{
	background:#e4e4e3;
	width:473px;
	height:322px;
	margin-left:9%;
	margin-top:20px;
	margin-bottom:40px;
	border-radius:15px;
	box-shadow:1px 1px  5px  #000;
	-moz-box-shadow:1px 1px  5px  #000;
	-webkit-box-shadow:1px 1px  5px  #000;
	position:relative;

}

#contenedor_evento h2
{
	font-family: "Berlin Sans FB" ;
	color:#ffffff;
	text-shadow:2px 3px 18px  #000000;
	font-size:14pt;
	padding-top:5px;

}

.titulo_evento
{
	background:url(../img/bg-cabezera-eventos.jpg)  repeat-x ;
	margin-left:2px;
	position:absolute;
	width:469px;
	height:37px;
	border-radius:15px 15px 0px 0px;
	text-align:center;
	margin-top:2px;
	text-transform:capitalize;
}

/* EFECTOS */


ul.efectos {
position:relative;
margin:0;
padding:0;
}

ul.efectos li
{
	background:#d1d694 url(../img/FONDO_CARTELES.jpg) no-repeat center center;
	position:relative;
	list-style:none;
	width:469px;
	height:244px;
	overflow:hidden;
	float:left;
	margin-left:2px;
	margin-top:39px;
}

ul.efectos li:hover img{
       -webkit-transform:scale(6);
		-moz-transform:scale(6);
		-ms-transform:scale(6);
		-o-transform:scale(6);
		opacity:0;
}
 
ul.efectos li img{

		z-index:30;
		position:absolute;
		top:0;
		left:0;
		-webkit-transition:all .7s ease-out;
		-moz-transition:all .7s ease-out;
		-ms-transition:all .7s ease-out;
		-o-transition:all .7s ease-out
}
 
ul.efectos li h3{
		font-size:1em;
		color:#363a3d;
		line-height:1.5em;
		letter-spacing:.1em;
		text-align:center;
		text-transform:uppercase;
		-webkit-transition:all .5s ease-in;
		-webkit-transform:scale(0.1);
		-moz-transition:all .5s ease-in;
		-moz-transform:scale(0.1);
		-ms-transition:all .5s ease-in;
		-ms-transform:scale(0.1);
		-o-transition:all .5s ease-in;
		-o-transform:scale(0.1);
		opacity:0;
		margin:0;
		padding:0
}

ul.efectos li:hover h3{
		padding-top:30px;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	opacity:1
}
 
ul.efectos li hr {
	width:0;
	color:#fff;
	background-color:#333;
	border:none;
	height:2px;
	-webkit-transition:all .6s linear;
	-moz-transition:all .6s linear;
	-ms-transition:all .6s linear;
	-o-transition:all .6s linear;
	margin:auto
}

ul.efectos li:hover hr {
	width:200px
}

ul.efectos li p {
	color: #363a3d;
	font-family:helvetica, arial, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	text-align:center;
	text-tranform:uppercase;
	-webkit-transition:all .6s ease-in;
	-webkit-transform:scale(0.1);
	-moz-transition:all .6s ease-in;
	-moz-transform:scale(0.1);
	-ms-transition:all .6s ease-in;
	-ms-transform:scale(0.1);
	-o-transition:all .6s ease-in;
	-o-transform:scale(0.1);
	opacity:0;
	margin:0;
	padding:20px
}

ul.efectos li:hover p {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	opacity:1
}

ul.efectos li a.Lytebox {

	display:block;
	text-align:center;
	font-family:helvetica, arial, sans-serif;
	position:relative;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-decoration:none;
	font-size:1em;
	background:#333;
	color:#fff;
	width:150px;
	margin-left:35%;
	border:none;
	border-radius:5px ;
	-webkit-transition:all .6s ease-in;
	-webkit-transform:translateY(230px) scale(5);
	-moz-transition:all .6s ease-in;
	-moz-transform:translateY(230px) scale(5);
	-ms-transition:all .6s ease-in;
	-ms-transform:translateY(230px) scale(5);
	-o-transition:all .6s ease-in;
	-o-transform:translateY(230px) scale(5);
	opacity:0;
	cursor:pointer;
	z-index:50;
	padding:4px
}

ul.efectos li:hover a.Lytebox {
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	-ms-transform:translateY(0) scale(1);
	-o-transform:translateY(0) scale(1);
	opacity:1
}

.titulo_evento1  a
{
	text-align:left;
	padding-left:20px;
	margin-top:;
	text-decoration:none;
	font-family: "Berlin Sans FB" ;
	color:#ffffff;
	text-shadow:2px 3px 18px  #000000;
	font-size:12pt;
	padding-top:7px;
}

.titulo_evento1  
{
	background:url(../img/bg-cabezera-eventos.jpg)  repeat-x ;
	margin-left:2px;
	position:absolute;
	width:369px;
	height:33px;
	border-radius:0px 0px 18px 18px;
	text-align:left;
	padding-left:100px;
	margin-top:283px;
	text-decoration:none;
	font-family: "Berlin Sans FB" ;
	color:#ffffff;
	text-shadow:2px 3px 18px  #000000;
	font-size:12pt;
	padding-top:7px;
	
}



#twitter-pq a{
	background:url(../img/twpq.png) no-repeat ;
	width:30px;
	height:28px;
	margin-left:260px;
	margin-top:-22px;
	position:absolute;
	-webkit-transition: all .9s;
	transition: all .9s;
}

#twitter-pq a:hover{
	background:url(../img/twcirpk.png) no-repeat;
	width:30px;
	height:30px;
}

#face-pq a{
	background:url(../img/facepeq.png) no-repeat ;
	width:30px;
	height:28px;
	margin-left:300px;
	margin-top:-22px;
	position:absolute;
	-webkit-transition: all .9s;
	transition: all .9s;
}

#face-pq a:hover{
	background:url(../img/fccirpk.png) no-repeat;
	width:30px;
	height:30px;
}




#logo-twitter
{
	background: url(../img/logo-twitter.png)  no-repeat;
	position:absolute;
	width:80px;
	height:96px;
	margin-left:40px;
	margin-top:-135px;
}

#separador
{
	background: url(../img/bg.jpg)  repeat ; 
	width:100%;
	margin-top:0px;
	float:left;
}

 h1
{
	font-family: "Berlin Sans FB" ;
	color:#ffffff;
	text-shadow:2px 3px 18px  #000000;
	font-size:18pt;
	padding-top:5px;
	
}

#contenido h1
{
	font-family: "Berlin Sans FB" ;
	color:#ffffff;
	text-shadow:2px 3px 10px  #000000;
	font-size:18pt;
	padding-top:18px;
	
}

.eventos
{
	background:url(../img/cart-evento.png)  no-repeat  ;
	margin-left:380px;
	position:relative;
	width:368px;
	height:68px;
	text-align:center;
	margin-top:50px;
}



/*MAPAS*/

#mapa {
	background:url(../img/bg_contenido.jpg)  repeat ;
	margin-top:20px;
	position:relative;
	width:70%;
	height:620px;
	float:left;
	margin-left:15%;
}

.mapas1
{
	background:url(../img/dest_mapas.png)  repeat-x ;
	margin-left:-20px;
	position:relative;
	width:338px;
	height:36px;
	border-radius:0px 5px 5px 0px;
	box-shadow:1px 1px  5px  #000;
	-moz-box-shadow:1px 1px  5px  #000;
	-webkit-box-shadow:1px 1px  5px  #000;
	text-align:center;
	
}

#contenedor_mapa
{
	background: #d0d0ce;
	width:784px;
	height:468px;
	margin-left:50px;
	border-radius:30px ;
	margin-top:30px;
	box-shadow:1px 1px  5px  #000;
	-moz-box-shadow:1px 1px  5px  #000;
	-webkit-box-shadow:1px 1px  5px  #000;
	
}

#contenedor_mapa iframe
{
	background: #d0d0ce;
	width:724px;
	height:408px;
	margin-left:30px;
	margin-top:30px;
}

small{visibility:hidden;}

.twitter
{
	background:url(../img/cart-twitter.png)  no-repeat ;
	margin-left:5%;
	position:absolute;
	width:365px;
	height:68px;
	text-align:center;
	float:right;
	margin-top:-90px;
	
}

.forma_mapa
{
	width:0px;
	height:0px;
	line-height:0px;
	border-left:20px solid transparent;
	border-top:10px solid #3e284d;
	position:absolute;
	top:100%;
	left:0px;
}

.forma_evento
{
	width:0px;
	height:0px;
	line-height:0px;
	border-left:20px solid transparent;
	border-top:10px solid #65390a;
	position:absolute;
	top:100%;
	left:0px;
}

.forma_twitter
{
	width:0px;
	height:0px;
	line-height:0px;
	border-right:40px solid transparent;
	border-top:10px solid #094a65;
	position:absolute;
	top:100%;
	right:0px;
}

.twitter-timeline{
	margin-left:3%;
	width:95%;
	height:500px;
	margin-bottom:30px;
	margin-top:30px;

}
#sombras1
{
	background:url(../img/sombra-pie.png)  repeat;
	width:100%;
	height:19px;
	margin-top:-19px;
	position:absolute;
}

/*PIE DE PAGINA*/


#pie_de_pagina
{
	background:url(../img/bg_pie.png)  repeat ;
	width:100%;
	height: 286px;
	position:relative;
	margin-top:;
	float:left;
	
}

#contenedor_pie{
	width:70%;
	height:auto;
	margin-left:15%;
	position:relative;
	margin-top:-19px;
}

#Ultimas_Fiesta, #Te_Sugerimos , #Siguenos {
	background:;
	width:33%;
	height:;
	position:;
	
}

 #Te_Sugerimos  {
	background:;
	position:absolute;
	margin-top:-303px;
	margin-left:293px;
}
 #Te_Sugerimos h3, #Siguenos h3{
	background:;
	position:absolute;
	margin-top:0px;
}

#Siguenos {
	background:;
	position:absolute;
	margin-top:-303px;
	margin-left:587px;
}


#contenedor_pie h3{
	background:;
	width:100%;
	height:56px;
	position:relative;
	font-family: "Kozuka Gothic Pro" ;
	color:#ffffff;
	text-shadow:2px 3px 10px  #000000;
	font-size:18pt;
	padding-top:47px;
	text-align:center;
}

#contenedor_pie hr{
	color:;
	width:60%;
}

#contenedor_pie ul  {
	background:;
	width:86%;
	height:184px;
	margin-top:-24px;
	position:above;
	list-style:none;	
}

#Te_Sugerimos ul, #Siguenos ul{
	height:168px;
}

#contenedor_pie ul a {
	margin-left:-40px;
	background:;
	display:block;	
	padding-top:6px;
	text-decoration:none;
	text-align:center;
	font-family: "Kozuka Gothic Pro" ;
	color:#ffffff;
	text-shadow:2px 3px 10px  #000000;
	font-size:12pt;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#contenedor_pie ul a:hover{
	color:#f6a237;
}

/*PIES 2*/

#pies_2{
	width:100%;
	height:166px;
	float:left;
	
}

#logo_pie{
	background:url(../img/logotipo.png)  no-repeat ;
	width:14%;
	height:139px;
	margin-top:23px;
	margin-left:15%;
}
#pies_2 h4{
	background:;
	width:13%;
	height:53px;
	text-align:center;
	font-family: "Kozuka Gothic Pro" ;
	color:#ffffff;
	font-size:12pt;
	padding-top:63px;
	margin-left:32%;
	margin-top:-139px;
	position:absolute;
}

#pies_2 ul{
	background:;
	width:23%;
	height:116px;
	list-style:none;
	overflow:hidden;
	margin-left:61%;
	padding:0px;
	position:absolute;
	margin-top:-139px;
	
}

#pies_2 li {
	padding-top:62px;
	float:left;
	white:20%;
}

#pies_2 li a{
	text-decoration:none;
	display:block;
	font-family: "Kozuka Gothic Pro" ;
	color:#ffffff;
	text-shadow:2px 3px 10px  #000000;
	font-size:12pt;
	text-decoration:none;
	padding-left:20px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#pies_2 li a:hover{
	color:#f6a237;
}