@charset "utf-8";
/* CSS Navidad Chapina */

html,body{
	margin:0;
	padding:0;
	/*background-color:#000;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;*/
	}

body {
	background: -webkit-linear-gradient(180deg, #FF0000, #580000, #000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(180deg, #FF0000, #580000, #000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(180deg, #FF0000, #580000, #000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, #FF0000, #580000, #000); /* Standard syntax */
}

img {
	border:0;}
#warp{
	width:1000px;
	height:auto;
	margin:auto;
	}

#logo{
	width:1000px;
	height:560px;
	background-image:url(../img/logo.png);
	}
#menu{
	width:1000px;
	height:64px;
	}
#subbmenu{
	width:868px;
	height:64px;
	float:right;
	background-image:url(../img/menubg.png);
	padding-left:40px;
	}
.ml{
	color:#FFF;
	font-family:"Myriad Pro";
	font-size:21px;
	text-transform:uppercase;
	height:44px;
	padding-top:20px;
	float:left;
	margin-left:35px;}
.ml img{
	margin-right:5px;}
#historia{
	margin-left:65px;}
#compartir{
	color:#a6ba18;}
.ml a {
	color:#FFF;
	text-decoration:none;
	}
.ml a:hover {
	color:#FFF;
	text-decoration:none;
	text-shadow:#000 4px 4px 2px;
	}
#compartir a {
	color:#a6ba18;
	text-decoration:none;
	}
#compartir a:hover {
	color:#a6ba18;
	text-decoration:none;
	text-shadow:#000 4px 4px 2px;
	}
#submenu-historia, #submenu-tradiciones, #submenu-compartir{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:11px;
	margin-left:-15px; position:absolute; list-style:none;
	}
#submenu-historia{
	margin-left:-27px;}
#submenu-tradiciones{
	margin-left:-20px;}
#submenu-historia li{
	padding-top:5px;
	text-align:center;
	font-size:16px;
	height:20px;
	width:220px;
	background-color:#062448;
	}
#submenu-tradiciones li{
padding-top:5px;
	text-align:center;
	font-size:16px;
	height:20px;
	width:220px;
	background-color:#062448;

	}
#submenu-compartir li{
padding-top:0px;
	text-align:center;
	font-size:16px;
	height:55px;
	width:350px;
	padding-left:25px;
	background-color:#062448;
}
#g1{
	float:left;
	font-size:12px;
	width:120px;
	padding-left:38px;
	height:42px;
	background-image:url(../img/g1.png);
	background-repeat:no-repeat;}
#g2{
	padding-top:10px;
	text-align:left;
	float:right;
	font-size:16px;
	width:120px;
	padding-left:38px;
	height:32px;
	background-image:url(../img/g2.png);
	background-repeat:no-repeat;}
#submenu-historia li a, #submenu-tradiciones li a, {
	color:#fff;

	}
#submenu-historia li a:hover, #submenu-tradiciones li a:hover, #submenu-compartir li a:hover{
	color:#fff;
		text-decoration:none;
	text-shadow:#000 4px 4px 2px;}
	/*Center div*/
#center{
	width:1000px;
	min-height:400px;
}
 #content{
	 font-family:"Myriad pro";
	 color:#fff;
	 width:800px;
	 height:auto;
	 margin:auto;
	 margin-top:50px;}
#title{
	text-transform:uppercase;
	width:800px;
	height:50px;
	font-size:35px;
	text-shadow:#999 2px 2px 2px;
	}
#text{
	font-size:18px;
	width:800px;
	min-height:300px;

		}
	/*Footer div*/
#footer{
	width:1000px;
	height:539px;
	background-image:url(../img/footer.jpg);
	}

#tool-bar {
background:#777777 none repeat scroll 0%;
border-bottom:1px solid #292929;
color:#ccc;
font-size:85%;
padding-top:2px;
height:15px;
left:0pt;
position:fixed;
top:0pt;
width:100%;
z-index:1;
}
#content1{

	text-align:center;
	border:1px solid #fff;

	background-color:#FFF;
	background-color:rgba(0,0,0,0.5);


	margin-top:10px;

	width:150px;

	}
#content1 a {
	text-align:center;
	color:#FFF;}

#evento011{

	width:230px;

	height:166px;

	position:relative;



	z-index:2;

	top:400px;

	left:750px;}
 .title{
	 color:#000;
	 font-size:60px;
	 font-family:"Myriad Pro";
	 margin-bottom:15px;
	 text-shadow:#333 1px 1px 3px;}
#sponsors{
	opacity: 0;
	width:999px;
	height:110px;}
	#evento012{

	width:230px;

	height:166px;

	position:relative;



	z-index:0;

	top:-70px;

	left:115px;}



	/* Global styles
	 * ................................................
	 */



		#ventanaPopup1Fondo {
			display:none;
			position:fixed;
			_position:absolute; /* caso especial para IE 6*/
			height:100%;
			width:100%;
			top:0;
			left:0;
			background:#000000;
			border:1px solid #cecece;
			z-index:1;
		}

		#ventanaPopup1 {
			display:none;
			position:fixed;
			_position:absolute; /* caso especial para IE 6*/
			/*height:384px;
			width:408px;*/
			width: auto;
			height: auto;
			background:#FFFFFF;
			/*border:2px solid #cecece;*/
			z-index:2;
			padding:12px;
			font-size:13px;
			margin-top:80px;
		}

		#ventanaPopup1Cerrar {
			font-size:14px;
			line-height:14px;
			right:6px;
			top:4px;
			position:absolute;
			color:#6fa5fd;
			font-weight:700;
			display:block;
		}

	/*
	.Estilo2 {
	color: #000000;
	font-weight: bold;
}

.Estilo3 {font-size: 14px
}

.Estilo4 {
font-size: 14;
}

.Estilo5 {
font-size: 12px
}

*/

#ventanaPopup1Fondo {
	display:none;
	position:fixed;
	_position:absolute;
	/* caso especial para IE 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	/*border:1px solid #cecece;*/
	z-index:1;
}

#ventanaPopup1 {
	display:none;
	position:fixed;
	_position:absolute;
	/* caso especial para IE 6*/
	/*height:500px;
	width:500px;*/
	background:#FFFFFF;
	/*border:2px solid #cecece;*/
	z-index:2;
	padding:12px;
	font-size:13px;
}

#ventanaPopup1Cerrar {
	/*font-size:14px;*/
	line-height:14px;
	/*right:6px;
	top:4px;*/
	right:-27px;
	top:-26px;
	position:absolute;
	/*color:#6fa5fd;*/
	color: #ffffff;
	font-weight:700;
	display:block;
	cursor: pointer;
	font-size: 27px;
}

/* Highlights */

.highlights {
	background: #FF0000;
	width: 100%;
	position: relative;
	/*bottom: 0;*/
	padding: 0;
	color: #FFFFFF;
	cursor: pointer;
}

.highlights p {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 28px;
	text-align: center;
}

.highlights p a {
	display: block;
	padding: .6em;
	/*line-height: 35px;*/
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
}

.highlights p a:hover {
	text-decoration: underline;
}