@charset "utf-8";
@import url('jquery/jquery-link/jquery-link.css');
/*   
Theme Name: Qbomedia
Author: Queli
Version: 0.1
Description: Theme Diseñado .....
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: 
* html
/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}
/* HAck para el Opera 9 y anteriores
html:first-child
*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/****	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; font: 13px Trebuchet MS;}
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

/*** Algunos ajustes basicos: ***/
sup { font-size:0.8em;} sub {  font-size:0.8em; } ul {list-style-type:none;}
/*** LINKS: 	recuerda utilizar siempre la regla del LoVe-HAte  a, a:link, a:visited, a:hover, a:active {}*/
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }
.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; } input, select, textarea { 	font-size: 100%; } 
input:focus, select:focus, textarea:focus { 	background-color: #e3e794; }
fieldset { 	border: none; } h1 {cursor:pointer;}
textarea { font:inherit;  letter-spacing:inherit; word-spacing:inherit;}
/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} .clearfix {display:block;} * html .clearfix {height:1px;}
.float-left { display:inline;	float: left; } .float-right { display:inline;	float: right; } 
.clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;}
acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } 
.fuerte{font-weight:bold;} #pagina .noBorder {border:0;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
#contentno { display:block; position:relative;z-index:100;  overflow:hidden; }
blockquote { margin-left:1em; padding:1.5em; font-style:italic; background:url(images/comunes/iconos/ico-comillas.png) no-repeat;}
#content img { border:1px solid #e8e8e8; padding:4px 5px; }
#content div.videoMedia { border:1px solid #e8e8e8; padding:4px 5px; }
#pagina .center {text-align:center}
/*** igualar las columas ***/
/**#pagina #column1, #pagina #column2  {float:left; margin-bottom:-20000px; padding-bottom:20000px; } **/ 
	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
#pagina #column1 { float:left; width:48%;}
#pagina #column2 { float:right; width:44%;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;background:#000000 url(images/comunes/fondos/fnd-pagina.jpg) repeat-x;text-align:center; font-size:100%;}
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{position:relative; margin:0 auto; width:100%;text-align:left; background-color:#fff;  }
#pagina p {line-height:16px; margin-bottom:8px;}
#header{ position:relative; height:131px; background:url(images/comunes/fondos/cabecera.gif) no-repeat #ea6522 0 100% }

#pagina #header , #pagina #content , #pagina #footer .sub-footer { padding-right:4%;padding-left:4%; }
h1 { position:absolute; top:0; left:8%; width:175px; text-indent:-9999px; height:100px;}
#nav_principal { position:absolute; bottom:0; right:10%; }

#content  { padding-top:36px; }
#pagina #column1 {padding-left:2%; padding-right:6%}


#footer .sub-footer{ padding-top:26px; padding-bottom:44px;  height: 434px;  background:#fff url(images/comunes/fondos/fnd-promociones.png) repeat-x 0 55px; }
	#footer .sub-footer div  {margin: 0 auto; width: 940px;}
	#footer .sub-footer p.titulo {margin-left: 23px; width: 228px; height: 19px;background:#fff url(images/interface/titulos/tit-proyectos-actuales.png) no-repeat; text-indent: -9999px;}
#footer , #footerp.footer {  background:#000; }



/*******  TEXTOS  ****/
#pagina{ font: normal 0.81em Georgia, serif; color:#666; }
#footer p.footer { padding:8px 10px 0 60px; text-align:left; font-size:0.92em; color:#ccc; }
h2, #pagina .fecha , #footer dt { font-weight:bold; font-family:'Century Gothic','Trebuchet MS', sans-serif; color:#000}
#pagina h2 a { color:#000; font-size: 22px;}
#pagina .fecha  { font-weight:normal; }

/***  LISTAS MENUS ***/
/*  menu principal */

#nav_principal {line-height:17px;  background:#000 url(images/comunes/fondos/fnd-menu.png) repeat-x;} 
#nav_principal li {  display:block; float:left; }

#nav_principal li a {display:block; height:12px;  padding:5px; font-weight:bold; text-decoration:none; color:#fff; background:#000; }
#nav_principal li a:hover { color:#000;height:12px; background:#fff; }

li a#menuInicio {display:block; width:52px;height:22px;  padding:0; text-indent:-99999px; background:url(images/interface/menu/btn-home-off.png);}
li a#menuInicio:hover , li a#menuInicioOff , li a#menuInicioOff:hover {display:block; width:52px;height:22px;padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-home-on.png);}

li a#menuArchivos  {display:block; width:72px;height:22px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-archivos-off.png);}
li a#menuArchivos:hover , li a#menuArchivosOff {display:block; width:72px;height:22px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-archivos-on.png);}

/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-size: 13px; text-decoration:none;   color:#ea6522; }
#column2  a:link, a:visited {color: #58ac25;}
a:hover{ text-decoration:underline;}
#footer a:link, #footer a:visited { font-weight:inherit; font-family:inherit; font-size:inherit;   color:#fff; }
#footer a:hover{ text-decoration:none;}

a.verMas {padding-left:20px; background:url(images/comunes/iconos/ico-todas.gif) no-repeat 0 4px;}
a.pdf {padding-left:23px; background:url(images/comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
a.rss {padding-left:23px; background:url(images/comunes/iconos/ico-rss-feed.png) no-repeat;}
a.rssComents {padding-left:23px; background:url(images/comunes/iconos/ico-rss-comentarios.png) no-repeat;}
a.pdf {padding-left:23px; background:url(images/comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;}
a.vistaAerea {display:block; width:5.5em; height:18px; padding:3px 1px 0px 25px; background:#cac2b3 url(images/comunes/iconos/ico-vista-aerea.png) no-repeat 0 2px;}
a.leerMas { display:block; margin-bottom:15px; padding-left:22px;background:url(images/comunes/iconos/ico-flecha.png) no-repeat; }
a.more-link { display:block; margin-bottom:15px; padding-left:22px;background:url(images/comunes/iconos/ico-flecha.png) no-repeat 0; }
.tagsDatos span a{  padding-left:22px;background:url(images/comunes/iconos/ico-comentarios.png) no-repeat; }
a.suscribirte{ display:block; height:35px; margin:10px 0; padding:15px 0 0  270px; background: url(images/comunes/titulos/tit-suscribirte-a-este-blog.png) no-repeat -3px 1px;  }
/**** Particulares de cada proyecto ***/
/*** para los post ***/
.post  { margin-bottom:50px;}
.post h2 { font-size:1.69em}
#pagina .post  p.fecha {  font-size:0.85em}
#pagina .post  .desarrollo { margin:28px 0; text-align:justify; }
#pagina .post  .tagsDatos{ padding:7px 6px; color:#666; background:#f2f2f2; font-size:0.85em; }

/*** laterales ***/
#pagina #column2 .sidebarA { float:left; width:46%;  }
#pagina #column2 .sidebarB { float:right; width:46%; }

/*** el formulario y los feed ***/
#pagina #column2 form label input {width:200px; border:1px solid #d4d4d4; padding:1.5px 8px; vertical-align:top; background:#eee;}

#pagina #column2 p.subscribirte {  }

#pagina #column2 h2 { margin-bottom:11px; padding-left:7px;  font-size:1.38em; color:#666;}
#pagina #column2 h2.fechas { height:15px; text-indent:-99999px; background: url(images/interface/titulos/tit-por-fechas.png) no-repeat 0 0;}
#pagina #column2 h2.post { height:19px; text-indent:-99999px; background: url(images/interface/titulos/tit-ultimas-entradas.png) no-repeat 0 0;}
#pagina #column2 h2.comentarios { height:39px; text-indent:-99999px; background: url(images/interface/titulos/tit-ultimos-comentarios.png) no-repeat 0 0;}
#pagina #column2 h2.autor { height:17px; text-indent:-99999px; background: url(images/interface/titulos/tit-culpable.png) no-repeat 0 0;}
#pagina #column2 h2.categorias { height:17px; text-indent:-99999px; background: url(images/interface/titulos/tit-repertorio.png) no-repeat 0 0;}
#pagina #column1 h2.opinas { height:20px; text-indent:-99999px; background: url(images/interface/titulos/tit-tu-opinas-que.png) no-repeat 0 0;}


#pagina #column2 ul { margin-bottom:25px; }
#pagina #column2 ul  li { border-bottom:1px solid #eee;  }
#pagina #column2 ul  a:link, #pagina #column2 ul  a:visited { display:block;  padding:5px 7px 4px 7px;  }
#pagina #column2 ul  a:hover { color:#666; background-color:#f6f6f6; text-decoration:none; }
#pagina #column2 ul.posts  li   { background:url(images/comunes/iconos/ico-archivo.png) no-repeat 0 8px }
#pagina #column2 ul.posts   a:link, #pagina #column2 ul.posts   a:visited { display:block;  padding:5px 7px 4px 16px;  }
#pagina #column2 ul.posts  a:hover { color:#666; background:#f6f6f6 url(images/comunes/iconos/ico-archivo.png) no-repeat 0 8px; text-decoration:none; }
#pagina #column2 ul.comentarios  li   { background:url(images/comunes/iconos/ico-archivo.png) no-repeat 0 8px }
#pagina #column2 ul.comentarios   a:link, #pagina #column2 ul.posts   a:visited { display:block;  padding:5px 7px 4px 16px;  }
#pagina #column2 ul.comentarios  a:hover { color:#666; background:#f6f6f6 url(images/comunes/iconos/ico-archivo.png) no-repeat 0 8px; text-decoration:none; }


#pagina #column2 ul.comentarios  li   {  font-size:0.92em;  padding:5px 0 4px 16px;  background:url(images/comunes/iconos/ico-lista-comentarios.png) no-repeat 0 10px; }
#pagina #column2 ul.comentarios  li:hover   {  background:#f6f6f6 url(images/comunes/iconos/ico-lista-comentarios.png) no-repeat 0 10px; }
#pagina #column2 ul.comentarios   a:link, #pagina #column2 ul.comentarios   a:visited { display:inline; background:none;   padding:0 0 0 4px;   }
#pagina #column2 ul.comentarios   a:hover { display:inline; background:none;  padding:0 0 0 4px;    }



/*** para la imagen del culpable ***/
.entry_author_image img {width:142px; height:157px;}
div.culpable p { margin-top:7px; font-size:0.92em; font-family:'Century Gothic','Trebuchet MS', sans-serif;}
div.culpable p strong{ display:block; }
/*** para el sub-pie ***/
#footer .sub-footer  dl { float:left;  }
#footer .sub-footer  dt { margin-bottom:10px; font-size:1.83em; color:#fff;}
#footer .sub-footer  dd { margin:0; padding-left:26px; }
#footer .sub-footer  dl.primer dd {background:url(images/comunes/iconos/ico-cuadro-y.png) no-repeat;}
#footer .sub-footer  dl.segundo dd {background:url(images/comunes/iconos/ico-cuadro-flecha.png) no-repeat;}
#footer .sub-footer  dl.tercero dd{background:url(images/comunes/iconos/ico-cuadro-comentarios.png) no-repeat;}

/*** Error ***/
.error h2 {font-size:1.69em; color:#000;}
#pagina .error p.subtitulo { margin-bottom:45px; font-size:0.85em; color:#000;}
#pagina .error div {height:395px; padding-top:34px; padding-left:245px; background:url(images/interface/error-logo.png) no-repeat -4px 0;}
#pagina .error div p {margin-bottom:17px;}
#pagina .error div p.culpable {margin-top:95px;}

/*** buscador ***/
form.buscador {padding-left:60px; background:url(images/comunes/iconos/ico-buscador.png) no-repeat;}
form.buscador .tituloBuscador  { text-indent:-99999px; background: url(images/comunes/titulos/tit-encontrarlo-ya.png) no-repeat 0 0;}
h2.Busqueda, h2.pagetitle { margin-bottom:22px; font-size:2em;}


/*** para el newsletter ***/
 div.newsletter {margin-bottom:10px; padding-left:60px; background:url(images/comunes/iconos/ico-sobre-newsletter.png) no-repeat 0 5px; }
#pagina #column2 h2.newsletter { display:block; height:28px;  margin-bottom:0; text-indent:-99999px; background: url(images/comunes/titulos/tit-subscribirse-al-newsletter.png) no-repeat 0 0;  }
form.newsletter { margin:10px 0 20px;   }
form.newsletter p { margin-bottom:0; }
form.newsletter br { display:block; height:0; }
/*** para los comentarios ***/
	/*** para la lista de los comentarios ***/
	
	.listaComentarios h2 { margin-bottom:21px; font-size:1.38em; color:#666;}
	.listaComentarios dl { padding:10px 10px 0 10px; margin-bottom:21px; background:url(images/comunes/iconos/ico-comentarios2.gif) no-repeat 10px 45px; }
	.listaComentarios dl.mycomment { background:#E3E794 url(images/comunes/iconos/ico-comentarios2.gif) no-repeat 10px 45px; }
	.listaComentarios dl.par { background:#efeeee url(images/comunes/iconos/ico-comentarios2.gif) no-repeat 10px 45px; }
	.listaComentarios dt, .listaComentarios dd p { margin-bottom:16px; }
	.listaComentarios dt a { font-weight:bold; color:#666;}
	.listaComentarios dd{ margin-left:22px; }
	.listaComentarios dd p.datosComentario{ margin:10px 0; font-size:0.92em; color:#999; }
	.listaComentarios dd p.datosComentario a{  color:#999; }
	.listaComentarios dd{  border-bottom:1px solid #eee; }

	/*** Para el form ***/
	.formularioComentario { margin:5em 0; padding:26px; background:#f2f2f2;}
	.formularioComentario h2 { margin-bottom:21px; font-size:1.38em; color:#666;}
	.formularioComentario label { display:block; margin-bottom:5px;}
	.formularioComentario input { width:34em; height:20px; margin-bottom:8px; border:1px solid #dedede; padding:5px 7px; color:#666; }
	.formularioComentario textarea { width:44.5em; height:140px; margin-bottom:8px; border:1px solid #dedede; padding:5px 7px; color:#666; }
	.formularioComentario .btn-submit  { text-align:right;  }
	.formularioComentario .btn-submit input { width:auto; height:auto; border:none  }

/*** Estilos para los textos de un post ***/
#pagina .desarrollo  {font-size:1.23em;}
#pagina .desarrollo p , #pagina .desarrollo  li  {line-height:25px;}
#pagina .desarrollo ul {margin:1em 2em; list-style-type:square;}
#error-rojo{color:red;}

/* Promociones */
dl.proyectos {margin: 18px 0 0 8px !important; padding-top: 10px; width: 224px; height: 405px; display: inline;}
	dl.proyectos * {font-size: 11px;}
	dl.proyectos dt {margin-left: 15px; width: 186px; height: 30px; text-indent: -9999px; cursor: pointer;}
	#mortera {margin-left: 17px !important; background:url(images/comunes/fondos/mortera.png) no-repeat 0 -2px;}
	#ramales {background:url(images/comunes/fondos/ramales.png) no-repeat 0 -1px;}
	#miengo {background:url(images/comunes/fondos/miengo.png) no-repeat 0 -1px;}
	#escalante {background:url(images/comunes/fondos/escalante.png) no-repeat 0 -1px;}
	dl.proyectos dd {margin-top: 110px !important; padding-left: 20px !important; width: 186px;}
			dl.proyectos dd span {display: block; margin: 5px 0; font-weight: bold; color: #000; line-height: 12px !important;}
			dl.proyectos dd strong {color: #ea6522; font-weight: bold; line-height: 12px !important;}
			dl.proyectos dd p {line-height: 12px !important;}
			dl.proyectos dd a.enlace {padding-left: 20px; width: 100px; height: 17px; display: block; background:url(images/comunes/iconos/ico-flecha.png) no-repeat 0 3px; color: #ea6522 !important; font-size: 13px !important;}
			dl.proyectos dd a.enlace:hover {text-decoration: underline !important;}
			#mortera dd a.enlace {margin-top: 30px;}
			#ramales dd a.enlace {margin-top: 8px;}
			#miengo dd a.enlace {margin-top: 8px;}
			#escalante dd a.enlace {margin-top: 31px;}