@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}
.date{font-size:10px}
.date-post{font-size:10px;border-bottom:1px #c60 solid}
.blog{font-size:11px;text-decoration:underline}
.once{font-size:11px}
.under{text-decoration:underline}
.external{background:url(img/external.gif) no-repeat;padding-left:13px;background-position:0 2px}
.externalbn{background:url(img/externalbn.gif) no-repeat;padding-left:13px;background-position:0 2px}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;background:url(img/bg/body.gif) repeat-x;font:12px Arial, Helvetica, sans-serif;text-align:center;color:#54311a}
/*------------------------------- container ---------------------------------*/
#container{margin:0px auto;width:950px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:left;height:235px;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:192px;overflow:hidden;background:url(img/bg/right2.jpg) no-repeat}
#head #right #news{float:left;width:350px;padding-left:85px;margin-top:25px;line-height:1em;height:133px;overflow:hidden}
#head #right #news p{margin:6px 0 8px 0;background:url(img/bg/news.gif) no-repeat;background-position:0 .2em;padding-left:15px}
#head #right #news .resumen{display:block;overflow:hidden;text-indent:-9999px;z-index:99;height:0;width:0}
#head #right #blog{float:left;padding-left:85px;width:330px;text-align:right;margin-top:8px}
/*------------------------------- head right ---------------------------------*/
#head #rightblog{float:left;display:inline;width:432px;height:192px;overflow:hidden;background:url(img/bg/rightblog.jpg) no-repeat}
/*------------------------------- 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}
#content #anuncio{background-color:#eee;text-align:justify;border:1px #999 dashed;padding:10px}
#content #anuncio a{text-decoration:underline}
#content li{float:left;margin:1em 0 1em 3.5em;text-align:center}

#content .left{float:left;width:500px;display:inline}
#content .post{text-align:justify;line-height:1.5em}
.textoHTML{margin-top:20px}
.imagen{margin-top:20px}
.links{margin-top:20px;font-size:11px}
.labels{margin-top:20px;font-size:11px;padding:2px 5px 5px 25px;border:dashed 1px #ccc;color:#999;background:url(img/attach.jpg) no-repeat;background-position:3px 7px}

#content .right{float:left;width:420px;padding-left:30px;font-size:11px;color:#666}
#content .right a{color:#666}
#content .right a:hover{color:#000;text-decoration:none}
#content .colleft{float:left;display:inline;width:200px}
#content .colright{float:left;display:inline;width:180px;padding-left:40px}
#content h2{float:left}
#content h3{font-size:14px;padding-bottom:.2em}
#content .right p{margin:1em 0;padding-left:30px}
#content .right .cat{background:url(img/bg/cat.jpg) no-repeat;background-position:14px 4px;padding:2px 0 2px 30px}
#content .right .label{background:url(img/bg/label.jpg) no-repeat;background-position:14px 4px;padding:2px 0 2px 30px}
#content .right .kike{background:url(img/bg/kike.jpg) no-repeat;background-position:12px 4px;padding:2px 0 2px 30px}
#content .right .antonio{background:url(img/bg/antonio.jpg) no-repeat;background-position:12px 4px;padding:2px 0 2px 30px}
#content .right .archivo{background:url(img/bg/archivo.jpg) no-repeat;background-position:12px 4px;padding:2px 0 2px 30px}
#content .right .rss{background:url(img/bg/rss.jpg) no-repeat;background-position:12px 4px;padding:2px 0 2px 30px}
#content .right .link{background:url(img/bg/link.jpg) no-repeat;background-position:12px 4px;padding:2px 0 2px 30px}

/*------------------------------- buscadores ---------------------------------*/
#posicionamiento{width:950px}
#posicionamiento .encabezados{background:url(img/bg/encabezados.gif)}
#posicionamiento td{background:url(img/bg/td.gif);padding:3px;text-align:center;border:1px solid #999}
#posicionamiento a{text-decoration:underline}
/*------------------------------- blog ---------------------------------*/
.titulo{font-size:24px;color:#000;letter-spacing:.1em}
/*------------------------------- 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}