/************************************************************************
Theme Name: JMOCANA 
Theme URI: http://wordpress.org/
Description: Tema original del blog de Jose María Ocaña, vamos ¡Mi tema!.
Version: 2
Author: Jose Maria Ocaña
Author URI: http://jmocana.eu
Tags: Programación cliente, XHTML, CSS, Javascript, Jquery.

	JMOcana v2

*************************************************************************

/* GENERALES
==========================*/
abbr{cursor: help;}
.zip{display: block; padding-left: 23px; background: url(/wp-content/themes/jmocana/images/zip.png) no-repeat 0 0;}
.e_1{display: block; margin-left: 40px; margin-bottom: 20px; width: 170px; padding: 6px 0; text-align: center;}
.centrar-img{display: block; margin: 0 auto;border: 2px #EAEAEA solid;}

/* ESTRUCTURA
==========================*/
body{background: url(/wp-content/themes/jmocana/images/f_body.jpg) repeat-x 0 0}
#contenedor{width: 995px; margin: 0 auto;}
#cabecera{width: 857px; margin: 0 auto;position: relative}
#contenidos{position: relative;}
#pie{width: 847px; margin: 0 auto;}

/* CABECERA
==========================*/
#cabecera h1{float: left; display: inline;clear: right;}
#cabecera h1 a{background: url(/wp-content/themes/jmocana/images/logo.jpg) no-repeat 0 0; width: 207px; height: 64px;}
#cabecera .mail{background: url(/wp-content/themes/jmocana/images/mail.jpg) no-repeat 0 0; width: 31px; height: 28px; position: absolute; top: 78px; left: 215px;}
/* compartir */
#cabecera nav{float: right; display: inline;}
#cabecera nav ul{margin-top: 4px;}
#cabecera nav li{float: left; display: inline; margin-right: 6px;}
#cabecera nav li a{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat 0 -46px; width: 31px; height: 46px;}
#cabecera nav #it-bitacoras a{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat -74px -46px;}
#cabecera nav #it-linkedin a{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat -37px -46px;}
#cabecera nav li a:hover{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat 0 0}
#cabecera nav #it-bitacoras a:hover{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat -74px 0}
#cabecera nav #it-linkedin a:hover{background: url(/wp-content/themes/jmocana/images/redes1.jpg) no-repeat -37px 0;}

/* CONTENIDOS
==========================*/

/* PORTFOLIO */
#portfolio{position: relative; margin-bottom: 30px;}
#portfolio h1{background: url(/wp-content/themes/jmocana/images/txt-portfolio.gif) no-repeat 0 0; width: 94px; height: 35px; float: right; display: inline; margin-right: 72px;margin-bottom: 5px;}
#portfolio .cont{clear: right;  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; width: 822px; margin: 0 auto; position: relative; height: 273px; overflow: hidden;  border: 10px #948C75 solid;}
#portfolio div .mod-img{ position: relative;}
#portfolio #list-portfolio{position: absolute; top: 0; left: 0;}
#portfolio li{position: relative;}

/* fotogaleria */
#portfolio .mod-img .premio{position: absolute; top: 18px; left: 18px; background: url(/wp-content/themes/jmocana/images/f_portfolio.png) 0 0; padding: 0 5px 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#portfolio .mod-img .premio a{color: #FFF;}
#portfolio .mod-img .premio p{font: normal 1.1em verdana, Arial, Tahoma; text-transform: uppercase; padding-left: 14px;  }
#portfolio .mod-img .premio p span{color: #F58426; display: block;}
#portfolio .mod-img img{display: block;}
#portfolio .mod-txt{position: absolute; top: 213px; left: 0;background: url(/wp-content/themes/jmocana/images/f_portfolio.png) 0 0; width: 782px; padding: 7px 20px;}
#portfolio .mod-txt h2{font: bold 2.6em Arial Narrow, Arial, Tahoma, Verdana; }
#portfolio .mod-txt h2 a{color: #FFF}
#portfolio .mod-txt h3{font: normal 1.1em Verdana, Arial, Tahoma}
#portfolio .mod-txt h3 a{color: #D5DED9}
#portfolio .mod-txt .proyecto{float: left; display: inline; border-right: 1px #D5DED9 solid; padding-right: 20px; margin-right: 20px;}
#portfolio .mod-txt .tecnologia{float: left; display: inline;}
#portfolio .mod-txt .tecnologia a{color: #FFF; text-decoration: underline;}
#portfolio .mod-txt .tecnologia li{font: normal 1.1em/1.3em Verdana, Arial, Tahoma; color: #F2EEE5}
#portfolio .mod-txt .redes{float: right; display: inline; margin: 11px 0;}
#portfolio .mod-txt .redes li{float: left; display: inline;margin-right: 5px;}
#portfolio .mod-txt .redes .ico-facebook a{background: url(/wp-content/themes/jmocana/images/redes.gif) no-repeat 0 0; width: 24px; height: 24px;}
#portfolio .mod-txt .redes .icotwitter a{background: url(/wp-content/themes/jmocana/images/redes.gif) no-repeat -24px 0; width: 24px; height: 24px;}
#portfolio .mod-txt .redes .ico-meneame a{background: url(/wp-content/themes/jmocana/images/redes.gif) no-repeat -48px 0; width: 24px; height: 24px;}
#portfolio .mod-txt .redes .ico-twenti a{background: url(/wp-content/themes/jmocana/images/redes.gif) no-repeat -72px 0; width: 24px; height: 24px;}
#portfolio .mod-txt .redes .ico-facebook a:hover{background-position: 0 -27px;}
#portfolio .mod-txt .redes .icotwitter a:hover{background-position: -24px -26px;}
#portfolio .mod-txt .redes .ico-meneame a:hover{background-position: -48px -27px;}
#portfolio .mod-txt .redes .ico-twenti a:hover{background-position: -72px -27px;}
#portfolio #btn-anterior{position: absolute; top: -10px; left: 466px;}
#portfolio #btn-siguiente{position: absolute; top: 342px; left: 466px;}
#portfolio #btn-anterior a{background: url(/wp-content/themes/jmocana/images/flecha_superior.gif) no-repeat 0 0; width: 62px; height: 40px;}
#portfolio #btn-siguiente a{background: url(/wp-content/themes/jmocana/images/flecha_inferior.gif) no-repeat 0 0; width: 69px; height: 54px;}
#portfolio #btn-anterior a:hover, #portfolio #btn-siguiente a:hover{opacity: .8;filter: alpha(opacity=80);}
#contenedor #portfolio .desactivado a,#contenedor #portfolio .desactivado a:hover{opacity: .4;filter: alpha(opacity=40); cursor: default;}
/* BLOG */
/* cabecera */
#blog{width: 847px; margin: 0 auto;}
#blog #txt-blog{background: url(/wp-content/themes/jmocana/images/txt-blog.gif) no-repeat 0 0; width: 58px; height: 34px; float: left; display: inline;margin-right: 5px;}
#blog .txt_tags{font: bold 1.1em Tahoma, Arial, Verdana; color: #000;float: left; display: inline;margin-top: 12px;}
#blog article{background-color: #F3F0E9; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#blog #listado-sidebar{float: right; display: inline;margin-top: 13px;}
#blog #listado-sidebar li{float: left; display: inline; font: bold 1.1em Tahoma, Arial, Verdana; margin-right: 5px; background: url(/wp-content/themes/jmocana/images/bullet.gif) no-repeat 0 6px; padding-left: 7px;}
#blog #listado-sidebar li a{color: #666;}

/* sidebar */
#blog #sidebar{clear: both; background-color: #C9BB9C; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom: 1px;  }
#blog #sidebar aside{padding: 15px; position: relative;}
#blog #sidebar h1{font-size: 1.7em;margin-bottom: 10px;}
#blog #sidebar li{font: normal 1.1em Arial, Verdana, Tahoma; background: url("/wp-content/themes/jmocana/images/bullet-list.gif") no-repeat scroll 0 center transparent; padding-left: 9px; margin-bottom: 5px;}
#blog #sidebar li a{color: #000;}
#blog #sidebar .btn-cerrar{background: url(/wp-content/themes/jmocana/images/btn-cerrar.gif) no-repeat 0 0; width: 22px; height: 23px; position: absolute; top: 10px; right: 10px;}

/* post */
#blog article{background-color: #F3F0E9; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;clear: left; padding: 30px 0;margin-bottom: 10px;position: relative;}
#blog article .cab-post{margin-bottom: 10px; padding: 0 40px; position: relative;}
#blog article h1{font: normal 2em Arial, Verdana, Tahoma; float: left; display: inline; margin-right: 10px;background: url(/wp-content/themes/jmocana/images/separador.gif) no-repeat right 7px; padding-right: 10px;}
#blog article h1 a{color: #333;}
#blog article h2{margin-bottom: 5px;}
#blog article h3{margin-bottom: 5px;}
#blog article .cab-post .fecha{position: absolute; top: 0; left: -51px; font: normal 1.8em Arial, Verdana, Tahoma; color: #FFF; background: url(/wp-content/themes/jmocana/images/f-fecha.jpg) repeat-x 0 0;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px; text-transform: uppercase; width: 41px; text-align: center; padding: 23px 5px 3px}
#blog article .cab-post .fecha span{font: bold .8em Arial, Tahoma, Verdana; color: #5C5849; background-color: #F2EEE4; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: absolute; top: 5px; left: 5px; padding: 1px 5px; width: 32px; text-align: center; }
#blog article .txt-comentario{float: left; display: inline; background: url(/wp-content/themes/jmocana/images/separador.gif) no-repeat right 0; margin-top: 6px; padding-right: 7px; margin-right: 7px;}
#blog article .txt-comentario a{padding:1px 0 1px 26px; font: normal 1.1em Arial, Tahoma, Verdana ; color: #796A52; background: url(/wp-content/themes/jmocana/images/nube.gif) no-repeat 0 0;}
#blog article .cab-post ul{padding-top: 6px;}
#blog article .cab-post li{float: left; display: inline;background: url(/wp-content/themes/jmocana/images/separador.gif) no-repeat right 0; padding-right: 7px; font: normal 1.1em Arial, Tahoma, verdana; margin-right: 7px; }
#blog article .cab-post li a{color: #796A52;}
#blog article .cont p, #blog article .cont li{font: normal 1.2em/1.5em Arial, Tahoma, Verdana; color: #333; margin-bottom: 10px;padding: 0 240px 0 40px}
#blog article .cont li .cont .leguaje{margin-bottom: 15px;}
#blog article .cont ul, #blog article .cont ol, #blog article .btn,#blog article h2, #blog article h3, #blog article h4, #blog article h5, #blog article h6{padding: 0 240px 0 40px}
#blog article h4, #blog article h5, #blog article h6{font-size: 1.2em; margin: 15px 0;}
#blog article .cont ul{margin-bottom: 10px;}
#blog article .cont li{margin-bottom: 10px; background: url(/wp-content/themes/jmocana/images/bullet-list.gif) no-repeat 0 8px; padding-left: 9px; padding-right: 0;}
#blog article .cont a{color: #837A66; font-size: 12px;background-color: #FFF; padding: 2px;}
#blog article .cont .enlace-destacado{background-color: #729196; color: #FFF; font-weight: bold;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 8px; margin: 10px 240px 10px 40px; width: 250px; text-align: center; display: block;}
#blog article .cont .e_ejemplo{position: relative; left: 42px;}
#blog article .cont .txt_ejemplo a{background-color: #739297; padding: 5px 7px; color: #FFF;display: block;width: 100px; font-size: 14px; margin-bottom: 10px;}
#blog article .cont a:hover{background-color: #FFF;color: #000; text-decoration: none; }
#blog article dl{font: normal 1.2em Arial, Tahoma, Verdanda; margin-bottom: 10px; margin: 0 240px 15px 40px; background-color: #D8CEB8; -webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; padding: 15px; }
#blog article #ej11 dl{ padding: 15px 9px 15px 18px; margin: 0 59px 15px 40px;}
#blog article .ejemplo dl{background-color: #AEC1B7; padding: 15px;}
#blog article dt{float: left; font-weight: bold; margin-bottom: 10x; font-size: 12px;margin-right: 5px;clear: left;}
#blog article dd{font-size: 14px; margin-bottom: 10px;}
#blog article .codigo{position: relative; padding-top: 20px;}
#blog article pre{background:#E3DCCC url(/wp-content/themes/jmocana/images/f-codigo.jpg) repeat-x 0 0; padding: 20px 40px; font: normal 1.3em Tahoma, Arial, Verdana; margin-bottom: 15px;  overflow: hidden; }
#blog article .cont .lenguaje{padding: 20px 0 0 0;}
#blog article .publicidad{position: absolute; top: 65px; right: 13px; background-color: #E3DAC6; padding: 15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; width: 185px;}
#blog article form{padding: 0 40px; font: normal 1.2em Arial, Verdana, Tahoma; margin-bottom: 20px;}
#blog article table {width: 300px;margin: 0 240px 20px 40px;}
#blog article table td{font: normal 1.1em Arial, Verdana, Tahoma; background-color: #FFF; border: 1px #ccc solid; text-align: center; padding: 3px 0;}
#blog article table th{font: bold 1.1em Arial, Verdana, Tahoma; background-color: #EAEAEA; text-align: center; padding: 3px 0;border: 1px #ccc solid;}
#blog article table caption{font: bold 1.1em Tahoma,Arial, Verdana; padding-bottom: 5px; text-transform: uppercase}
#blog article canvas{margin: 0 240px 20px 40px;}

#blog .navigation{padding:0;}
#blog .alignleft a{float: left; display: inline; margin: 5px 0;}
#blog .alignright a{float: right; display: inline; margin: 5px 0;}
#blog .alignleft a, #blog .alignright a{font: normal 1.1em Arial, Tahoma, Verdana; color: #000; background-color: #E1E7EC; padding:4px 7px;}
#blog .alignleft a:hover, #blog .alignright a:hover{background-color: #FFF; text-decoration: none;}
#blog .more-link{ margin-left: 40px; width: auto;}
#blog .pagetitle{color: #333; text-align: center; width: 383px;position: absolute; top: 6px; left: 220px; font: bold 1.7em Arial, Verdana, Tahoma; }

/* Nube de tags */
.tag-link-1{font-size: 1pt;}
.tag-link-2{font-size: 2pt;}
.tag-link-3{font-size: 3pt;}
.tag-link-4{font-size: 4pt;}
.tag-link-5{font-size: 5pt;}
.tag-link-6{font-size: 6pt;}
.tag-link-7{font-size: 7pt;}
.tag-link-8{font-size: 15pt;}
.tag-link-9{font-size: 9pt;}
.tag-link-10{font-size: 10pt;}
.tag-link-11{font-size: 11pt;}
.tag-link-12{font-size: 12pt;}
.tag-link-13{font-size: 13pt;}
.tag-link-14{font-size: 14pt;}
.tag-link-15{font-size: 15pt;}
.tag-link-16{font-size: 16pt;}
.tag-link-17{font-size: 17pt;}
.tag-link-18{font-size: 18pt;}
.tag-link-19{font-size: 19pt;}
.tag-link-20{font-size: 20pt;}
.tag-link-21{font-size: 21pt;}
.tag-link-22{font-size: 22pt;}
.tag-link-23{font-size: 23pt;}
.tag-link-24{font-size: 24pt;}
.tag-link-25{font-size: 25pt;}
.tag-link-26{font-size: 26pt;}
.tag-link-27{font-size: 27pt;}
.tag-link-28{font-size: 28pt;}
.tag-link-29{font-size: 29pt;}
.tag-link-30{font-size: 30pt;}

/* comentarios */
#comentarios{background: #E1E7EC url(/wp-content/themes/jmocana/images/f-comentarios.jpg) repeat-x 0 0; clear: both;}
#comentarios header{padding: 15px 35px;}
#comentarios h1{background: url(/wp-content/themes/jmocana/images/txt-comentarios.gif) no-repeat 0 0; width: 127px; height: 29px;}
#comentarios #formu-comentarios{padding: 0 35px 30px 35px;}
#comentarios .user-coment{font: normal 1.1em Arial, Verdana, Tahoma; margin-bottom: 30px;}
#comentarios .user-coment a{color: #3E5262; text-decoration: underline;}
#comentarios .user-coment a:hover{text-decoration: none;}
#comentarios label{float: left; display: inline;font: normal 1.2em Arial, Verdana, Tahoma; border: none; clear: left; margin-bottom: 5px;width: 345px; text-align: right;}
#comentarios #lb-comentario{text-align: left; }
#comentarios input{border: none; padding: 3px; }
#comentarios textarea{border: none; width: 340px;}
#comentarios #txt-comentario{float: none; display: block; padding-bottom: 5px;}
#comentarios p{clear: both;}
#comentarios p input{background-color: #8BA3B6; font: bold 1.1em Arial, Tahoma, Verdana; color: #FFF; text-transform: uppercase;border: none; padding: 4px 34px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-top: 15px; overflow: visible;}

#comentarios #commentlist li{clear: left; margin-bottom: 40px; background: url(/wp-content/themes/jmocana/images/f-comentarios.gif) repeat-y 0 0;;}
#comentarios #commentlist .mod-img{background-color: #E9EEF1; float: left; display: inline; width: 180px; position: relative;padding: 29px 0 10px 0; }
#comentarios #commentlist .mod-img img{float: right; display: inline; margin-right: 10px;}
#comentarios #commentlist .mod-img p{display: block;font: bold 1.1em Verdana, Arial, Tahoma; color: #333; background-color: #FAFAFA; width: 170px;position: absolute; top: 0; left: 0; text-align: right; padding: 6px 10px 6px 0;}
#comentarios #commentlist .mod-img .fecha-post{position: static; font: normal 1.1em Verdana, Arial, Tahoma; background-color: transparent; margin-bottom: 10px;}
#comentarios #commentlist .mod-txt{display: table; height: 1%; padding: 20px;  }
#comentarios #commentlist .mod-txt p{font: normal 1.2em/1.5em Arial, Verdana, Tahoma}
#comentarios #commentlist a{color: #333;}



/* PIE
==========================*/
#pie{padding: 10px 0;}
#pie ul{float: right; display: inline;}
#pie li{font: normal 1.1em Arial, Tahoma, Verdana; float: left; display: inline;margin-left: 10px;}
#pie li a{color: #333; text-decoration: underline;}