@charset "utf-8";
@import url('jquery/jquery-link/jquery-link.css');
@import url('jquery/thickbox/thickbox.css');
/*   
Theme Name: Voces Theme
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; }
/*** 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; }
* html #contentNO  {overflow:visible;}

#content img { border:none;  }
#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:54%; background:#beb566; padding-top:2%; padding-right:2%; padding-left:2%; }
#pagina #column2 { position:relative; float:left; width:37%;background:#beb566;   padding-top:500px; padding-right:2%; padding-left:2%;}
#pagina #wrapperContent .interiorUneTuVoz2 { padding-top:2%; }
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

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

h1 { position:absolute; top:47px; left:115px; width:388px; text-indent:-9999px; height:160px;  }
#nav_principal { position:absolute; bottom:-3px; right:2%; z-index:110; }

#content  { margin-bottom:0; padding:1px;  border:1px solid #beb566; background:#beb566; }
#wrapperContent  {  padding:1px;  border:1px solid #beb566; background:#fff; }
#pagina #column1 {padding-left:1%; padding-right:4%}
#pagina #wrapperContent .interiorUneTuVoz1 {width:46%; padding-right:2%}
#pagina #wrapperContent .interiorUneTuVoz1 .post {width:100%;}
#pagina #wrapperContent .interiorUneTuVoz2 {width:46%;}
#footer { padding:10px 0 0 27px;}
#pagina #footer a:link, #pagina #footer a:visited{ color:#666}
#pagina #footer a:hover{ color:#666}



/*******  TEXTOS  ****/
#pagina{ font: normal 0.81em Georgia, serif; color:#333; }
#footer p.footer { padding:8px 10px 0 115px; text-align:left; font-size:0.92em; color:#ccc; }
h2, #pagina .fecha , #footer dt { font-weight:bold; font-family:Georgia, serif; color:#fff; background:#337220 url(images/comunes/iconos/ico-archivo.png) no-repeat 9px 16px;}
#pagina h2 a { color:#fff;}
#pagina .fecha  { font-weight:normal; }

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

#nav_principal {line-height:17px;  background: none;} 
#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:115px;height:50px;  padding:0; text-indent:-99999px; background:url(images/interface/menu/btn-blog-off.png);}
/* li a#menuInicio:hover , */  li a#menuInicioOff  /* , li a#menuInicioOff:hover */{display:block; width:115px;height:50px;padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-blog-on.png);}

li a#menuVoces  {display:block; width:115px;height:50px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-voces-off.png);}
/* li a#menuVoces:hover ,*/ li a#menuVocesOff /*  ,li a#menuVocesOff:hover */ {display:block; width:115px;height:50px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-voces-on.png);}

li a#menuUneTuVoz  {display:block; width:135px;height:50px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-uneTuVoz-off.png);}
/* li a#menuUneTuVoz:hover ,*/ li a#menuUneTuVozOff /* , li a#menuUneTuVozOff:hover */{display:block; width:135px;height:50px; padding:0;text-indent:-99999px; background:url(images/interface/menu/btn-uneTuVoz-on.png);}

/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-family:inherit; font-size:inherit; text-decoration:none;   color:#959c1f; }
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.mailto {display:block;  width:162px; height:30px; margin-bottom:10px; padding:0;  text-indent:-99999px; background:#337221 url(images/comunes/titulos/tit-mail.png) no-repeat 0 0;}
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; text-align:right; margin-bottom:15px; padding-left:22px; color:#333; } 
/* .tagsDatos span a{  padding-left:22px;background:url(images/comunes/iconos/ico-comentarios.png) no-repeat; } */
.tagsDatos span a{  color:#333; } 
a.suscribirte{ display:block; height:47px; margin-top:17px; padding:4px 0 0  254px; background: url(images/comunes/titulos/tit-suscribirte-a-este-blog.png) no-repeat 0 0;  }
/**** Particulares de cada proyecto ***/
/*** para los post ***/
.post, #pagina div.listaComentarios , #pagina .formularioComentario  { width:505px; margin-bottom:14px; padding:4px 5px;}
 #wrapperContent .interiorUneTuVoz2  div.listaComentarios   { width:100%; margin-bottom:14px; padding:4px 5px;}
.post h2 , h2.pagetitle{   padding:14px 0 14px 36px; font-size:1.85em;}
h2.Busqueda, h2.pagetitle { margin:0 0 22px 5px; width:470px; font-size:1.6em; }
#pagina .post h2 a { float:left;  width:87%; padding:0; font-size:0.85em;}
#pagina .post  .fecha { float:right; width:13%; margin:0; line-height:25px;   font-size:0.50em; background:none;}
#pagina .post  .desarrollo { margin:10px 0 4px 0; padding:7px 6px;  background:#b2ac4a}
#pagina .post  .desarrollo p {  padding-left:4px; text-align:justify;}
#pagina .post  .desarrollo a:link, #pagina .post  .desarrollo a:visited { font-weight:bold; color:#337220;}
#pagina .post  .desarrollo a:hover { font-weight:bold; color:#337220;}
#pagina .post  .desarrollo img {margin:0 0 0 0; padding:0;}
#pagina .post  .tagsDatos{ padding:7px 6px; color:#333; background:#b2ac4a; font-size:0.93em; }
#pagina .post  .tagsDatos .izq{ float:left; width:80%;  }
#pagina .post  .tagsDatos .der{ float:right;; width:20%;  text-align:right; }

/*** 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:13px; padding-left:7px;  font-size:1.38em; color:#666;}
#pagina #column2 h2.archivo { height:30px; text-indent:-99999px; background: url(images/comunes/titulos/tit-archivos.png) no-repeat 0 0;}
#pagina #column2 h2.categorias { height:30px; text-indent:-99999px; background: url(images/comunes/titulos/tit-categorias.png) no-repeat 0 0;}
#pagina #column2 h2.enlaces , .linkcat h2 { height:30px; text-indent:-99999px; background: url(images/comunes/titulos/tit-enlaces.png) no-repeat 0 0;}
#pagina #column2 h2.agregar-voces { height:30px; text-indent:-99999px; background: url(images/comunes/titulos/tit-agregar-voces.png) no-repeat 0 0;}
#pagina #column2 ul.agregar-voces .myspace { height:35px; text-indent:-99999px; background: url(images/comunes/titulos/tit-myspace.png) no-repeat -10px 0;}
#pagina #column2 ul.agregar-voces .facebook { height:45px; text-indent:-99999px; background: url(images/comunes/titulos/tit-facebook.png) no-repeat -10px 0;}
#pagina #column2  .flickr  a:link, #pagina #column2  li.flickr  a:visited{ display:block; height:45px; margin-bottom:0; text-indent:-99999px; background: #b1ac4a url(images/comunes/titulos/tit-flickr.png) no-repeat 10px 0;}
#pagina #column2  li.youtube  a:link, #pagina #column2  li.youtube  a:visited  { height:47px;  margin-bottom:0;  text-indent:-99999px; background:#b1ac4a  url(images/comunes/titulos/tit-youtube.png) no-repeat 10px 0;}
#pagina #column2  li.youtube  a:hover , #pagina #column2  .flickr  a:hover{ background-color:#B1AC4A;} 
#pagina #column2 h2.mas-voces { height:30px; text-indent:-99999px; background: url(images/comunes/titulos/tit-mas-voces.png) no-repeat 0 0;}


#pagina #column2 ul { margin-bottom:25px; }
#pagina #column2 ul li { float:none; display:inline;  }
#pagina #column2 ul li a{ margin-bottom:2px;   }
#pagina #column2 ul.youtube {background:#b1ac4a;}
#pagina #column2 ul.youtube li div.media { padding:0 6.5px; text-align:center;   }
#pagina #column2 ul.youtube li {display:block; margin-bottom:20px;}
#pagina #column2 ul  a:link, #pagina #column2 ul  a:visited { display:block;  padding:4px 7px 2px; text-align:cleft; color:#424242; background-color:#b1ac4a;  }
#pagina #column2 ul  a:hover { color:#fff; background-color:#337221; text-decoration:none; }



/*** para el sub-pie ***/
#footer .sub-footer  dl { float:left; width:25%; margin-right:5%;  }
#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 ***/


/*** para los comentarios ***/
	/*** para la lista de los comentarios ***/
	
	.listaComentarios dl { padding:10px 10px 0 10px; margin-bottom:21px;  color:#424242; background:#c3bb74 url(images/comunes/iconos/ico-comentarios2.gif) no-repeat 10px 45px; }
	.listaComentarios dl.mycomment { background:#c3bb74 url(images/comunes/iconos/ico-comentarios2.gif) no-repeat 10px 45px; }
	.listaComentarios dl.par { background:#c3bb74 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:#424242; }
	.listaComentarios dd p.datosComentario a{  color:#337220; }

	/*** Para el form ***/
	.formularioComentario { margin:10px 0; padding:5px; background:#beb465;}
	.formularioComentario form {  padding:0 10px; }
	.formularioComentario h2, .listaComentarios h2 { margin-bottom:21px; padding:2px 5px; font-size:0.93em; font-weight:normal; color:#333; background:#b1ac4a;}
	.formularioComentario label { display:block; margin-bottom:5px;}
	.formularioComentario .checkbox label { display:inline; margin-bottom:5px;}
	.formularioComentario .checkbox input , .uneTuVoz .formularioComentario .checkbox input { width:auto; margin-bottom:0;  }
	.formularioComentario input { width:20em; height:16px; margin-bottom:8px; border:none; padding:5px 7px; color:#333; background:#c5bc75; }
	.formularioComentario textarea { width:471px; height:100px; margin-bottom:8px; border:none; padding:5px 7px; color:#333; background:#c5bc75; }
	.formularioComentario .btn-submit  { text-align:right;  }
	.uneTuVoz .formularioComentario input { width:388px; }
	.uneTuVoz .formularioComentario textarea { width:388px; }
	#pagina .uneTuVoz .formularioComentario { width:100%; }
	#pagina .formularioComentario .btn-submit input { width:auto; height:auto; border:none  }
	
	/*** textoVoces ***/
	.textoVoces {position:absolute; z-index:110; width:426px; height:478px;  right:0; top:0;  text-indent:-99999px;  background: url(images/sidebar/voces-para-la-conciencia.png) no-repeat 0;   behavior: url(/wp-content/themes/vocestheme/images/interface/iepngfix.htc);}
	
	/**** #flickr Badge ****/
	.flickrG  { margin-top:3px; background:#B1AC4A;}
	.flickrG li  { display:block;}
	.flickrG p img { width:152px; height:123px;}
	.flickrG p a { padding-bottom:0;}

	/**** en los post centrar los youtube ***/
	.desarrollo object {margin-left:6%;}

/*** Seccion UNE TU VOZ ****/
	* html #pagina #content .interiorUneTuVoz{} 
	.uneTuVoz h2.titularUne {height:130px; text-indent:-99999px; background: url(images/comunes/titulos/tit-une-tu-voz-seccion.jpg) no-repeat 0 0;}
	.uneTuVozFotos {position:relative; z-index:110; width:411px; height:552px;  right:25px; top:-75px;  text-indent:-99999px;  background: url(images/sidebar/fotos-une-tu-voz.png) no-repeat 0;   behavior: url(/wp-content/themes/vocestheme/images/interface/iepngfix.htc);}
	.uneTuVozTexto {position:absolute; z-index:110; width:556px; height:529px;  right:-60px; top:0;  text-indent:-99999px;  background: url(images/sidebar/voces-para-la-conciencia-une-tu-voz-seccion.png) no-repeat 0;   behavior: url(/wp-content/themes/vocestheme/images/interface/iepngfix.htc);}
/*** seccion VOCES ***/
.interiorUneVoces h3 , .interiorUneVoces p { margin-bottom:10px;}

#pagina #content #column2 .noHover a:hover { background:none; }

/**  para la paginacion de los post entre paginas **/
.navigation {position:relative; height:1.5em;}
.navigation a:link, .navigation a:visited {color:#337220; font-weight:bold;}
.navigation a:hover {color:#337220; font-weight:bold;}
.navigation .alignleft {position:absolute; left:0;}
.navigation .alignright {position:absolute; right:0;}