@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
img{
	border:none;
}
#wrapper, #header, #footer{
	text-align:center;
	margin:auto;
	width:910px;
}
#header{
	height:150px;
	margin-bottom:160px;
}
#logo img{
	padding:50px 0 100px 0;
	border:none;
}
.clear{clear:both;
}
#navigation{
	margin-left:110px;
	}
.menu{
	padding-top:20px;
	width:800px;
	height:30px;	
}
.menu li{
	float:left;
	margin-right:20px;
	background-color:#603;
}
.menu li a{
	text-align:center;
	width:auto;
	padding:10px;
	display:block;
	color:#ccc;
	font-weight:bold;
}
ul.menu li.highlight{ background:#F36;}

.menu li a:hover{
	background-color:#F36;
}
	
body{
	background:url(img/portada2.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#0D0206;
	margin:auto;
}
#wrapper{
	background-image:url(img/lala.jpg);
	background-repeat:repeat-x;
	width:900px;
	height:1300px;
	margin:auto;
}
#wrapper-a{
	background:url(img/lala.jpg) repeat-y;
	width:900px;
	height:2200px;
	margin:auto;
}
#wrapper-b{
	background:url(img/lala.jpg) repeat-y;
	width:900px;
	height:800px;
	margin:auto;
}
#wrapper-c{
	background:url(img/lala.jpg) repeat-y;
	width:900px;
	height:700px;
	margin:auto;
}
#wrapper-d{
	background:url(img/lala.jpg) repeat-y;
	width:900px;
	height:1200px;
	margin:auto;
}
#llama{
	margin:auto;
	width:270px;
	padding-top:150px;
}

.supportered li{
	text-align:justify;
	padding:15px 40px 5px 40px;
	list-style:inside disc;
}
.notinclude li{
	text-align:justify;
	padding:15px 40px 5px 40px;
	list-style:inside disc;
}
#video{
	margin:30px 0 20px 0;
}
#content{
	width:900px;
	margin:auto;
	position:absolute;
}
#content p{
	width:700px;
	text-align:justify;
	padding:0 0 0 100px;
}
#content h3{
}
.data{
	padding-top:70px;
}
.data2{
	padding-top:10px;
}
#standard{
	position:absolute;
	padding-left:40px;
}
#support{
	position:absolute;
	right:0px;
	padding-right:40px;
}
.data h2, .data h4{
	text-align:left;	
}
.lista li{
	list-style:disc;
	text-align:left;
	list-style-position:inside;
	padding-left:50px;
}
.lista2 li{
	list-style:disc;
	text-align:left;
	list-style-position:inside;
	padding-left:160px;
}

#standard a{
	background-image:url(img/boton_06.jpg);
	display:block;
	height:79px;
	width:185px;
	position:absolute;
	bottom:150px;
	left:40px;
}
#standard a:hover,#support a:hover{
	background-image:url(img/boton_03.jpg);
}

#support a{
	background-image:url(img/boton_06.jpg);
	display:block;
	width:185px;
	height:79px;
	left:0px;
	bottom:120px;
	position:absolute;
}


#footer{
	
	width:100%;
	height:100%;
	background-color:#603;
}

#inner-footer{
	width:900px;
	margin:auto;
	padding-top:10px;	
}
#inner-footer .fb-like{
	float:right;
	padding-top:10px;
}
#inner-footer img{
	padding-top:10px;
	float:left;
}
#inner-footer p{
	float:left;
	padding-top:60px;
	padding-left:10px;
	color:#FFF;
}
#container-contact .fb-like{
	float:right;
	padding-right:20px;
}
	
#logo-f{
	height:100px;
}
<!--DEMO-->
<!--ABOUT-->
#about{
	width:900px;
	margin:auto;
}
#about h2{
	text-align:center;
	padding-top:30px;
}
#system h3{
	color:#900;
	text-align:center;
	padding-bottom:15px;
}
.gameplay li{
	text-align:justify;
	padding:15px 40px 5px 40px;
	list-style:inside disc;
}
#about p{
	text-align:justify;
	padding:30px 40px 0 40px;
}
#buyall2{
	width:900px;
}

#buyall{
	width:900px;
	height:600px;
}
#standard2{
	background:url(img/offerstand.png) no-repeat top;
	width:370px;
	float:left;
	margin-left:45px;
	padding-top:400px;
}

#support2{
	background:url(img/buy2999.png) no-repeat top;
	width:365px;
	float:right;
	margin-right:40px;
	padding-top:400px;
}
#support2 a{
	float:right;
}
#support2 a, #standard2 a{
	display:block;
	margin-top:20px;
	width:185px;
	height:79px;
	background:url(img/boton_06.jpg) no-repeat;
}
#support2 a:hover, #standard2 a:hover{
	background-image:url(img/boton_03.jpg);
}
#support2 h2, #support2 h4{
	padding-left:120px;
}

#system{
	margin-top:100px;
	text-align:center;
}
#system h3{
	padding:10px 0 30px;}

#container-support h2{
	padding-top:30px;
	text-align:center;
}
#container-support h4{
	color:#900;
	padding-top:30px;
	padding-bottom:10px;
}
#inner-wrapper h1{
	padding-top:30px;
}
#container-support{
	margin:auto;
	width:800px;
	text-align:left;
}
#container-support ul li{
	list-style:disc inside;
	padding-bottom:5px;
}
.epic{
	text-align:center;
	margin-top:50px;
}
	
#container-faq h2{
	text-align:center;
	padding:30px 0 20px;
	}
#container-faq h4{
	text-align:center;
	color:#900;
	}
#container-media{
	width:900px;
	margin:auto;
}
#container-media h2{
	padding:30px 0 20px;}
#screenshots h3{
	text-align:center;
	padding-bottom:15px;
	color:#900;
	}
#screenshots{
	width:800px;
	margin:auto;
}
#screenshots ul li{
	float:left;
	padding:10px 10px;
}
#wallpapers{
	width:800px;
	margin:auto;
}
#wallpapers h3{
	color:#900;
	padding-bottom:15px;
}
#wallpapers ul li{
	float:left;
	padding-right:15px;
}
#videos{
	margin-top:60px;
	margin-bottom:15px;
}
#videos h3{
	color:#900;
	padding-bottom:15px;
}
#quotes h3{
	color:#900;
	padding:50px 0 15px 0;
}
#container-contact{
	width:900px;
	margin:auto;
}
#container-contact h2{
	text-align:center;
	padding:30px 0 0px;}

#container-contact h4{
	color:#900;
	padding:0 0 30px;
}
#container-contact ul li{
	text-align:left;
	list-style:disc inside;
	padding-left:100px;
}
#container-contact a{
	width:700px;
	height:200px;
	background-image:url(img/banner-epic-contact.jpg);
	background-repeat:no-repeat;
	display:block;
	margin:auto;
	border-width:medium;
	margin-top:80px;
}
#container-contact a:hover{
	background-image:url(img/banner-epic-contact2.jpg);
}
#container-contact p{
	text-align:center;
	padding-top:20px;
}
#box{
	width:900px;
	margin:auto;
}
#box h1{
	padding:30px 0 0;
	text-align:center;
	font-size:50px;
}
#box em p{
	font-size:50px;
	text-align:center;
	padding-top:60px;
	padding-bottom:150px;
}
#box em p a{
	color:#F06;
}
#box em p a:hover{
	color:#F63;
}
<!--MEDIA-->
<!--FAQ-->
<!--Support-->
<!--CONTACT-->