/*
THEME NAME: Blogsfactory 08_ 09 V2 (Sandbox)
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*//********** base ******************************************************/
body{
 background:#d3d3d3 url(images/bg2.jpg) repeat-x scroll 0 0;
 color:#000;
 font:11px/14px Arial,sans-serif;
 margin:2px 0;
 min-width:962px;
 padding:0
}

img{border:none}

.avatar{float:right}

form{margin:0;padding:0}

a:focus{outline:none}

a{color:#666666}

#main{margin:0 auto;position:relative;width:962px}

#wrapper{margin:0 auto;position:relative;width:982px;background:#FFFFFF none repeat scroll 0 0;}

#header{
 background:url(images/bg-header.png) no-repeat;
 height:220px;
 overflow:hidden;
 padding:0 1px 0 20px;
 margin:auto;
 width:941px
}
/********** cabecera ******************************************************/

.logo,.blog-title{
 background:url(images/logo.png) no-repeat;
 float:left;
 height:60px;
 margin:0;
 overflow:hidden;
 text-indent:-3000px;
 width:465px
}

.logo a,.blog-title a{
 display:block;
 height:100%;
 overflow:hidden;
 width:100%
}

.ante_header{
 background:url(images/bg-ante_header.jpg) repeat-x;
 height:25px
}

.ante_header p,.ante_header a{
 color:#fff;
 font-size:10px;
 left:20px;
 margin:0 auto;
 padding:5px 0;
 text-decoration:none;
 text-transform:uppercase;
 width:941px
}

.ante_header a{text-decoration:none}

.ante_header a:hover{text-decoration:underline}

.header{left:20px;position:absolute;top:0}

.head{overflow:hidden;width:941px}

.head p{
 color:#989898;
 float:left;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:34px 10px 0 0;
 width:203px
}

.banner{float:left;width:728px}

.logo-holder{
 height:80px;
 overflow:hidden;
 padding:20px 0 0;
 width:941px
}

.parts{
 height:110px;
 overflow:hidden;
 padding:20px 0 0 0;
 width:941px
}

.google01{float:left;padding:0;width:729px}

.part{float:right;width:194px}

.buscar{
 background:url(images/bg-buscar.png) no-repeat;
 float:left;
 height:72px;
 margin:0 0 0 1px;
 padding:10px 10px 10px 20px;
 width:194px
}

.buscar label{
 color:#666;
 float:left;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0 0 12px;
 width:164px
}

.buscar input{float:left;margin:0 5px 0 0}

.buscar .text{
 background:url(images/bg-input.jpg) repeat-x;
 border:1px solid #aaa;
 color:#666;
 font:12px/16px Georgia,"Times New Roman",Times,serif;
 height:16px;
 padding:4px;
 width:77px
}

#container{
 margin-top:2em;
 overflow:hidden;
 padding:0 0 60px;
 width:962px
}

#content{float:left;margin:0;width:558px}

.top-post{
 background:#fff url(images/info-top.png) no-repeat 0 0%;
 height:10px;
 overflow:hidden;
 width:557px
}

.post{
 margin:0 0 10px 0;
 overflow:hidden;
 padding:0px 10px 5px 0;
 width:547px
}

.entry-date{float:left;padding:6px 8px 0 0;width:36px}

.published em{
 color:#b3b3b3;
 display:block;
 font:10px/12px Georgia,"Times New Roman",Times,serif;
 margin:0 0 -3px;
 text-align:right;
 width:36px
}

.published span{
 color:#666666;
 display:block;
 font:22px/22px Georgia,"Times New Roman",Times,serif;
 text-align:right;
 width:36px
}

.desc{
 background:url(images/post-bg.jpg) repeat-y;
 float:left;
 margin:0 0 10px;
 width:483px
}

h1.entry-title{
 color:#29417F;
 font:22px/24px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0
}

h1.entry-title a{color:#666666}

h2.entry-title{
 color:#666666;
 font:22px/24px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0
}

h2.entry-title a{color:#666666}

.entry-content{
 background:url(images/post-foot.jpg) no-repeat 0 100%;
 overflow:hidden;
 padding:15px 20px 12px 21px;
 width:442px
}

h2.pagetitle{
 color:#29417F;
 font:22px/24px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0
}

.photo{margin:18px 0 0;overflow:hidden;padding:5px}

.desc p{
 color:#666;
 font:12px/20px arial,Helvetica,sans-serif;
 margin:15px 10px 0 0
}

.desc p a{
 color:#666666;
 font:bold 12px/20px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.desc a{color:#666666}

.desc p a:hover{text-decoration:underline}

.desc ul,.desc ol{
 color:#666;
 font:14px/20px trebuchet Ms,arial,Helvetica,sans-serif;
 margin:15px 10px 0 40px
}

.desc ul,.desc ol{
 color:#666;
 font:12px/20px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.desc ul a,.desc ol a{color:#005399}

.desc ul a:hover,.desc ol a:hover{
 text-decoration:underline
}

.desc blockquote{
 background:url(images/quote.jpg) no-repeat;
 color:#666666;
 font-size:13px;
 font-style:italic;
 margin:15px 10px 0 20px;
 padding:1px 0 0 35px
}

.postthumb_inicio{ height:55px;
margin:5px 0;
width:100%;
}
.postthumb{ float: left;
}

.postthumb_letra{ float:left;
font-size:1.2em;
font-weight:bold;
padding:15px;
width:80%;
}

.relacionados{height:100%;
padding:0 0 0 20px;}

.google03{padding:5px 0 10px;width:340px}

.paginacion1{float:left}

.paginacion1 a{font-size:12px;font-weight:bold}

.paginacion1 a:hover{font-size:20px}

.paginacion2{float:right}

.paginacion2 a{font-size:12px;font-weight:bold}

.paginacion2 a:hover{font-size:20px}

.box3{background:url(images/box3-bg.jpg) repeat-y}

.box3-bg{background:url(images/box3-top.jpg) no-repeat}

.box3-info{
 background:url(images/box3-foot.jpg) no-repeat 0 100%;
 min-height:135px;
 overflow:hidden;
 padding:15px 15px 10px 20px;
 width:448px
}

* html.box3-info{height:160px;overflow:visible}

.box3 h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.box3 ul{
 list-style:none;
 margin:0;
 overflow:hidden;
 padding:7px 0 0;
 width:448px
}

.box3 ul li{
 background:url(images/ico01.gif) no-repeat 0 5px;
 padding:3px 0 3px 20px;
 width:428px
}

.box3 ul li a{
 color:#666666;
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.box3 ul li a:hover{color:#666666}

.box3 ul li a:hover{color:#98070B}

.box3 ul li a:hover{text-decoration:underline}

.coments{
 overflow:hidden;
 padding:35px 0 0 64px;
 width:448px
}
/********** sidebar ******************************************************/

.sidebar{float:left;width:394px}

.public{
 background:transparent url(images/bg-public.jpg) no-repeat scroll 0 0;
 height:260px;
 overflow:hidden;
 padding:10px 50px;
}

.public img{border:1px solid #b8b8b8}

#primary{width:160px;float:left;}

.xoxo{
 list-style:none outside none;
 margin:0px;
 padding:0;
}

#secondary{width:230px; float:right; }

.banner03{
 background:url(images/bg-banner3.jpg) no-repeat;
 height:600px;
 overflow:hidden;
 padding:20px;
 width:120px
}

ul.banner03{margin:0;padding:0}

.popular{
 background:url(images/bg-popular.png) no-repeat;
 height:414px;
 margin:10px 0 0;
 overflow:hidden;
 padding:15px 15px 0 20px;
 width:125px
}

.popular h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 font-size:14px;
 font-weight:bold;
 margin:0
}

.popular ul{
 list-style:none;
 margin:0;
 overflow:hidden;
 padding:7px 0 0;
 width:125px
}

.popular ul li{padding:5px 0}

.popular ul li a{
 color:#666666;
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.popular ul li a:hover{text-decoration:underline}

.column2{
 float:left;
 width:224px
}
/********** rss / mail ****************************************/

.email{
 background:url(images/bg-email.jpg) no-repeat;
 height:109px;
 overflow:hidden;
 padding:15px 15px 0 20px;
 width:189px
}

.email h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.mail{overflow:hidden;padding:5px 0 0;width:189px}

.mail label{
 color:#666;
 float:left;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:0 0 6px;
 width:189px
}

.mail input{float:left}

.mail .text{
 background:url(images/bg-input.jpg) repeat-x;
 border:1px solid #aaa;
 color:#666;
 font:12px/16px Georgia,"Times New Roman",Times,serif;
 height:16px;
 margin:0 5px 0 0;
 padding:4px;
 width:107px
}

.rss{
 background:url(images/bg-rss.jpg) no-repeat;
 height:109px;
 margin:10px 0 0;
 overflow:hidden;
 padding:15px 15px 0 20px;
 width:189px
}

.rss h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.rss p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:7px 0 0
}

.rss div{overflow:hidden;padding:7px 0 0;width:189px}

.rss a{
 background:url(images/rss.jpg) no-repeat;
 float:left;
 height:26px;
 /*text-indent:-9999px;*/
 width:22px
}

.rss a.feed{
 /*background:url(images/feedburner.jpg) no-repeat;*/
 float:left;
 height:26px;
 margin:0 20px 0 0;
 /*text-indent:-9999px;*/
 width:88px
}
/********** caja 1 ****************************************/

.box1{
 background:url(images/box1-bg.jpg) repeat-y;
 margin:28px 0 0;
 width:160px
}

.box1-bg{background:url(images/box1-top.jpg) no-repeat}

.box1-info{
 background:url(images/box1-foot.jpg) no-repeat 0 100%;
 min-height:245px;
 overflow:hidden;
 padding:15px 15px 0 20px;
 width:125px
}

* html.box1-info{height:245px;overflow:visible}

.box1 h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.box1 ul{
 list-style:none;
 margin:0;
 overflow:hidden;
 padding:5px 0 0;
 width:125px
}

.box1 ul li{
 background:url(images/ico04.gif) no-repeat 0 50%;
 padding:0 0 0 20px;
 width:105px
}

.box1 ul li a{
 color:#666;
 font:11px/18px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.box1 ul li a:hover{
 text-decoration:underline
}
/********** caja 2 ****************************************/

.box2{
 background:url(images/box2-bg.png) repeat-y;
 margin:10px 0;
 width:230px
}

.box2-bg{background:url(images/box2-top.png) no-repeat}

.box2-info{
 background:url(images/box2-foot.jpg) no-repeat 0 100%;
 min-height:100px;
 overflow:hidden;
 padding:15px 15px 10px 20px;
 width:189px
}

* html.box2-info{height:411px;overflow:visible}

.box2 h2,.box2 h2 a{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0 0 7px
}

.tags {
	width:189px;
	overflow:hidden;
}
.tags a{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
.tags a:hover{text-decoration:underline}
.tags a.small{font:11px/18px Arial, Helvetica, sans-serif}
.tags a.large{font:16px/20px Arial, Helvetica, sans-serif}

.directorio{
 background:url(images/directorio.png) no-repeat;
 padding:5px 0 5px 40px
}

.box2 ul li a{
 color:#666;
 font:12px/18px Arial,Helvetica,sans-serif;
 margin:0;
 text-decoration:none
}

.box2 ul li{
 color:#666666;
 font:bold 11px/18px Arial,Helvetica,sans-serif
}

.box2 ul{
 list-style:none;
 margin:0;
 overflow:hidden;
 padding:0;
 width:189px
}

.box2 ul.children li{
 background:url(images/ico05.gif) no-repeat 0 50%;
 color:#005399;
 float:left;
 font:11px/18px Arial,Helvetica,sans-serif;
 padding:0 0 0 20px;
 width:169px
}

.box2 ul.children li a{
 color:#666;
 float:left;
 font:11px/18px Arial,Helvetica,sans-serif;
 margin:0 3px 0 0;
 text-decoration:none
}

.box2 ul li a:hover{text-decoration:underline}

.autores-info{
 background:url(images/box2-foot.png) no-repeat 0 100%;
 overflow:hidden;
 padding:15px 15px 10px 20px;
 width:189px
}

.autores ul li a{
 color:#666;
 font:12px/18px Arial,Helvetica,sans-serif;
 margin:0;
 text-decoration:none
}

.box2 .blogs{padding:6px 0 0}

.blogroll li{
 background:url(images/ico06.gif) no-repeat 0 0;
 color:#666666;
 float:left;
 font:normal normal normal 11px/14px Arial,Helvetica,sans-serif;
 font-size-adjust:none;
 font-stretch:normal;
 margin:5px 0 0;
 padding:0 0 0 20px;
 width:169px
}

.blogroll li a{
 color:#29417F;
 float:none;
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.blogroll li p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.box2 .blogs li{
 background:url(images/ico06.gif) no-repeat 0 0;
 color:#666666;
 float:left;
 font:normal normal normal 11px/14px Arial,Helvetica,sans-serif;
 font-size-adjust:none;
 font-stretch:normal;
 margin:5px 0 0;
 padding:0 0 0 20px;
 width:169px
}

.box2 .blogs li a{
 color:#29417F;
 float:none;
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.box2 .blogs li p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:0
}
/********** comentarios ****************************************/

.comentarios{margin:0 0 0 40px}

#footer{
 background:transparent url(images/bg-footer.jpg) repeat-x scroll 0 0;
 height:100%;
 overflow:hidden;
 width:100%
}

.footer{
 background:transparent url(images/fondo2.jpg) repeat-x scroll 0 0;
 margin:0 auto;
 overflow:hidden;
 padding:30px 20px 15px 44px;
 width:980px
}

.banner01{
 border:1px solid #bebbba;
 height:58px;
 overflow:hidden;
 width:466px
}

.foot{padding:15px 0 0;width:898px}

.inf{float:left;width:245px}

.inf h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.inf ul{
 list-style:none;
 margin:10px 0 0;
 overflow:hidden;
 padding:0 20px 0 0;
 width:225px
}

.inf .one{width:245px}

.inf ul li{
 float:left;
 margin:0 0 8px;
 padding:0 0 0 5px;
 width:205px
}

.inf .one li{margin:0 0 10px;width:225px}

.inf ul li p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.inf ul li em{
 color:#666;
 font:10px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.inf ul li p a{
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.inf ul li p a:hover{text-decoration:underline}

.inf .one li p a{font:11px/14px Arial,Helvetica,sans-serif}

.famo{float:right;width:185px}

.famo h2{
 color:#666;
 font:19px/22px Georgia,"Times New Roman",Times,serif;
 margin:0
}

.famo p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:10px 0 0
}

.famo ul{
 list-style:none;
 margin:14px 0 0;
 overflow:hidden;
 padding:0;
 width:185px
}

.famo ul li{
 background:url(images/ico03.gif) no-repeat 0 50%;
 float:left;
 padding:0 0 0 10px;
 width:175px
}

.famo ul li a{
 font:11px/14px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.famo ul li a:hover{text-decoration:underline}

.copy{overflow:hidden;width:886px}

.copy a{
 background:url(images/factory.gif) no-repeat;
 float:left;
 height:19px;
 text-indent:-9999px;
 width:109px
}

.copy p{
 color:#666;
 float:right;
 font:10px/20px Arial,Helvetica,sans-serif;
 margin:0
}

.info .mes-titles h2{
 color:#005399;
 font:normal normal normal 24px/24px Georgia,"Times New Roman",Times,serif;
 font-size-adjust:none;
 font-stretch:normal;
 letter-spacing:-1px;
 margin:0;
 padding:10px 0 10px 20px
}

.copy1{
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
background:transparent url(images/body_foot.png) repeat scroll 0 0;
border-top:1px solid #333333;
float:left;
margin-right:20px;
min-height:14em;
width:300px;


}

.subcopy1{
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top:3px solid #333333;
display:block;
padding:1em 20px 0;
font-size:12px;
color:#fff;

}


.subcopy1 h2{
 color:#fff;
 font:20px/20px Georgia,"Times New Roman",Times,serif;
 margin:0
}


.subcopy1 ul{
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:14px 0 0;
overflow:hidden;
padding:0;
}

.subcopy1 ul li{
font-size:11px;
padding:0 0 0 10px;
color:#CCCCCC;
}

.subcopy1 ul li a{
 font:11px/14px Arial,Helvetica,sans-serif;
 text-decoration:none;
 color:#fff;
}

.subcopy1 ul li a:hover{text-decoration:underline}

.copy2{
background:transparent url(images/bottom_foot.jpg) no-repeat scroll 0 0;
padding:11px;
}


/**************** alignments ****************************************************/

.center{text-align:center}

img.center,img [ align = "center" ]{
 display:block;
 margin-left:auto;
 margin-right:auto
}

.alignleft{float:left}

img.alignleft,img [ align = "left" ]{
 float:left;
 margin:2px 10px 5px 0px
}

.alignright{float:right}

img.alignright,img [ align = "right" ]{
 float:right;
 margin:2px 0px 5px 10px
}

.clear{clear:both}

hr.clear{
 clear:both;
 margin:0px;
 padding:0px;
 visibility:hidden
}
/* Just some example content */

div.skip-link{position:absolute;right:1em;top:1em}

div#menu{
 background:#EEE;
 height:1.5em;
 margin:1em 0;
 width:100%
}

div#menu ul,div#menu ul ul{
 line-height:1;
 list-style:none;
 margin:0;
 padding:0
}

div#menu ul a{
 display:block;
 margin-right:1em;
 padding:0.2em 0.5em;
 text-decoration:none
}

div#menu ul ul ul a{font-style:italic}

div#menu ul li ul{left:-999em;position:absolute}

div#menu ul li:hover ul{left:auto}

.entry-meta{
 clear:both;
 font:10px verdana;
 padding:10px 15px 5px 0
}

form#commentform.form-label{margin:1em 0 0}

form#commentform span.required{background:#fff;color:#c30}

form#commentform,form#commentform p{padding:0}

input#author,input#email,input#url,textarea#comment{
 padding:0.2em
}

.comments ol li{margin:20px}

textarea#comment{
 height:13em;
 margin:0 0 0.5em;
 overflow:auto;
 width:66%
}

.alignright,img.alignright{float:right;margin:1em 0 0 1em}

.alignleft,img.alignleft{float:left;margin:1em 1em 0 0}

.aligncenter,img.aligncenter{
 display:block;
 margin:1em auto;
 text-align:center
}

div.gallery{
 clear:both;
 height:180px;
 margin:1em 0;
 width:100%
}

p.wp-caption-text{font-style:italic}

div.gallery dl{
 margin:1em auto;
 overflow:hidden;
 text-align:center
}

div.gallery dl.gallery-columns-1{width:100%}

div.gallery dl.gallery-columns-2{width:49%}

div.gallery dl.gallery-columns-3{width:33%}

div.gallery dl.gallery-columns-4{width:24%}

div.gallery dl.gallery-columns-5{width:19%}

div#nav-above{margin-bottom:1em}

div#nav-below{margin-top:1em}

div#nav-images{height:150px;margin:1em 0}

div.navigation{height:1.25em}

div.navigation div.nav-next{float:right;text-align:right}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous{
 float:left
}

input#author,input#email,input#url,div.navigation div{
 width:50%
}