/* socia

/* Fin social Media */

#img{
	z-index:2;
	position: relative;
	margin-left: 5px;
	top: 5px;
	height:327px;
	width:938px;
	padding-bottom:4px;
	border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	box-shadow:2px 3px 8px #3a4e63;
	-moz-box-shadow:2px 3px 8px #3a4e63;
	-webkit-box-shadow:2px 3px 8px #3a4e63;
}
#img img{
	display:none;
	position: absolute;
	top:4px;
	left:4px;
}
#vinculos{
	z-index:1;
	display: block;
	width:190px;
	height:322px;
	right:6px;
	top:4px;
	margin-right:5px;
	margin-top:5px;
	position:absolute;
	border-radius:0px 15px 0px 0px;
	-moz-border-radius:0px 15px 0px 0px;
	-webkit-border-radius:0px 15px 0px 0px;
	z-index: 3;
	background-image: url("../imagenes/home/mvFondo.png");
}
#opciones{
	position: absolute;
	width:190px;
	margin-top:17px;
	margin-right:5px;
	right:6px;
	top:4px;
	z-index: 4;
}
#opciones li{
	list-style: none;
	border-bottom: 1px #444444 solid;
}
#opciones a{
	display:block;
	height: 30px;
	width:160px;
	padding-top:10px;
	padding-left:30px;
	font-family:"Arial","Lucida Grande","Arial Narrow","Trebuchet MS",Arial;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	color:#FFFFFF;
}
#opciones a:checked{
	display:block;
	height: 30px;
	width:160px;
	padding-top:10px;
	padding-left:30px;
	font-family:"Arial","Lucida Grande","Arial Narrow","Trebuchet MS",Arial;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	color:#FFFFFF;
}
#opciones a:hover{
	color: #ffffff;
	background-image: url("../imagenes/home/mvFondo.png");
}
#numerosMayas{
	position: absolute;
	width:190px;
	height:48px;
	margin-right:5px;
	right:6px;
	top:280px;
	z-index: 4;
}
#numerosMayas li{
	float: left;
	list-style: none;
}
#numerosMayas a{
	display: block;
	width:38px;
	height: 48px;
	cursor: pointer;
}

#unoMaya a, #unoMaya a:active, #unoMaya a:link{ background:url("../imagenes/home/numerosMaya.png") 0px 48px;}
#dosMaya a,  #dosMaya a:active, #dosMaya a:link{ background:url("../imagenes/home/numerosMaya.png") -38px 48px;}
#tresMaya a,  #tresMaya a:active, #tresMaya a:link{ background:url("../imagenes/home/numerosMaya.png") -76px 48px;}
#cuatroMaya a,  #cuatroMaya a:active, #cuatroMaya a:link{ background:url("../imagenes/home/numerosMaya.png") -114px 48px;}
#cincoMaya a,  #cincoMaya a:active, #cincoMaya a:link{ background:url("../imagenes/home/numerosMaya.png") -152px 48px;}
#unoMaya a:hover{background-position:0px 48px;background-color: #444;}
#dosMaya a:hover{background-position:-38px 48px;background-color: #444;}
#tresMaya a:hover{background-position:-76px 48px;background-color: #444;}
#cuatroMaya a:hover{background-position:-114px 48px;background-color: #444;}
#cincoMaya a:hover{background-position:-152px 48px;background-color: #444;}

#unoMaya .over{background: url("../imagenes/home/numerosMaya.png") 0px 48px #444;}
#dosMaya .over{background: url("../imagenes/home/numerosMaya.png") -38px 48px #444;}
#tresMaya .over{background: url("../imagenes/home/numerosMaya.png") -76px 48px #444;}
#cuatroMaya .over{background: url("../imagenes/home/numerosMaya.png") -114px 48px #444;}
#cincoMaya .over{background: url("../imagenes/home/numerosMaya.png") -152px 48px #444;}

#columnas{
	padding:10px 5px;
	background-color:#f5f5f5;
	margin:10px 10px;
	border-radius:10px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
}
#columnas #calendario{
	width: 200px;
}
#columnas #eventos{
	width: 390px;
}
#columnas #noticias{
	width: 310px;
}
#columnas #calendario, #columnas #eventos, #columnas #noticias{
	margin: 0px 2px;
	height: 400px;
	background-color: #ffffff;
	box-shadow:0px 4px 10px #888888;
	-moz-box-shadow:0px 4px 10px #888888;
	-webkit-box-shadow:0px 4px 10px #888888;
}
#columnas #calendario{
	background-image: url("../imagenes/home/fondoCalendario.jpg");
	background-repeat: no-repeat;
}
#columnas #encabezadoColumnas{
	position: relative;
	height: 30px;
	background-color: #eeeeee;
}
#columnas #noticias #encabezadoColumnas{
	width: auto;
}
#columnas #eventos #encabezadoColumnas{
	width: auto;
}
#columnas #calendario #encabezadoColumnas{
	width: auto;
}
#columnas #flechasNaranja{
	display: block;
	position: relative;
	left: 0px;
	height: 29px;
	padding-top: 1px;
	padding-left: 35px;
	background-image: url("../imagenes/home/flechasGris.png");
	background-repeat: no-repeat;
	font-family: "Lucida Grande",Arial, Helvetica,Verdana, "Trebuchet MS";
}
#columnas .encabezado{
	letter-spacing: 0.01em;
	font-size: 19px;
	color:#555;
	text-shadow:1px 1px #cccccc, 1px 1px #333333;
}
#columnas #noticias:hover #encabezadoColumnas #flechasNaranja, #columnas #eventos:hover #encabezadoColumnas #flechasNaranja, #columnas #calendario:hover #encabezadoColumnas #flechasNaranja{
	background-image: url("../imagenes/home/flechasNaranja.png");
	color: #ffffff;
}
#columnas #eventos:hover #encabezadoColumnas, #columnas #noticias:hover #encabezadoColumnas, #columnas #calendario:hover #encabezadoColumnas{
	background-image: url("../imagenes/home/headNaranja.png");
}
#columnas #eventos:hover .encabezado, #columnas #noticias:hover .encabezado, #columnas #calendario:hover .encabezado{
	text-shadow:1px 1px #ab3d00, 1px 1px #333;
}
/*---estilos para listado----*/
#columnas{
	font-size: 0.7em;
}
#listado, #noticia{
	position: relative;
	height:365px;
	padding: 0px 8px;
	overflow: hidden;
}
#eventos #listado
{
	height: 360px;
}
#listado{
	height:340px;
	overflow: hidden;
}
#columnas li{
	position:relative;
	min-height:32px;
	list-style: none;
	padding-top: 9px;
	padding-bottom:7px;
	border-bottom: 1px dashed #cccccc;
}
#columnas li a{
	color: #8a9ba1;
	position:relative;
	display:block;
}
#columnas #siguiente, #columnas .siguiente{
	position: relative;
	display:block;
	margin-top: 5px;
	font-size:1.4em;
	color: #cccccc;
	font-weight: bold;
}
#columnas #siguiente:hover, #columnas .siguiente:hover{
	color: #488db5;
}
#columnas .titulo{
	color:#445a6b;
	font: 1.5em/1.25em Arial,"Lucida Grande";
}
#columnas .pie{
	color: #c2d0d5;
	font-style: italic;
}
/*---estilos para listado del calendario----*/
#calendario #listado{
	width:184px;
}
#calendario li:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}
#calendario ul li:hover a{
	color: #000000;
}
#calendario li a, #calendario li a:visited, #calendario li a:link{
	padding-left:34px;
	margin-right: 5px;
}
#calendario li label{
	position:absolute;
	display:block;
	padding-top:2px;
	width: 30px;
	height: 28px;
	color:#cccccc;
	font-size:1.3em;
	text-align:center;

	font-weight:bold;
	background-image: url("../imagenes/home/diaCal.png");
}
#calendario li label span{
	position:absolute;
	top:17px;
	left:0px;
	width:30px;
	text-align:center;
	font-size: 0.62em;
	font-weight: normal;
	color: #ffffff;
}
#calendario ul li:hover label{
	background-image: url("../imagenes/home/diaCal2.png");
	color:#ffffff;
}
#infoCal{
	color:#abbbc2;
	border-bottom: 1px dashed #CCC;
	display: none;
	font-style: italic;
    text-align: right;
    padding: 3px 0px;
}
#infoCal .contenido1{
	color: #ed7e00;
	font-size:1.03em;
}
#infoCal .contenido2{
	color: #6d91b7;
	font-size:1.1em;
	font-style: normal;
}
#listaCalendario{
	position: absolute;
	width: 185px;
	top: 0;
}
#siguienteCal, #anteriorCal{
	position: absolute;
	display:block;
	width:20px;
	height:20px;
	bottom: 30px;
}
#siguienteCal:hover{
	background-image:url("../imagenes/home/sig2.png");
	cursor: pointer;
}
#anteriorCal:hover{
	background-image:url("../imagenes/home/atr2.png");
	cursor: pointer;
}
#siguienteCal{
	margin-left: 135px;
	background-image:url("../imagenes/home/sig1.png");
}
#anteriorCal{
	margin-left: 165px;
	background-image:url("../imagenes/home/atr1.png");
}
/*----estilos eventos---*/
#eventos li{
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #fafafa;
}
#eventos li a{
	margin:0px 5px;
	font-size:1em;
	line-height: 1.2em;
}
#eventos li:hover{
	background-color: #f7fbff;
}
#eventos ul li:hover a{
	color:#496274;
}
#eventos ul li:hover .titulo{
	color:#000000;
}
#eventos ul li .pie{
	font-size: 0.8em;
}
#eventos ul li:hover .pie{
	color:#888888;
}
#eventos li a span{
	display:block;
	margin-bottom: 8px;
}
#eventos #siguiente{
	margin-left: 310px;
	font-family: "Lucida Grande",Arial, Helvetica,Verdana, "Trebuchet MS";
}
.verCartel{
	cursor: pointer;
}
.cierraBtn{
	position: absolute;
    right: -28px;
    top: -28px;
}
#carEl{
	width:400px;
	border:5px white solid;
	background: url("../imagenes/cargando.gif") center center no-repeat;

}
#cartelMuestra{
	background: url("../imagenes/mascara.png");
	display: none;
    position: fixed;
    height:100%;
    width: 100%;
    top:0;
    padding-top:3px;
    z-index: 11;
    text-align: center;
}
/*----------estilos de noticias----------*/
/*---------------------------------------*/
/*#noticias img{
	margin-right:10px;
	float: left;
	box-shadow:0 3px 5px #AAAAAA;
	padding: 5px;
	width: 135px;
}*/
#noticias img{
	margin-right:10px;
	float: left;
	box-shadow:0 3px 5px #AAAAAA;
	padding: 5px;
	width: 290px;
}
#noticias p.contenido{
	position: relative;
	margin:0px 4px;
	font: 1em/1.3em Arial,"Lucida Grande",Helvetica,Verdana;
	text-align: left;
	color: #8A9BA1;
}
/*#noticias .titulo{
	display:block;
	margin: 5px 0px;
	padding-bottom:10px;
	border-bottom: 1px solid #f1f1f1;
}*/
#noticias .titulo{
	display:block;
	margin: 5px 0px;
	padding-bottom:10px;
	border-bottom: 1px solid #f1f1f1;
	font: 1.5em/1.25em Arial,"Lucida Grande";
}
#noticias .pie{
	font-size: 0.8em;
	padding-bottom:0px;
	clear:both;
	padding-top: 6px;
}
#noticias:hover .titulo{
	color: #000000;
}
#noticias .titulo:hover{
	color: #488DB5;
}
#noticias:hover .contenido{
	color: #496274;
}
#noticias:hover .pie{
	color: #888888;
}
#noticias #siguiente, #noticias .siguiente{
	margin-left: 230px;
	font-family: "Lucida Grande",Arial, Helvetica,Verdana, "Trebuchet MS";
}
#noticias ul{
	display: block;
    height: 100%;
    width: 100%;
}
#noticias ul li{
	background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    width:290px;
    height:auto;
    left:5px;
    position: absolute;
}
.masNoticia{
	right:12px;
	bottom: 0;
    color: #CCCCCC;
    display: block;
    font-size: 1.5em;
    margin: 5px;
    position: absolute;
}
#listaEventos{
	margin-top: 10px;
	position: absolute;
	right: 10px;
}
#listaEventos li{
	float: left;
	list-style: none;
	padding:0px;
	border: none;
}
#listaEventos li a{
	border-left: 1px solid #F5F5F5;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #EFEFEF;
	border-right:1px solid #CCCCCC;
}
#listaEventos li a{
	display:block;
	padding: 3px 3px;
	margin:0px;
}
#listaEventos li #areaEvento:hover{
	color: #488DB5;
	padding: 4px 4px;
	font-size: 1.1em;
	background-color: #FFFFFF;
}
#listaEventos li a:hover{
	border-left: 1px solid #F1F1F1;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	margin-top: -0.1em;
}
#carCal{
	left: 84px;
    margin: auto;
    position: absolute;
    top: 160px
}
#notAnt,#notSig{
	position: absolute;
	display:block;
	width:20px !important;
	height:20px;
	bottom: 0px;
}
#notSig:hover{
	background-image:url("../imagenes/home/sigh.png");
}
#notAnt:hover{
	background-image:url("../imagenes/home/atrh.png");
}
#notSig{
	margin-left: 45px;
	background-image:url("../imagenes/home/sig.png");
}
#notAnt{
	margin-left: 15px;
	background-image:url("../imagenes/home/atr.png");