@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
/*table th,table td{border-collapse:collapse}*/
a{text-decoration:none;color:#54311a}
a:hover{text-decoration:underline}
fieldset{border:none} 
table,tr,th,td{border-collapse:collapse}
/*------------------------------- generals ---------------------------------*/
.orange{color:#c60}
.b9{color:#999}
.b3{color:#333}
.b6{color:#666}
.bc{color:#ccc}
.date{font-size:10px}
.date-post{font-size:10px;border-bottom:1px #c60 solid}
.blog{font-size:11px;text-decoration:underline}
.f11{font-size:11px}
.error{font-weight:bold;color:#f00}
.under{text-decoration:underline}
.azul{color:#69c;font-weight:bold}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;font:11px Verdana,Arial,Sans-Serif;text-align:center;color:#333;letter-spacing:0;background:url(img/bg/body.gif) repeat-x}
/*------------------------------- container ---------------------------------*/
#container{margin:0px auto;width:950px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:left;height:220px;width:950px;overflow:hidden}
/*------------------------------- head left ---------------------------------*/
#head #left{float:left;display:inline;width:518px;height:190px;overflow:hidden}
#head #left #logo{float:left;display:inline;width:346px;height:110px;overflow:hidden}
#head #left .logo{background:url(img/bg/logo-solo.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:346px;height:110px}
#head #left #data{float:left;display:inline;width:172px;height:110px;overflow:hidden}
#head #left .data{background:url(img/bg/data.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:172px;height:110px}
#head #left .trabajos{background:url(img/bg/trabajos-1.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:208px;height:82px;float:left}
#head #left .trabajos:hover{background:url(img/bg/trabajos-2.gif)}
#head #left .posicionamiento{background:url(img/bg/posicionamiento-1.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:210px;height:82px;float:left}
#head #left .posicionamiento:hover{background:url(img/bg/posicionamiento-2.gif)}
#head #left .antigua{background:url(img/bg/antigua-1.gif) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:100px;height:82px;float:left}
#head #left .antigua:hover{background:url(img/bg/antigua-2.gif)}
#head #left p{float:left}
/*------------------------------- head right ---------------------------------*/
#head #right{float:left;display:inline;width:432px;height:203px;overflow:hidden}
#head #right .twitter{background:url(img/bg/twitter-blog-piensaenweb-1.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:73px;height:203px;float:left}
#head #right .twitter:hover{background:url(img/bg/twitter-blog-piensaenweb-2.jpg) no-repeat}
#head #right .feedburner{background:url(img/bg/feedburner-blog-piensaenweb-1.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:50px;height:203px;float:left}
#head #right .feedburner:hover{background:url(img/bg/feedburner-blog-piensaenweb-2.jpg) no-repeat}
#head #right .facebook{background:url(img/bg/facebook-blog-piensaenweb-1.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:49px;height:203px;float:left}
#head #right .facebook:hover{background:url(img/bg/facebook-blog-piensaenweb-2.jpg) no-repeat}
#head #right .youtube{background:url(img/bg/youtube-blog-piensaenweb-1.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:52px;height:203px;float:left}
#head #right .youtube:hover{background:url(img/bg/youtube-blog-piensaenweb-2.jpg) no-repeat}
#head #right .rss{background:url(img/bg/rss-blog-piensaenweb.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:208px;height:203px;float:left}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{width:950px;float:left;padding-bottom:1em}
/*------------------------------- left ---------------------------------*/
#content .left{float:left;width:500px;display:inline}
#content .post{text-align:justify;line-height:1.5em}
#titular{float:left;height:0;width:0;overflow:hidden}
#rastro{font-size:10px;color:#999}
.title{width:490px;padding-top:3em}
#titulo-post{width:490px;padding-top:2em;font-size:18px;color:#000;letter-spacing:0em;line-height:1.3em}
/*.titulo{font-size:22px;color:#000;letter-spacing:0em;line-height:1.3em}*/
.titulo{font-size:18px;color:#000;letter-spacing:0em;line-height:1.3em}
.textoHTML{margin-top:20px;color:#333;font-size:11px;line-height:1.5em}
.textoHTML p{margin-bottom:20px}
.textoHTML a{color:#c60;font-weight:bold;text-decoration:underline}
.textoHTML a:hover{color:#69c}
.textoHTML td{padding:0 10px}
.textoHTML ul{padding-left:20px}
.textoHTML li{padding:0 0 10px 20px;background:url(img/bg/cafe.jpg) no-repeat;background-position:0 3px;color:#666}
.imagen{margin-top:20px}
.links{margin-top:20px;font-size:11px}
.labels{margin-top:0;font-size:11px;padding:15px 5px 15px 75px;color:#999;background:url(img/bg/mancha.jpg) no-repeat;background-position:0 0}
/*------------------------------- right ---------------------------------*/
#content .right{float:left;width:420px;padding-left:30px;font-size:11px;color:#333}
#content #right #banner{float:left;width:420px;height:220px;text-align:center}
#content .right a{color:#666}
#content .right a:hover{color:#c60}
#content .colleft{float:left;display:inline;width:200px}
#content .colright{float:left;display:inline;width:180px;padding-left:40px}
.campo{border:1px solid #999;font:11px Arial, Helvetica, sans-serif;color:#333;background:url(img/bg/campo.gif) repeat-x;width:170px}
.boton{height:20px;font:11px Arial, Helvetica, sans-serif}
#content .colright ul{margin-bottom:0}
#content .colright li{margin-top:1em}
#content h3{font-size:18px;padding:2em 0 .2em .5em;letter-spacing:.1em}
#content .right p{margin:.8em 0;padding-left:30px}
#content .right .rss{background:url(img/bg/rss.gif) no-repeat;background-position:10px 0px;padding:2px 0 2px 30px}
#content .right .link{background:url(img/external.gif) no-repeat;background-position:5px 2px;padding:2px 0 2px 19px}
#content .right .cat{background:url(img/bg/cat.jpg) no-repeat;background-position:8px 0px;padding:2px 0 2px 27px;color:#c60}
#content .right .subcat{background:none;padding:2px 0 2px 35px}
#content .right .cat a{color:#c60}
.foto{width:55px;padding-top:1em}
/*------------------------------- comentarios ---------------------------------*/
.titleCOMENTARIOS{width:490px;padding-top:3em}
.titleCOMENTARIOS h2{font-size:16px;letter-spacing:0em;line-height:1.3em;color:#333}
.comentarios{font-size:11px;text-align:justify;line-height:1.5em}
.comentarios li{margin-top:2em;background:url(img/bg/tajar.jpg) no-repeat;background-position:0 0;padding:2px 0 25px 100px}
.comenta{margin-top:2em;background:url(img/bg/boli.jpg) no-repeat;background-position:0 0;padding:2px 0 2px 100px}
.comenta li{margin-top:1em;color:#c60;font-weight:bold}
.nombre{border:1px solid #999;font:11px Arial, Helvetica, sans-serif;color:#333;background:url(img/bg/campo.gif) repeat-x;width:300px;margin-right:10px}
.escrito{border:1px solid #999;font:11px Arial, Helvetica, sans-serif;color:#333;background:url(img/bg/campo.gif) repeat-x;width:380px;height:200px}
/*------------------------------- paginacion ---------------------------------*/
#paginacion{padding-top:2em}
#paginacion li{float:left;display:inline;margin-right:10px}
#paginacion a{font-weight:bold;text-decoration:underline;color:#c60}
/*------------------------------- pie ---------------------------------*/
#pie{width:950px;height:267px;float:left;overflow:hidden;padding-top:4em}
#pie table{width:950px;height:267px}
#pie img{float:left}
.pie-top{width:950px;height:96px;background:url(img/bg/pie-top.jpg) no-repeat}
.pie-top p{padding-left:500px}
.pie-zgz{width:513px;height:76px}
.pie-confianza{width:116px;height:76px}
.pie-piensashop{width:321px;height:76px}
.pie-hu{width:513px;height:95px}
.pie-xhtml{width:116px;height:95px}
.pie-css{width:143px;height:95px}
.pie-wai{width:178px;height:95px}
/*------------------------------- labels ---------------------------------*/
#content .right .label{text-transform:lowercase}
/*------------------------------- tags ---------------------------------*/
.tags1{font-size:9px}
.tags2{font-size:11.8px}
.tags3{font-size:14.6px}
.tags4{font-size:17.4px}
.tags5{font-size:20.2px}
.tags6{font-size:23px}
/*------------------------------- posts relacionados ---------------------------------*/
#related{padding-left:20px;padding-top:20px}
#related li{padding:0 0 10px 20px;background:url(img/bg/bell.jpg) no-repeat;background-position:0 0;color:#666}
#related a{color:#666}
#related a:hover{color:#000}