* {
	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 5px 0;
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;
}

/* H1, H2, H3, H4 */
#content h2,
#content h4{ margin:30px 0 20px 10px; color:#000; }
#content .right h4{ margin:30px 10px 20px 0; text-align:right;  }

#content .left p { margin:0 0 15px 10px; }

.small { font-size:10px; }

/* ------------------------------------------------------------- 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); }

/* TABS */

#tabs {
	position:absolute;
	top:20px;
	right:20px;
	width:900px;
	height:77px;
	text-align:right;
	line-height:170%;
	overflow:hidden;
}
#tabs a{ margin-left:5px; }

/* 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 { overflow:hidden; }
#content .left{ position:relative; float:left; width:810px; overflow:hidden; border:0px solid red; }
#content .right{ position:relative; float:right; width:360px; overflow:hidden; border:0px solid red; }

/* --------------------------------------------------------------- SINGLE  --------------------------------------------------------- */

#content div.left p.datepost {
	position:absolute;
	top:30px;
	right:0;
	padding:1px;
	background:#ddd;
	font-size:11px;
	color:#aaa;
}

#content div.left div.pic {
	float:left;
	width:580px;
	height:410px;
	margin-left:10px;
	background: url(images/bgpic.png) no-repeat center bottom;
	border:0px solid red;
}
#content div.left div.pic a img {
	background:#fff;
	border:5px solid #fff;
}
#content div.left div.pic a:hover img { border:5px solid #ddd; }
#content div.left div.pic em { float:right; font-style:normal; }
#content div.left div.desc {
	float:right;
	width:212px;
	text-align:right;
	color:#999;
	border:0px solid red;
	overflow:hidden;
}
#content div.left div.desc h4 { margin:0 0 15px 0; }
#content div.left div.desc p { margin:0 0 5px 0; }

/* TAGS Y CATEGORIAS */
#content div.left p.tags{ margin-bottom:0; font-size:11px; }
#content div.left p.tags.izq{ float:left; width:35%; }
#content div.left p.tags.der{ float:right; width:60%; text-align:right; }
#content div.left p.tags a { padding:1px 3px; background:#43A16A; color:#fff; }
#content div.left p.tags a:hover { background:#888; color:#fff; }

/* FORMUALRIO COMENTARIOS */

#formcomment input,
#formcomment textarea{
	padding:4px;
	border:1px solid #ddd;
	width:180px;
	margin:2px 0 0 0;
}
#formcomment textarea{ height:150px; }
#formcomment input.bsubmit {
	width:190px;
	margin:10px 0 0 0;
	padding:6px 16px;
	background:#43A16A;;
	border:0;
	color:#FFF;
	border:0;
	cursor:pointer;
}
#formcomment input.bsubmit:hover { background:#888; }

/* LISTADO COMENTARIOS */

#commentslist { margin:0 0 0 10px; overflow:hidden; list-style:none; }
#commentslist li { padding:15px 0 15px 0; border-bottom:1px solid #ddd; overflow:hidden; }
#commentslist li div.avatar{ position:relative; float:left; width:60px; height:60px; }
#commentslist li div.avatar img{ position:absolute; top:0; left:0; background:#fff; border:5px solid #fff; z-index:0; }
#commentslist li div.avatar span{ position:absolute; top:5px; left:5px; width:15px; height:15px; font-size:10px; text-align:center; line-height:15px; background:#C4C4C4; color:#FFF; z-index:1; }
#commentslist li p { margin:0; padding:0; }
#commentslist li div.commentxt{ position:relative; float:right; width:740px; border:0px solid red; }
#commentslist li div.commentxt p.commentext { font-size:11px; line-height:190%!important; }
#commentslist li span.commentdate{ padding:1px; background:#ddd; font-size:11px; color:#aaa; }
#commentslist li em{ color:#bbb; }

/* LISTADO POST DERECHO */

ul.thumbs {
	list-style:none;
	overflow:hidden;
}
ul.thumbs li{
	float:right;
	margin:0 10px 10px 0;
}
ul.thumbs li a img {
	background:#fff;
	border:5px solid #fff;
}
ul.thumbs li a:hover img { border:5px solid #ddd; }

/* --------------------------------------------------------------- CONTACTO  ------------------------------------------------------- */

#content div.left #formu {
	float:left;
	widows:430px;
	overflow:hidden;
}
#content div.left #formu input{
	width:400px;
	margin:2px 0 5px 0;
	padding:4px;
	border:1px solid #ddd;
}
#content div.left #formu textarea{
	width:400px;
	margin:2px 0 5px 0;
	padding:4px;
	border:1px solid #ddd;
}
#content div.left #formu em{
	font-style:normal;
	font-size:11px;
	color:#888;
}
#content div.left #formu img.captchaimg{ float:left; margin:2px 10px 0 0; }
#content div.left #formu input.captchainput{ float:left; width:50px; font-size:16px; }

#content div.left #formu input.bsend{ padding:15px; background:#43A16A; font: 18px/16px Tahoma, Arial, sans-serif; font-weight: normal; color: #666; color:#fff; text-align:center; text-transform:uppercase; cursor:pointer; }
#content div.left #formu input.bsend:hover{ background:#888; }

/* ----------------------------------------------------------------- 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 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; }