/*
THEME NAME: Blogsfactory V3 (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 ******************************************************/
/********** color links ********************************/
@import url(color.css);
/********** fin color links ********************************/

body{
 font:11px/14px Arial,sans-serif;
 margin:0;
 min-width:962px;
 padding:0
}

img{border:none}

.avatar,.more-link,.paginacion2,.alignright{float:right}

form{margin:0;padding:0}

a:focus{outline:none}

#main{margin:0 auto;position:relative;width:962px}

#wrapper{
 background:#FFFFFF;
 margin:0 auto;
 position:relative;
 width:982px
}

#header{
 background:transparent url(images/propias/bg-header.jpg) no-repeat scroll 0 0;
 height:220px;
 overflow:hidden;
 padding:0 1px 0 20px;
 width:941px;
 margin:auto
}
/********** 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,.link_directorio 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,.desc p a:hover,.desc ul a:hover,.desc ol a:hover,.tags a:hover,.box2 ul li a:hover,.subcopy1 ul li a:hover{
 text-decoration:underline
}

.header{left:20px;position:absolute;top:0}

.head{overflow:hidden;width:941px}

.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{
 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}

.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;
 width:483px
}

h1.entry-title{
 font:26px/28px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0 0 10px
}

h2.entry-title{
 font:22px/24px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0
}

.entry-content{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll 0 100%;
 overflow:hidden;
 padding:5px 20px 20px 21px;
 width:442px;
}

h2.pagetitle{
 font:22px/24px Georgia,"Times New Roman",Times,serif;
 letter-spacing:-1px;
 margin:0 0 10px 15px
}

.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{
 font:bold 12px/20px Arial,Helvetica,sans-serif;
 text-decoration:none
}

.desc ul,.desc ol{
 -x-system-font:none;
 color:#333333;
 font-size-adjust:none;
 font-stretch:normal;
 font:normal normal normal 12px/16px trebuchet Ms,arial,Helvetica,sans-serif;
 list-style:circle outside none;
 text-decoration:none
}

.desc ul a,.desc ol a{color:#666666;text-decoration:none}

.desc li{padding:0 0 5px}

.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:425px}

.postthumb{
 float:left;
 height:50px;
 margin:0 0 10px;
 width:50px
}

.postthumb_letra{
 float:left;
 font-size:1em;
 font-weight:bold;
 padding:7px;
 width:80%
}

.relacionados{height:100%;padding:0 0 0 20px}

.google03{padding:5px 0 10px;width:340px}
.google04{padding:0 35px;width:340px}

.paginacion1{
 background:transparent url(images/propias/bg2.jpg) repeat-x scroll 0 -211px;
 border-top:2px solid #CCCCCC;
 padding:0 5px;
 width:100%
}

p.paginacion1 a{font-size:12px;font-weight:bold;color:#fff}

.paginacion1 a:hover,.paginacion2 a:hover{font-size:20px}

.paginacion2 a{font-size:12px;font-weight:bold}

.coments{
 overflow:hidden;
 padding:35px 0 0 64px;
 width:448px
}
/********** sidebar ******************************************************/

.sidebar {float:left; width:394px;}
.ads300{text-align:center; margin:0 0 15px;  }

.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}

.xoxo{list-style:none outside none;margin:0px;padding:0}

#secondary{width:230px;float:right}

.column2{
 float:left;
 width:224px
}
/********** promociones ****************************************/

.pos1{
 background:url(images/patrocinios.jpg) no-repeat 0 0;
 height:100px
}

.pos2{
 background:transparent url(images/patrocinios.jpg) no-repeat scroll 0 -100px;
 height:100px
}

.pos3{
 background:transparent url(images/patrocinios.jpg) no-repeat scroll 0 -206px;
 height:100px
}

.pos4{
 background:transparent url(images/patrocinios.jpg) no-repeat scroll 0 -315px;
 height:120px
}

.share{height:25px;width:300px}

.pos5{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -509px -57px;
 float:left;
 height:20px;
 width:20px
}

.pos6{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -550px -57px;
 float:left;
 height:20px;
 width:20px
}

.pos7{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -528px -57px;
 float:left;
 height:20px;
 width:20px
}

.pos8{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -568px -57px;
 float:left;
 height:20px;
 width:20px
}

.pos9{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll 2px -132px;
 border:medium solid;
 float:left;
 height:20px;
 width:20px
}
/********** caja 2 ****************************************/

.box2{
/*background:url(images/box2-bg.png) repeat-y;*/
 border:1px solid #F0F0F0;
 margin:0 0 10px;
 padding:0 0 16px
}

.box2_b{
/*background:url(images/box2-bg.png) repeat-y;*/
 border:1px solid #F0F0F0;
 margin:10px 0;
 padding:0 0 16px;
 width:475px
}

.box2-info{
/*background:url(images/box2-foot.jpg) no-repeat 0 100%;*/
 padding:15px 15px 10px 20px;
 width:189px
}

.corner,.corner2{height:16px;position:relative;width:16px}

.topLeft,.topLeft2{
 left:-1px;
 top:-1px;
 float:left
}
.topLeft2{ background:transparent url(images/corners2.gif) no-repeat scroll 0 0; }
.topLeft{ background:transparent url(images/corners.gif) no-repeat scroll 0 0; }

.topRight,.topRight2{
 right:-1px;
 top:-1px;
 float:right
}
.topRight2{ background:transparent url(images/corners2.gif) no-repeat scroll -16px 0;}
.topRight{ background:transparent url(images/corners.gif) no-repeat scroll -16px 0;}

.bottomLeft,.bottomLeft2{
 bottom:-1px;
 left:-1px;
 float:left
}

.bottomLeft2{ background:transparent url(images/corners2.gif) no-repeat 0 -16px;}
.bottomLeft{ background:transparent url(images/corners.gif) no-repeat 0 -16px;}

.bottomRight,.bottomRight2{
 background:transparent url(images/corners2.gif) no-repeat -16px -16px;
 bottom:-1px;
 right:-1px;
 float:right
}

.bottomRight2{ background:transparent url(images/corners2.gif) no-repeat -16px -16px;}
.bottomRight{ background:transparent url(images/corners.gif) no-repeat -16px -16px;}

/***********************************************/

.banner03{
/* background:url(images/bg-banner3.jpg) no-repeat;*/
 height:600px;
 margin:0 0 10px;
 overflow:hidden;
 padding-bottom:33px;
 width:160px;
}

ul.banner03,ul.public{margin:0;padding:0 4px}

* 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;
 text-decoration:none
}

.tags a.small{font:11px/18px Arial,Helvetica,sans-serif}

.tags a.large{font:16px/20px Arial,Helvetica,sans-serif}

p.technorati-tags, p a.technorati-link{font-size:10px; margin:0;}

.directorio{
 background:transparent url(images/directorio.jpg) no-repeat scroll 0 0;
 height:125px;
 margin:10px 0 0;
 overflow:hidden
}

.link_directorio{
 float:left;
 height:80px;
 margin:0;
 overflow:hidden;
 text-indent:-3000px;
 width:165px
}

.box2 ul li a,.autores ul li a{
 color:#666;
 font:12px/18px Arial,Helvetica,sans-serif;
 margin:0;
 text-decoration:none
}

.box2 ul li{
 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:transparent url(images/sprite-images.jpg) no-repeat scroll -512px -100px;
 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
}

.autores-info{
 background:url(images/box2-foot.png) no-repeat 0 100%;
 overflow:hidden;
 padding:15px 15px 10px 20px;
 width:189px
}

.box2 .blogs{padding:6px 0 0}

.blogroll li{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -530px -35px;
 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,.box2 .blogs li a{
 float:none;
 font:bold 11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.blogroll li p,.box2 .blogs li p{
 color:#666;
 font:11px/14px Arial,Helvetica,sans-serif;
 margin:0
}

.box2 .blogs li{
 background:transparent url(images/sprite-images.jpg) no-repeat scroll -532px -38px;
 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
}

.comentarios{margin:0 0 0 40px}

.comentarios2 { 
  padding:5px 25px 0;
  width:100%;
}
.comentarios2 a { 
  height:20px;
}
.index {
  background:transparent url(images/sprite-images.jpg) no-repeat scroll -510px -78px;
  height:15px;
}

#footer{
 background:transparent url(images/propias/bg2.jpg) repeat-x scroll 0 -125px;
 border-top:2px solid #CCCCCC;
 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}

.copy1{
 -moz-border-radius-bottomleft:9px;
 -moz-border-radius-bottomright:9px;
 -moz-border-radius-topleft:9px;
 -moz-border-radius-topright:9px;
 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;
 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:none outside 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
}

.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,div#menu ul li,div.gallery dl,div.navigation div.nav-previous{
 float:left
}

img.alignleft,img [ align = "left" ]{
 float:left;
 margin:2px 10px 5px 0px
}

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,p.wp-caption-text{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:9px verdana;padding:15px 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{
 border-bottom:1px solid #CCCCCC;
 margin:15px 0;
 width:445px;
 color:#666
}

textarea#comment{
 height:13em;
 margin:0 0 0.5em;
 overflow:auto;
 width:90%;
 border:1px solid #CCCCCC
}

.vcard{
 color:#666666;
 font-weight:bold;
 text-transform:uppercase
}

.comment-meta{color:#666666;font:9px arial}

.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%
}

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:10px}

div#nav-images{height:150px;margin:1em 0}

div.navigation{height:2.25em}

div.navigation div.nav-next{float:right;text-align:right}

input#author,input#email,input#url{
 width:50%;
 border:1px solid #CCCCCC
}

div.navigation div{
 width:50%
}
/*************************************************/

ul.categories li{display: inline !important}

ul.categories li:last-child:after{content:""}

ul.categories{
 padding:8px 20px;
 padding-top:6px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 margin-top:0;
 margin-bottom:2em;
 margin-left:0;
 border-bottom:1px solid #d8d6b7;
 background:#E9E8D3 none repeat scroll 0 0;
 height:1%
}

ul.categories:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden
}

ul.categories li{
 padding:0;
 margin:0;
 word-spacing:normal;
 line-height:1.2em;
/*  font-size: 0.85em;*/
 font-weight:bold;
 background:url(images/folder.png) left center no-repeat;
 display:block;
 float:left;
 width:227px;
 margin-right:8px;
 border-bottom:1px solid #d8d6b7
}

ul.categories li.current-cat,ul.categories li:hover{
 background:#edebd7 url(images/folder_open.png)
}

ul.categories li.current-cat a{color:#195765}

ul.categories li a{
 padding:0.67em 8px;
 padding-left:20px;
 display:block
}

#categoria_dir{
 background:#E9E8D3 url(images/folder.png) 2% center no-repeat;
 padding:8px 27px;
 padding-top:6px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 margin-top:0;
 margin-bottom:1em;
 margin-left:0;
 border-bottom:1px solid #d8d6b7
}

.form_categories{
 padding:8px 20px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 margin-top:0;
 margin-bottom:2em;
 margin-left:0;
 border-bottom:1px solid #d8d6b7;
 background:#E9E8D3 none repeat scroll 0 0
}
