@import url('reset.css');

body{
	background:#000;
	color:#fff;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	text-transform:uppercase;
}
a{
	color:#fff;
	text-decoration:none;
}
img.ac_bgimage{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	opacity:0.8;
	display:none;
}
.ac_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat top left;
}
.ac_loading{
	position:fixed;
	top:10px;
	right:10px;
	background:#000 url(../images/loader.gif) no-repeat center center;
	width:50px;
	height:50px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	z-index:999;
	opacity:0.7;
	display:none;
}
.ac_content{
	position:fixed;
	height:90px;
	width:100%;
	top:50%;
	left:0px;
	margin-top:-65px;
}
.ac_content h1{
	background:transparent url(../images/bg_menu.png) repeat top left;
	display:block;
	float:left;
	width:230px;
	height:50px;
	padding:20px;
	font-size:27px;
	font-weight:bold;
	line-height:20px;
	margin-right:1px;
}
.ac_content h1 span{
	display:block;
	font-weight:normal;
	font-size:14px;
}
.ac_menu{
	background:transparent url(../images/bg_menu.png) repeat top left;
	float:left;
	position:relative;
	height:90px;
	width:0px; 
}
.ac_menu > ul{
	float:right;
}
.ac_menu > ul > li{
	float:left;
	position:relative;
	height:90px;
	overflow:hidden;
}
.ac_menu > ul > li a{
	margin-top:60px;
	opacity:0;
	display:block;
	height:90px;
	padding:0px 10px;
	text-align:center;
	line-height:90px;
	outline:none;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}
.ac_subitem{
	width:350px;
	height:0px; /* animate to 400px */
	top:50%;
	right:0px;
	margin-top:0px; /* animate to -200px */
	position:fixed;
	z-index:99;
	overflow:hidden;
	background:transparent url(../images/bg_menu.png) repeat top left;
}
.ac_subitem h2{
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding: 30px 0px 0px 40px;
	text-shadow:0px 0px 1px #000;
}
.ac_subitem ul{
	padding:0px 40px;
}

.ac_subitem ul li:first-child{
	font-size:14px;
	text-transform:none;
	border-bottom:1px dotted #333;
	padding-bottom:15px;
	margin-bottom:15px;
}
span.ac_close{
	float:right;
	margin:10px;
	width:11px;
	height:12px;
	cursor:pointer;
	background:transparent url(../images/close.png) no-repeat top left;
	opacity:0.4;
}
span.ac_close:hover{
	opacity:1.0;
}
.ac_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:;
	opacity:0.9;
	height:90px;
	padding-bottom:5px;
}
.ac_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.footer a:hover{
	color:#fff;
}
.ac_footer a span{
	font-weight:bold;
}
.ac_footer a.ac_left{
	float:left;
}

.ac_subitem2{
    width:400px;
    height:0px; /* animate to 400px */
    top:50%;
    right:351px;
    margin-top:0px; /* animate to -200px */
    position:fixed;
    z-index:99;
    overflow:hidden;
    background:transparent url(../images/bg_menu.png) repeat top left;
}
.ac_subitem2 h2{
    font-size:22px;
    font-weight:bold;
    color:#fff;
    padding: 40px 0px 0px 40px;
    text-shadow:0px 0px 1px #000;
}
.ac_subitem2 ul{
    padding:0px 40px;
}
.ac_subitem2 ul li:first-child{
    font-size:14px;
    text-transform:none;
    padding-bottom:15px;
    margin-bottom:15px;
}
span.ac_close2{
    float:right;
    margin:10px;
    width:11px;
    height:12px;
    cursor:pointer;
    background:transparent url(../images/close.png) no-repeat top left;
    opacity:0.4;
}
span.ac_close2:hover{
    opacity:1.0;
}


.ac_subitem3{
    width:300px;
    height:0px; /* animate to 400px */
    top:50%;
    right:752px;
    margin-top:0px; /* animate to -200px */
    position:fixed;
    z-index:99;
    overflow:hidden;
    background:transparent url(../images/bg_menu.png) repeat top left;
}
.ac_subitem3 h2{
    font-size:22px;
    font-weight:bold;
    color:#fff;
    padding: 40px 0px 0px 40px;
    text-shadow:0px 0px 1px #000;
}
.ac_subitem3 ul{
    padding:0px 40px;
}
.ac_subitem3 ul li:first-child{
    font-size:14px;
    text-transform:none;
    padding-bottom:15px;
    margin-bottom:15px;
}
span.ac_close3{
    float:right;
    margin:10px;
    width:11px;
    height:12px;
    cursor:pointer;
    background:transparent url(../images/close.png) no-repeat top left;
    opacity:0.4;
}
span.ac_close3:hover{
    opacity:1.0;
}


.enlace{
	color:#FFFFFF;
	font-size:16px;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}
div.scroll {
	height: 300px;
	width: 300px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}

.container {
       position:absolute;
	   top:0px;
	   left:0px;
	   height:100%;
		width:100%;
		display: none;
   }

   .content {
       position:relative;
	   background-color: white;
       top: 50%;
		left: 50%;
		height:600px;
		width:850px;
		margin-top:-300px;
		margin-left:-425px;
       z-index:505;
	   border-radius: 13px;
		/* -moz-border-radius: 10px 10px 10px 10px; */
    	-webkit-border-radius: 10px 10px 10px 10px;
   }

   .background {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:Black;
       z-index:501;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5;
   }