/*
Theme Name: La Malla
Theme URI: http://diegoquintana.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Diego Quintana
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

html {
padding: 0;
margin: 0;
outline: none;
}

object {
cursor: pointer;
}

.left {
display: block;
float: left;
}

.right {
display: block;
float: right;
}

body {
	font-size: 11px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	/* font-family: Arial, Verdana, Helvetica, Sans-Serif; */
	background: #ccc url('images/bg_neg.png');
/*background: #ccc url('images/exp-bg2.gif');*/


	color: #888;
margin: 0;
padding: 0;
display: block;
	}

/*#bgg {
margin: 0;
padding: 0;
}*/

#page {
margin: 0px 0px 0px 50px;
/*width: 900px;*/
padding: 0;
	/*background: #ccc url('images/bg_neg.png');*/
}

#content {
/*width: 900px;*/
margin: 0px 0px 50px 0px;
padding: 0;
display: block;
	}

li {
list-style-type: none;
}

.fixedwidth {
display: block;
float: none;
width: 850px;
padding: 25px;
background: #fff;
}


.fixedwidth h2 {
display: block;
font-size: 14px;
margin: 0px 0px 25px 0px;
}

.fixedwidth .contenidosingle {
display: block;
width: 500px;
float: right;
padding: 0;
}

.fixedwidth .contenidosingle p {
padding: 0;
margin: 0;
}

.trescincuenta {
display: block;
height: 350px;
padding: 25px;
background: #fff;
}

.cincocincuenta {
display: block;
height: 650px;
padding: 25px;
background: #fff;
}

.narrowcolumn {
width: 550px;
}


a, a img {
color: #666; /* line */
	text-decoration: none;
border: none;
cursor: pointer;
outline: none;
	}

a:hover {
	color: #888;
	text-decoration: none;
	}



/* Begin Structure */

#header {
width: 925px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
display: block;
	}

#headerimg {
	margin: 0;
	height: 75px;
	width: 200px;
display: block;
float: left;
background: #fff;
	}

#menu {
	margin: 0px 0px 0px 0px;
	padding: 0;
width: 450px;
height: 50px;
display: block;
float: right;
}

#menu a {
	margin: 0px 25px 0px 0px;
	padding: 0;
height: 50px;
display: block;
float: left;
width: 125px;
color: #888;
background: #fff;
}


.clear {
	clear: both;
height: 0px;
width: 100%;
*height: 0px;
}

#footer {
width: 900px;
	border: none;
	padding: 0;
	margin: 0;
clear: both;
height: 125px;
}

#footer p {
	margin: 0;
background: #fff;
clear: both;
height: 50px;
	padding: 25px;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

h1 {
	margin: 0;
	}

h2 {
font-size: 14px;
	margin: 0;
	}

h2.pagetitle {
	margin: 25px 0px 25px 0px;
width: 850px;
height: 20px;
padding: 15px 25px;
display: block;
font-size: 14px;
font-style: italic;
background: #fff;
	}


h3 {
	padding: 0;
	margin: 0;
	}

/* End Headers */



/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */




/* Begin Sidebar */
#sidebar
{
	padding: 25px;
	margin: 0;
	width: 150px;
background: #fff;
display: block;
float: right;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */














div.boxgrid { 
width: 300px; 
height: 200px; 
float:left; 
/* background:#fff url('images/bg-overlay.jpg'); */
background:#ccc;
border: none; 
overflow: hidden; 
position: relative;
margin: 0;
padding: 0;
color: #fff;
}

div.boxgrid .cover img { 
width: 300px; 
height: 200px; 
}

div.boxgrid a, .boxgrid a:hover {
color: #fff; /* color-boxgrid */
}


/*
.boxgrid .cubierta {
display: none;
margin: 0;
padding: 0;
}
.boxgrid:hover .cubierta {
display: block;
margin: 0;
padding: 0;
}
*/


.boxgrid .mainimg {
position: absolute;
background: #fff url('images/bg_triangulo2.jpg');
top: 0; 
left: 0; 
border: 0;
width: 300px;
height: 200px;
overflow: hidden;
margin: 0;
padding: 0;
}

.fixedwidth .mainimg {
border: 0;
width: 300px;
height: 250px;
margin: 0;
padding: 0;
display: block;
float: left;
}

.boxgrid .cubierta { 
padding: 25px; 
width: 250px;
height: 150px;
overflow: hidden;
margin: 0;
}

.parrafo { 
padding: 0;
height: 78px;
overflow: hidden;
width: 240px;
margin: 0;
}
				
.boxcaption { 
float: left; 
position: absolute; 
background: #000;
height: 100px;
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
top: 300;
left: 0;
}
.caption .boxcaption {
top: 300;
left: 0;
}


.boxgrid h3 {
margin: 0px 0px 7px 0px;
padding: 0;
font-size: 14px;
letter-spacing: -0.3px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-style: italic;
font-weight: bold;
/* text-transform: uppercase; */
color: #fff; /* color-boxgrid */
overflow: hidden;
width: 186px;
display: block;
float: left;
height: 20px;
}

.hidden {
height: 0px;
margin: 0;
padding: 0;
font-size: 0px;
width: 0px;
display: block;
float: left;
color: #fff;
}

.boxgrid .estrella {
height: 25px;
margin: 0;
padding: 0;
width: 62px;
display: block;
float: right;
/* background: #fff; */
background-position: 0px 0px;
text-align: right;
}

/*
.boxgrid .estrella:hover {
background-position: 0px -25px;
}
*/

.estrellabig {
height: 25px;
margin: 20px 0px 0px 0px;
padding: 0;
width: 300px;
display: block;
float: left;
/* background: #fff; */
background-position: 0px 0px;
text-align: right;
}

.boxgrid .autor {
display: block;
text-align: right;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-style: italic;
color: #fff; /* color-boxgrid */
height: 20px;
width: 225px;
float: right;
text-transform: capitalize;
}

.boxgrid .autor a {
font-size: 12px;
color: #fff; /* color-boxgrid */
}




.autorbio {
width: 900px;
margin: 0px 0px 50px 0px;
display: block;
height: 200px;
padding:0;
}

.autorbioimg {
width: 150px;
margin: 0;
display: block;
height: 200px;
padding:0;
float: right;
background: #fff url('images/bg_triangulo2.jpg');
overflow: hidden;
}

.autorbioimgsmall {
width: 75px;
margin: 0;
display: block;
height: 100px;
padding:0;
float: right;
background: #fff url('images/bg_triangulo2.jpg');
overflow: hidden;
}

.autorbiotext {
width: 675px;
padding: 25px;
display: block;
height: 150px;
background: #fff;
float: left;
overflow: hidden;
}

.autortitulo {
margin: 0px 0px 20px 0px;
padding: 0;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-style: italic;
color: #fff; /* color-boxgrid */
overflow: hidden;
width: 500px;
display: block;
float: left;
text-transform: capitalize;
}

.autordata {
margin: 7px 0px 0px 0px;
padding: 0;
width: 150px;
display: block;
float: right;
text-align: right;
}

.autorbiotext p {
margin-left: 25px;
display: block;
}








.woops {
display: block;
float: left;
margin: 0px 25px 0px 0px;
}

.noencontrado {
display: block;
float: left;
margin: 0px 0px 0px 0px;
}




.articulooverlay {
margin: 0;
position: relative;
top: -50px;
left: 150px;
z-index: 99;
display: block;
/* background: #fff; */
width: 150px;
height: 50px;
}

.autoroverlay {
margin: 0;
position: relative;
top: -50px;
left: 100px;
z-index: 99;
display: block;
background: #fff;
width: 50px;
height: 50px;
}

.autoroverlaysmall {
margin: 0;
position: relative;
top: -25px;
left: 50px;
z-index: 99;
display: block;
background: #fff;
width: 25px;
height: 25px;
}



.datosautorsingle {
width: 725px;
padding: 0px 25px;
font-size: 11px;
display: block;
background: #fff;
float: left;
overflow: hidden;
}

.postmetadata {
padding: 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: block;
margin: 25px 0px;
}





















.autores {
width: 150px;
height: 200px;
disply: block;
float: left;
overflow: hidden;
position: relative;
}

.autoroverlaylista {
margin: 0;
z-index: 101;
display: block;
background: #fff;
width: 25px;
height: 25px;
position: relative;
top: -25px;
left: 125px;
}

.autorimg {
width: 150px; 
height: 200px;
display: block;
background:#fff url('images/bg_triangulo2.jpg');
border: none; 
overflow: hidden;
margin: 0;
padding: 0;
position: absolute;
float: left;
}


.autornombre {
width: 100px;
height: 40px;
background: #fff;
display: block;
float: right;
border: none;
margin: 0;
padding: 80px 25px;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-style: italic;
text-transform: capitalize;
color: #888; /* color-boxgrid */
text-align: center;
overflow: hidden;
position: absolute;
}


.autorcover {
width: 150px; 
height: 200px;
display: block;
background:#fff;
border: none;
z-index: 100;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
top: 0px;
left: 0px;
}











ul#dropmenu {
display: block;
float: right;
margin: 0px 25px 0px 0px;
width: 150px;
color: #888;
}

#dropmenu .ordenarpor {
display: block;
background: #fff;
width: 130px;
height: 15px;
padding: 5px 10px;
overflow: hidden;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
margin: 0;
text-align: center;
cursor: pointer;
}

#dropmenu, #dropmenu ul {
position:relative;
z-index:300;
width:100%;
margin: 0;
padding: 0;
} 

#dropmenu a {
display: block;
background: #fff url('images/flecha.jpg') no-repeat;
background-position: 0px 100px;
width: 130px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
color: #888;
height: 15px;
padding: 5px 10px;
overflow: hidden;
margin: 0;
text-decoration:none;
position:relative;
}

#dropmenu a:hover {
background-position: 0px 0px;
}


#dropmenu ul {
position:absolute;
display:none;
top:25px;
list-style-type: none;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center;
text-transform: uppercase;
}

#dropmenu ul ul {
top:auto;
padding-top: 0px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
} 

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
}

#dropmenu .selected {
color: #444;
}






input, textarea {
display: block;
padding: 5px;
	font-size: 11px;
}

.convo {
display: block;
padding: 5px;
border: 1px solid #999;
width: 400px;
margin: 0;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

#conv {
display: block;
width: 150px;
background: #555;
color: #fff;
border: none;
}










/* PAGE-NAVI */



.wp-pagenavi {
width: 450px;
height: 50px;
margin: 50px 0px 0px 0px;
font-size: 14px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
text-align: center;
display: block;
width: 50px;
overflow: hidden;
float: left;
margin: 0;
height: 34px;
padding: 16px 0px 0px 0px;
color: #888;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	color: #fff;
	background-color: #ccc;
}
.wp-pagenavi a:active {
color: #fff;
	background-color: #ccc;	
}
.wp-pagenavi span.pages {
text-align: center;
display: block;
float: left;
width: 50px;
height: 34px;
padding: 16px 0px 0px 0px;
overflow: hidden;
margin: 0;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
text-align: center;
display: block;
float: left;
width: 50px;
height: 34px;
padding: 16px 0px 0px 0px;
overflow: hidden;
margin: 0;
color: #fff;
	background-color: #ccc;	
}
.wp-pagenavi span.extend {
text-align: center;
display: block;
float: left;
width: 50px;
height: 34px;
padding: 16px 0px 0px 0px;
overflow: hidden;
margin: 0;
}










.ads { 
width: 300px; 
height: 200px; 
float:left; 
/* background:#fff url('images/bg-overlay.jpg'); */
background:#fff;
border: none; 
overflow: hidden; 
position: relative;
margin: 0;
padding: 0;
}








/* Sociable */

div.sociable {
display: block;
float: right;
width: 130px;
height: 17px;
padding: 4px 23px 4px 22px;
margin: 0px 25px 0px 0px;
background: #fff;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}








#footerads {
display: block;
/* width: 900px;
height: 150px; */
margin: 25px 0px 0px 0px;
padding: 0;
}

#footerads a {
display: block;
margin: 0px 25px 25px 0px;
padding: 0;
}

#footerads a.right {
float: right;
}

#footerads a.left {
float: left;
}









#searchform {
display: block;
float: right;
width: 200px;
height: 25px;
padding: 0;
margin: 0px 25px 0px 0px;
}

#searchform #s {
display: block;
float: left;
border: none;
width: 117px;
height: 17px;
padding: 4px;
margin: 0;
color: #888;
background: #fff;
border-right: 1px solid #ccc;
}

#searchform #searchsubmit {
display: block;
float: right;
width: 74px;
text-align: center;
border: none;
height: 25px;
padding: 0px;
margin: 0;
background: #fff;
color: #888;
cursor: pointer;
}

#searchform #searchsubmit:hover {
background: #ccc;
color: #fff;
}






.tags {
text-transform: capitalize;
}

.tags a:hover {
text-decoration: line-through;
}










.via {
display: block;
float: left;
margin: 0px 0px 0px 10px;
font-size: 10px;
}

.votos-sin {
display: inline;
padding: 2px 5px;
height: 10px;
width: 14px;
margin: 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
-webkit-border-radius: 3px;
color: #666;
text-align: center;
background: #ddd;
}

.votos-con {
display: block;
float: right;
padding: 2px 5px;
margin: 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
-webkit-border-radius: 3px;
color: #666;
text-align: center;
background: #fff; /* color-boxgrid */
}



.boxgrid a.comentarios {
background-image: url('images/bubble.png');
	display: block;
	text-decoration: none;
	padding: 0;
	cursor: pointer;
width: 19px;
float: left;
text-align: center;
	height: 19px;
	background-position: center 0px;
	background-repeat: no-repeat;
color: #666;
font-size: 10px;
}

.boxgrid a.comentarios:hover {
	/* background-position: center -19px; */
}







.sinvia {
display: block;
height: 62px;
overflow: hidden;
width: 225px;
padding: 0;
margin: 10px 0px 29px 15px;
}

.convia {
display: block;
height: 62px;
overflow: hidden;
width: 225px;
padding: 0;
margin: 10px 0px 18px 15px;
}

span.parrafo a {
visibility: hidden;
}











div.miniboxgrid { 
width: 150px; 
height: 100px; 
float:left; 
/* background:#fff url('images/bg-overlay.jpg'); */
background:#fff;
border: none;
position: relative;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0;
}


div.miniboxgrid a img { 
width: 150px; 
height: 100px;
}

div.miniboxgrid a:hover img { 
width: 300px; 
height: 200px;
}


.miniboxgrid:hover {
overflow: visible;
}

.miniboxgrid img {
z-index: 102;
}

.minidiv { 
width: 150px; 
height: 100px;
}


.minis .miniboxgrid .minidesc {
display: block;
position: relative;
top: -100px;
left: 0px;
width: 0px;
height: 0px;
overflow: hidden;
}

.minis .miniboxgrid:hover .minidesc {
display: block;
position: relative;
top: -5px;
left: -5px;
width: 280px;
height: 30px;
background: #fff;
z-index: 101;
padding: 25px 10px 10px 10px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
}

.miniboxgrid:hover img {
position: relative;
top: -5px;
left: -5px;
display: block;
border: 5px solid #fff;
z-index: 103;
}

.minidesc h3 {
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 14px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-style: italic;
/* text-transform: uppercase; */
color: #888;
overflow: hidden;
}



.minis .miniboxgrid .estrellamini {
display: none;
}


.minis .miniboxgrid:hover .estrellamini {
display: block;
height: 20px;
margin: 0;
padding: 0;
width: 60px;
background: #fff;
text-align: right;
position: relative;
top: -30px;
left: 90px;
}





















/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 900px; 
height: 25px; 
margin: 25px 0px 0px 0px; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 25px;
top: 5px;
width: 850px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 800px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
height: 20px;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
height: 18px;
padding: 0;
margin: 0px 30px 0px 0px;
overflow: hidden;
}
ul.newsticker a {
padding: 0;
font: bold;
} 

.tickerlegend {
display: block;
margin: 0px 0px 25px 600px;
width: 280px;
height: 11px;
padding: 7px 10px;
background: #fff;
font-style: italic;
font-size: 10px;
text-align: center;
}




.commentlist {
list-style-type: none;
margin: 0px 0px 30px 0px;
padding: 0;
}

.comment-body {
margin: 0;
padding: 20px;
border-bottom: 1px dotted #ccc;
}



















.veinticinco {
height: 25px;
}







#convocatoriabanner {
margin-top: 25px;
}

.conconvocatoria {
display: block;
position: relative;
top: -110px;
left: 0;
}


.convocatoria {
display: block;
width: 110px;
height: 110px;
background: url('images/convocatoria2010-b.png') no-repeat;
position: relative;
top: 0;
left: 190px;
z-index: 1500;
}