/*
Theme Name: La Guia de windows
Theme URI: http://www.laguiadewindows.com
Description: ---
Version: 1.0
Author: Guion Medio
Author URI: http://guionmedio.com/
Tags: 
*/

@import "style/reset.css";

/* COLOR COMBINACION #336699*/

/*GLOBALES*/
body {
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;*/
	font: 15px/160% "lucida grande","segoe ui",verdana,helvetica,arial,sans-serif;
	color:#333;
	text-decoration:none;
	line-height: 100%;
}
body {
	background: #fff url(images/fondo.png) repeat-x;
}
a {
	color:#24486C;
	text-decoration:none;
}
a:hover {
	color: #336699;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float: right;
}
p {
	margin: 10px 0;
	}
/*ENCABEZADO*/
.encabezado {
	width:960px;
	height:170px;
	margin:0 auto;
	position:relative;
}
.header_selector_contenedor {
	color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 350px;
	position: absolute;
	z-index:100;
}
.header_selector_contenedor span{
	padding: 7px;
	display:block;
	float:left;
	line-height: 100%;
}
.header_selector 
{
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(images/header_selector.png) repeat-x;
	border: 1px solid #1E1E1E;
	width: 154px;
	float: right;
	margin-top: 3px;
	height: 23px;
}
.header_selector div {
	background: url(images/header_selector_flecha.png) no-repeat 0px 3px;
	width: 24px;
	height: 21px;
	float:right;
}
.header_selector a
{
	color: #ddd;
}
.header_selector a:hover
{
	color: #fff;
	text-decoration: underline;
}
h1 a{
	display:block;
	position: absolute;
	left: 20px;
	top: 55px;
	width: 460px;
	height: 85px;
	background: url(images/header-logo.jpg) no-repeat;
	text-indent: -3000px;
}s
.header_selector ul li{
	padding: 3px;
	display:none;
}
.header_selector_activo {
	display:block !important;
	line-height: 100%;
}
.header_selector:hover ul li {
	display: block;
	background: #336699;
	color: #fff;
}
.header_selector:hover div{
	background: url(images/header_selector_flecha_hover.png) no-repeat 0px 3px;
}
.header-menu {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 340px;
}
.header-menu a{
	display:block;
	float: left;
	color: #EFEFEF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 20px 0 0;
}
.header-menu a:hover{
	color: #336699;
}
.header-rss {
	background: url(images/header-rss.jpg) no-repeat;
	width: 26px;
	height: 23px;
	margin: 0 !important;
	text-indent: -3000px;
}
.header-buscador {
	width: 244px;
	height: 37px;
	background: url(images/header-buscador.png) repeat-x;
	position:absolute;
	top: 76px;
	right: 23px;
}
.header-buscador-in {
	position:relative;
}
.header-buscador-left {
	position: absolute;
	left: -3px;
	top: 0px;
	background: url(images/header-buscador-left.png) no-repeat;
	width: 3px;
	height: 37px;
}
.header-buscador-right {
	position: absolute;
	right: -3px;
	top: 0px;
	background: url(images/header-buscador-right.png) no-repeat;
	width: 3px;
	height: 36px;
}
.header-buscador-input {
	padding: 13px;
	color: #666;
	text-transform:uppercase;
	font-size: 11px;
	background: none;
	border: none;
	width: 130px;
}
.boton {
	background: url(images/btn.png) no-repeat;
	padding: 0 0 0 13px;
	height: 31px;
	text-transform:uppercase;
	color: #fff;
	font-size: 11px;
	border: none;
	float: right;
	margin: 3px 0 0 0;
}
.boton-right {
	background:  url(images/btn.png) no-repeat -170px 0px;
	width: 10px;
	float: right;
	height: 31px;
	margin: 3px 0 0 0;
}
	
/*MENU*/
	
/*MENU*/
.menu {
	width:955px;
	height:62px;
	margin:0 auto;
	position:relative;
}
.menu_izq, .menu_separador, .menu-todosloswindows, .menu-windowsxp, .menu-windowsvista, .menu-windows7, .menu_der, .menu-windowsserver {
	background:url(images/menu.jpg) no-repeat;
	height: 62px;
	display:block;
	float:left;
	text-indent: -3000px;
}
.menu_izq {
	width: 129px;
}
.menu_separador {
	width: 2px;
	background-position: -129px 0;
}
.menu-todosloswindows{	width:158px;	background-position: -131px 0;}
.menu-windowsxp{	width: 158px;	background-position: -291px 0;}
.menu-windowsvista{	width: 158px;	background-position: -451px 0;}
.menu-windows7 {	width: 158px;	background-position: -611px 0;}
.menu-windowsserver {	width: 158px;	background-position: -771px 0;}

.menu-todosloswindows:hover{ background-position: -131px -124px;}
.menu-windowsxp:hover{	background-position: -291px -124px;}
.menu-windowsvista:hover{ background-position: -451px -124px;}
.menu-windows7:hover {	background-position: -611px -124px;}
.menu-windowsserver:hover {	background-position: -771px -124px;}

.menu-todosloswindows_activo{	background-position: -131px -62px !important;}
.menu-windowsxp_activo{background-position: -291px -62px !important;}
.menu-windowsvista_activo{background-position: -451px -62px !important;}
.menu-windows7_activo {	background-position: -611px -62px !important;}
.menu-windowsserver_activo {	background-position: -771px -62px !important;}

.menu_der {
	width: 30px;
	background-position: -930px 0;
	position: absolute;
	top:0 ;
	right:0;
}

/*CONTENIDO*/
.contenedor {
	width:935px;
	margin:0 auto;
	background: url("images/contenido-top.png") no-repeat scroll 0 -5px transparent;
	padding: 20px 10px 20px 10px;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;*/
	font: 15px/160% "lucida grande","segoe ui",verdana,helvetica,arial,sans-serif;
	color: #333;
}

/*ADSENSEARRIBA*/

.adsensearriba{
padding: 0px 10px 20px 10px;
}

/*PRINCIPAL*/
.principal{
	width:640px;
	float:left;
}
.post-meta {
	font-size: 11px !important;
	color: #666;
	text-transform:uppercase;
	line-height: 100%;
}
.post-meta span, .post-meta a {
	color: #336699;
}
.post-meta div a {
	font-size: 11px !important;
	line-height: 100%;
}
.post-meta div a span {
	color: #666;
}
.post-meta div{
	padding: 0;
	float: left;
}
.post-meta-separador {
	width: 1px;
	height: 12px;
	float:left;
	background: #666;
	padding: 0px;
	margin: 0px 10px 0 ;
}

/*
.post h2, .post h2 a{
	font-size:23px;
	font-weight:bold;
	color: #333;
	margin: 10px 0 16px;
	font-family: 'lucida grande', 'segoe ui', verdana, helvetica, arial, sans-serif;
	line-height: 110%;
}
*/

.post h2, .post h2 a{

  font-family: 'Droid Serif', serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.017em;
  word-spacing: -0.1em;
  line-height: 1.5;
  color: #444;
}

.archive .post h2, .post h2 a{
	font-size: 40px;
	margin: 10px 0 6px;
}

.post h3, .post h3 a{
	font-size:20px;
	color: #333;
	margin: 10px 0 16px;
	font-family: 'lucida grande', 'segoe ui', verdana, helvetica, arial, sans-serif;
	line-height: 110%;
}

.post h4 .post h4 a{
	font-size:18px;
	color: #444;
	margin: 10px 0 16px;
	font-family: 'lucida grande', 'segoe ui', verdana, helvetica, arial, sans-serif;
	line-height: 110%;
}

.post h4 a:hover{
        text-decoration:underline;
}


.archive .post h2, .post h2 a{
	font-size: 38px;
	margin: 10px 0 6px;
}
.archive-title {
	font-size:14px;
	font-weight:bold;
	color: #333;
	margin: 0px 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 110%;
	background:#F3F3F3;
	padding: 10px;
}
.archive-title span{
	color: #336699;
}
h3 a, h3{
	font-size:16px;
	font-weight:bold;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.btn{
	display:block;
	background:url(images/btn_responder.png);
	width: 81px;
	height: 27px;
	padding: 3px 0;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	font-size: 11px;
	margin: 10px 0 0 0;
}
.btn-a a{
	display:block;
	background:url(images/btn_responder.png);
	width: 81px;
	height: 21px;
	padding: 6px 0 0 0;
	color: #fff !important;
	text-align: center;
	border: 0;
	text-transform: uppercase;
	font-size: 11px !important;
	margin: 10px 0 0 0;
}
.btn:hover, .btn-a a:hover {
	background-position: 0 -27px;
}
.post h2 a:hover {
	color: #336699;
}
.post {
	line-height: 140%;
}
.post ul {
	margin: 20px;
}
.post ul li{
	text-indent: 10px;
	background: url(images/bullet.png) no-repeat 0px 6px;
}
.post blockquote{
	margin: 20px;
	background: #F3F3F3 url(images/blockquote.png) no-repeat 10px 10px;
	padding: 10px 10px 10px 40px;
}
.categoria {
	color: #fff;
	background: #336699;
	height: 7px;
	padding: 1px 5px 9px;
	position:relative;
	margin: 0 0 0 1px;
	float:left;
	line-height: 100%;
}
.categoria a{
color:#FFFFFF !important;
display:block;
float:left;
font-size:10px;
margin:0 5px 0 0;
text-transform:uppercase;
}
.categoria span{
	background: #336699;
	height: 15px;
	top: 1px;
	left:-1px;
	display:block;
	width:1px;
	position: absolute;
}
.categoria-punta{
	background: url(images/post-etiquetas-puntas.png) no-repeat;
	width: 9px;
	height: 17px;
	margin: 0;
	float: left;
	padding: 0;
}.categoria-punta2{	background: url(images/post-etiquetas-puntas.png) no-repeat -30px 0;	width: 9px;	height: 17px;	margin: -1px 5px 0 0;	float: left;	padding: 0;}
.etiquetas a{
	display:block;
	float: left;
	color: #333;
	background: #DADADA;
	height: 7px;
	padding: 3px 5px 7px;
	position:relative;
	margin: 0 0 0 0;
	font-size: 10px;
	text-transform:uppercase;
	line-height: 100% !important;
}
	
.etiqueta-punta {
	background: url(images/post-etiquetas-puntas.png) no-repeat -10px 0px;
	width: 9px;
	height: 17px;
	margin: 0;
	float: left;
	padding: 0;
}
.etiqueta-punta-derecha {
	background: url(images/post-etiquetas-puntas.png) no-repeat -20px 0px;
	width: 9px;
	height: 17px;
	margin: 0;
	float: left;
	padding: 0;
}
.separador10 {
	background: #EDEDED;
	height: 1px;
	margin: 10px 0;
}
.separador20 {
	background: #EDEDED;
	height: 1px;
	margin: 20px 0;
}
.comentarios_ul li {
	padding: 10px;
	background: #F5F5F5;
	color: #111;
	line-height: 140%;
	margin: 0 0 2px 0;
	border: 1px solid #ddd;
}
.comentarios_ul li:hover {
	border: 1px solid #336699;
}
.comment-childs {
	background:#F5F5F5 !important;
	border: 1px solid #f9f9f9 !important;
	margin: 10px 10px 10px -95px !important;
	padding: 10px;
}
.comment-childs:hover {
	border: 1px solid #336699 !important;
}
.chalt {
	background: #fff !important;
}
.comentarios_ul cite, .comentarios_ul cite a {
	font-size: 18px;
	color: #336699;
	margin: 0 0 0 0px;
}
.comment-fecha {
	font-size: 12px;
	color: #336699;
	float:right;
	margin: 10ox;
}
.comment-fecha a{
	color: #336699;
}
#commentPreview {
	display: none;
	}
.thdrpy {
	display:block;
	padding: 0px 5px;
	color:#fff;
	text-transform: uppercase;
	float: right;
	font-size: 10px !important;
	background: #24486C;
	margin: 0 10px 10px 0;
}
.thdrpy:hover {
	background: #336699;
}

.thdrpy a{
	color: #fff;
	font-size: 10px !important;
}
.comment-input {
	width: 400px;
	padding: 5px;
	color: #222;
	background: #fff url(images/fondo_input.png) repeat-x;
	margin: 10px 0 0 0;
	border: 1px solid #ddd;
	font: 14px/160% "lucida grande","segoe ui",verdana,helvetica,arial,sans-serif;
}
.comment-textarea {
	width: 400px;
	padding: 5px;
	color: #222;
	background: #fff url(images/fondo_input.png) repeat-x;
	margin: 10px 0 0 0;
	border: 1px solid #ddd;
	height: 200px;
	float: left;
	font: 14px/160% "lucida grande","segoe ui",verdana,helvetica,arial,sans-serif;
}
.btn-comments {float:left; margin: 10px 0 0 180px;}
.comment-containet {
	padding: 20px;
	background: #fff url(images/fondo.png) repeat-x 0px -30px;
	border: 2px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.comentarios_title {
	color: #24486C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;
	background:#F3F3F3;
	padding: 5px 10px;
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
}
.comment-containet span{
width: 170px;
float:left;
text-align: right;
margin: 10px 10px 5px 0;
}
.more-link{
	width: 100px !important;
	height: 22px  !important;
	background: url(images/seguir_leyendo.png) no-repeat;
	font-size: 11px  !important;
	color: #fff  !important;
	text-align:center  !important;
	border: 0 !important;
	display: block;
	float:right;
	padding: 5px 0 0 0  !important;
	margin: 0 5px 0 0;
}
.more-link:hover {
	background-position: 0 -27px;
	}
/*SIDEBAR*/
.sidebar{
	width:265px;
	float:right;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 140%;
}
.sidebar a{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 140%;
}
.sidebar a:hover{
	color: #336699;
}
.widget li{
	padding: 0 0 10px 10px;
	background: url(images/bullet.png) no-repeat 0px 8px;
	border-bottom: 1px dashed #eee;
	display:block;
	margin: 0 0 10px 0;
}
.widgettitle {
	display:block;
	width: 250px;
	height: 30px;
	background: url(images/widget_title.jpg) no-repeat;
	padding: 6px 10px 5px 15px;
	text-transform: uppercase;
	color: #555`;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	position:relative;
}
.widgettitle_overlay{
	position: absolute;
	height: 9px;
	width: 200px;
	top: 10px;
	left: 20px;
	background: url(images/widget_title_overlay.png);
}
/*PIE*/
.pie{
	width:920px;
	margin: 0 auto;
	font-size: 12px;
	color: #666;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	line-height: 160%;
}
.pie a{
	color: #336699;
}
.pie_blogs {
	width: 920px;
	height: 95px;
	margin: 20px 0 10px;
	background: url(images/pie_fondo.png) no-repeat;
	text-align:left;
}
.pie_altab {
	width: 91px;
	height: 43px;
	float: left;
	background:url(images/pie_alttab.png) no-repeat;
	display:block;
	text-indent: -3000px;
	margin: 28px 0 0 48px;
	text-align:left;
}
.pie_laguiadewindows {
	width: 125px;
	height: 50px;
	float: left;
	background:url(images/pie_laguiadewindows.png) no-repeat;
	display:block;
	text-indent: -3000px;
	margin: 25px 0 0 0;
	text-align:left;
}
.pie_todosloscomos {
	width: 160px;
	height: 50px;
	float: left;
	background:url(images/pie_todosloscomos.jpg) no-repeat;
	display:block;
	text-indent: -3000px;
	margin: 25px 0 0 0;
	text-align:left;
}
.separador_pie{
	background: #CCCCCC;
	border-right: 1px solid #fff;
	margin: 10px 20px;
	float:left;
	height: 75px;
	width: 1px;
}
/*PAGINADOR*/
.wp-pagenavi .pages {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-transform: uppercase;
	border: 0 !important;
	float:left;
	padding: 6px 4px !important;
}
.wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .extend {
	width: 31px;
	height: 22px  !important;
	background: url(images/paginador.png) no-repeat;
	font-size: 11px  !important;
	color: #fff  !important;
	text-align:center  !important;
	border: 0 !important;
	display: block;
	float:left;
	padding: 3px 0 2px !important;
	margin: 0 5px 0 0;
}
.wp-pagenavi .last, .wp-pagenavi .first {
	width: 81px !important;
	height: 22px  !important;
	background: url(images/paginador_ultimo.png) no-repeat;
	font-size: 11px  !important;
	color: #fff  !important;
	text-align:center  !important;
	border: 0 !important;
	display: block;
	float:left;
	padding: 5px 0 0 0  !important;
	margin: 0 5px 0 0;
}
.wp-pagenavi .last:hover, .wp-pagenavi .first:hover {
	background-position: 0 -27px;
	}
.wp-pagenavi .page:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover{
	background: url(images/paginador.png) no-repeat -31px 0px;
}
.wp-pagenavi .current {
	width: 31px !important;
	height: 22px  !important;
	background: url(images/paginador.png) no-repeat -31px 0px;
	font-size: 11px  !important;
	color: #fff  !important;
	text-align:center  !important;
	border: 0 !important;
	display: block;
	float:left;
	padding: 2px 0 3px !important;
	margin: 0 5px 0 0;
}
.pie_gm {
	display:block;
	width: 83px;
	height: 18px;
	text-indent: -3000px !important;
	font-size: 0;
	background: url(images/pie-gm.png) no-repeat;
	float:right;
	margin: 10px 10px 10px 30px;
	line-height:10000;
	overflow:hidden;
}
.pie_gm:hover {
	background-position: 0 -20px;
}



/* TABBER */


.mas_visto-comentado ul {
	display:block;
	/*background: #F3F3F3;*/
	padding: 10px;
}
.mas_visto-comentado ul li a{
	color: #666;
	font-size: 14px;
}
.mas_visto-comentado ul li a:hover{
	color: #111;
	text-decoration: none;
}
.mas_visto-comentado ul li {
	background: url(images/bullet.png) no-repeat 0 7px;
	margin: 5px 0;
	border-bottom: 1px dashed #ddd;
	padding: 0 0 5px 10px;
}
.separador_masvisto {
	border-top: #E3E3E3 1px dashed;
	border-bottom: #FFFFFF 1px dashed;
	margin: 10px 0 0 0;
}
.hidden {
	display:none !important;
}

.related{
color: #666;
font-size: 10px;
}
.tabbers {
	background: url(images/tabbers.png) no-repeat;
	display: block;
	float: left;
	width: 80px;
	height: 30px;
	text-indent: -3000px;
	font-size; 0;
	margin: 0 3px 0 0;
	}
.ultimos {
	background-position: 0 -33px;
	}
.ultimos_inactivo {
	background-position: 0 0px;
	}
.mas_populares {
	background-position: -85px -33px;
	}
.mas_populares_inactivo {
	background-position: -85px 0px;
	}
.mas_enviadas {
	background-position: -170px -33px;
	}
.mas_enviadas_inactivo {
	background-position: -170px 0px;
	}
.mas_visto-comentado_tabs {
	border-bottom: 1px solid #E8E8E8;
	} 

.archivito {
	width:850px;
	float:left;
}

img.alignright, .wp-post-image {
padding: 5px;
margin: 0 5px 5px 5px;
display: inline;
}

.alignright, .wp-post-image {
float: left;
}
