* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background:#F4F4F4 url(images/bg.png) repeat-x;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}

form, img { margin:0; padding:0; border:0px; }
a {	color:#43A16A; text-decoration:none; }
a:hover { color:#888; text-decoration:none; }

input, textarea, select { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#43A16A; }

h2, h4{
margin:0 0 20px 10px;
padding:0 0 5px 0;
font: 18px/16px Tahoma, Arial, sans-serif;
font-weight: normal;
color: #666;
}
h2 b,
h4 b{ font-weight:600; }

/* ------------------------------------------------------------ GENERALES ---------------------------------------------------------- */

.clear { clear:both; }

.wrapper {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

/* ------------------------------------------------------------- CABECERA --------------------------------------------------------- */

#header {
	position:relative;
	width:1200px;
	height:134px;
}

/* LOGO */

h1 { z-index: 999; }
h1 a { text-indent: -4000px; }
#logo {
	position: absolute;
	width: 234px;
	height: 94px;
	overflow: hidden;
}
#logo a {
	height: 94px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}
#logo a:hover {	background-position: bottom left; }
#logo a#imagengrafica { width: 234px; background-image: url(images/logo.png); }

/* MENU TOP */

#nav {
	position:absolute;
	left:0;
	bottom:0;
	height:40px;
	background:url(images/bglinav.png) no-repeat 10px 0;
	overflow:hidden;
}
#nav ul {
	width:1190px;
	padding:0 10px;
	list-style-type:none;
	}
#nav li {
	float:left;
	background:url(images/bglinav.png) no-repeat right;	
	line-height:38px;
	text-align:center;
}
#nav li a {
	height:40px;
	width:auto;
	padding:0 30px;
	color:#efefef;
	display:block;	
}
#nav li a:hover { background:#4AB578; color:#fff; }
#nav li.active a { font-weight:bold; color:#fff; }
#nav li.submit { float:right; margin-right:13px; background:#4AB578; }
#nav li.submit a { color: #FFC; }

/* ------------------------------------------------------------- CONTENIDO  -------------------------------------------------------- */

#content {
	padding:20px 0 0 0;
	overflow:hidden;
	}

.pagination{ font-size:15px; }

/* ----------------------------------------------------------------- HOME  --------------------------------------------------------- */

/* ITEMS */

ul.items {
	margin:0;
	overflow:hidden;
	list-style:none;
}
ul.items li {
	position:relative;
	float:left;
	width:280px;
	height:240px;
	margin:0 10px 15px 10px;
	font-family:Tahoma, Geneva, sans-serif;
}
ul.items li h3 {
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	font-weight:bold;
}
ul.items li div.screenshot {
	position:absolute;
	top:20px;
	left:0;
	width:280px;
	height:208px;
	background: url(images/bgpicitem.png) no-repeat center bottom;
}
ul.items li div.screenshot a img {
	background:#fff;
	border:5px solid #fff;
}
ul.items li div.screenshot a:hover img { border:5px solid #ddd; }

ul.items li .edit {
	position:absolute;
	bottom:0;
	right:0;
	width:280px;
	height:20px;
	margin:0;
}

ul.items li div.post-ratings {
	position:absolute;
	bottom:0;
	right:0;
	width:280px;
	height:20px;
	font-size:10px;
}
ul.items li div.post-ratings img{ float:left; vertical-align:middle; }
ul.items li div.post-ratings em,
ul.items li div.post-ratings span{
	float:right;
	padding-top:3px;
	font-style:normal;
	color:#999;
}

ul.items li div.post-ratings-loading{
	position:absolute;
	bottom:0;
	right:0;
	font-size:11px;
	color:#999;
}
ul.items li div.post-ratings-loading img{ margin-right:4px; vertical-align:middle; }

/* PIE -------------------------------------------------------------------------------*/

#footer {
	width:100%;
	margin:25px 0 0 0;
	padding:0;
	background:#333333 url(images/bgfooter.png) repeat-x;
	font-size: 11px;
	color: #b2b2b2;
	overflow:hidden;
}
#footer .wrapper{
	position:relative;
	height:300px;
	overflow:hidden;
}

/* SOCIAL MEDIA / ESTADISTICAS */

#footer p.socialmedia { float:left; width:40%; margin:10px 0 0 10px; text-align:left; }
#footer p.socialmedia img { margin-right:5px; }

#footer p.stats { float:right; width:50%; margin:11px 10px 0 0; color:#fff; text-align:right; }
#footer p.stats span { margin:0 5px; color:#50B67B; }

#footer div.copy{ position:absolute; bottom:15px; right:10px; width:100%; color:#aaa; }
#footer div.copy p.izq{ float:left; width:50%; text-align:left; }
#footer div.copy p.der{ float:right; width:50%; text-align:right; }
#footer div.copy a{ color:#aaa; }
#footer div.copy a:hover{ text-decoration:underline; }
#footer div.copy span{ color:#555; margin:0 4px; }

/* TOP */

#footer div.boxfooter {
	float:left;
	width:280px;
	margin:35px 10px 0 10px;
}

#footer ul { list-style:none; }
#footer ul li { padding:8px 0; border-bottom:1px solid #444; }
#footer ul li em { float:right; font-style:normal; }

#footer div.boxfooter ul li { padding-left:11px; background: url(images/arrow.png) no-repeat 0 12px; }
#footer div.boxfooter ul li a { color:#43A16A; }
#footer div.boxfooter ul li a:hover { color:#ccc; }