/*
Theme Name: Cool Z
Version: 1.0
Author: Cool Z
Author URI: http://www.cool-z.com/
*/

html, body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, th, td, pre, blockquote,form, fieldset, legend, input, select, textarea, button, small{ margin: 0; padding: 0; font-size: 100%; }input, textarea, select{outline: 0;}body{color: white; line-height: 1;}ol, ul{list-style: none;}table{border-collapse: separate; border-spacing: 0;}caption, th, td {text-align: left; font-weight: normal;}h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 1em;}fieldset, a img{ border: 0; }.clearfix:after, div:after, ul:after, form li:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }.clearfix, div, ul, form li{ min-height: 0; }* html .clearfix, * html div, * html ul, * html form li{ height: 1%; }.invisible{ position: absolute; left: -99999em; text-indent: -99999em; line-height: 0; margin: 0; padding: 0;}.oculto{ display: none; }.capitalized{text-transform: capitalize;}.js-enabled .ocultojs{ display: none; }
li p, li li, li address, li dt, li dd,dd p, dd li, li pre, td p, td li, th p, th li, td dt, td dd, th dt, th dd, li td, li th,address p, address li,li h1, li h2, li h3, li h4, li h5, li h6,dd h1, dd h2, dd h3, dd h4, dd h5, dd h6{font-size: 1em;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left; position: relative; margin-left: 1em; margin-right: 1em;}
html>body .grid_1,html>body .grid_2,html>body .grid_3,html>body .grid_4,html>body .grid_5,html>body .grid_6,html>body .grid_7,html>body .grid_8,html>body .grid_9,html>body .grid_10,html>body .grid_11,html>body .grid_12,html>body .grid_13,html>body .grid_14,html>body .grid_15,html>body .grid_16 {margin-left:1.04270833333%;margin-right:1.04270833333%;}
.container_12,.container_16 {margin-left:auto;margin-right:auto;width:96em;max-width:100%; }
.alpha {margin-left:0;}.omega {margin-right:0;}.container_12 .grid_1 {width:6em;max-width:6.25%;}.container_12 .grid_2 {width:14em;max-width:14.583333333333%;}.container_12 .grid_4 {width:30em;max-width:31.25%;} .container_12 .grid_5 {width:38em;max-width:39.583333333333%;}.container_12 .grid_7 {width:54em;max-width:56.25%;}.container_12 .grid_8 {width:62em;max-width:64.583333333333%;}.container_12 .grid_10 {width:78em;max-width:81.25%;}.container_12 .grid_11 {width:86em;max-width:89.583333333333%;}.container_12 .prefix_1 {padding-left:8.3333333333333%;}.container_12 .prefix_2 {padding-left:16.666666666667%;}.container_12 .prefix_4 {padding-left:33.333333333333%;}.container_12 .prefix_5 {padding-left:41.666666666667%;}.container_12 .prefix_7 {padding-left:58.333333333333%;}.container_12 .prefix_8 {padding-left:66.666666666667%;}.container_12 .prefix_10 {padding-left:83.333333333333%;}.container_12 .prefix_11 {padding-left:91.666666666667%;}.container_12 .suffix_1 {padding-right:8.3333333333333%;}.container_12 .suffix_2 {padding-right:16.666666666667%;}.container_12 .suffix_4 {padding-right:33.333333333333%;}.container_12 .suffix_5 {padding-right:41.666666666667%;}.container_12 .suffix_7 {padding-right:58.333333333333%;}.container_12 .suffix_8 {padding-right:66.666666666667%;}.container_12 .suffix_10 {padding-right:83.333333333333%;}.container_12 .suffix_11 {padding-right:91.666666666667%;}.container_12 .push_1 {left:8.3333333333333%;}.container_12 .push_2 {left:16.666666666667%;}.container_12 .push_4 {left:33.333333333333%;}.container_12 .push_5 {left:41.666666666667%;}.container_12 .push_7 {left:58.333333333333%;}.container_12 .push_8 {left:66.666666666667%;}.container_12 .push_10 {left:83.333333333333%;}.container_12 .push_11 {left:91.666666666667%;}.container_12 .pull_1 {left:-8.3333333333333%;}.container_12 .pull_2 {left:-16.666666666667%;}.container_12 .pull_4 {left:-33.333333333333%;}.container_12 .pull_5 {left:-41.666666666667%;}.container_12 .pull_7 {left:-58.333333333333%;}.container_12 .pull_8 {left:-66.666666666667%;}.container_12 .pull_10 {left:-83.333333333333%;}.container_12 .pull_11 {left:-91.666666666667%;}.container_12 .grid_3 {width:22em;max-width:22.916666666667%;}.container_12 .grid_6 {width:46em;max-width:47.916666666667%;}.container_12 .grid_9 {width:70em;max-width:72.916666666667%;}.container_12 .grid_12{width:94em;max-width:97.916666666667%;}.container_12 .prefix_3 {padding-left:25%;}.container_12 .prefix_6 {padding-left:50%;}.container_12 .prefix_9{padding-left:75%;}.container_12 .suffix_3 {padding-right:25%;}.container_12 .suffix_6{padding-right:50%;}.container_12 .suffix_9{padding-right:75%;}.container_12 .push_3{left:25%;}.container_12 .push_6{left:50%;}.container_12 .push_9{left:75%;}.container_12 .pull_3 {left:-25%;}.container_12 .pull_6{left:-50%;}.container_12 .pull_9{left:-75%;}


html{font-size: 125%;}
body{text-align: center; font-size: .5em; font-family: arial, sans-serif; color: #434343; background: #fff; }
p, pre, address, li, dt, dd, th, td, caption, legend, input, select, textarea, button{ font-size: 1.3em; line-height: 1.4615em; }
p{ margin-bottom: 1em; }
ul, ol, dl, pre, blockquote{margin-bottom: 1.3em;}
blockquote{border-left: 3px solid #ccc; padding: 0 0 0 20px;}
blockquote p, blockquote li{ font: italic 1.6em/1.3 constantia, cambria, georgia, times, serif; color: #949494; }
blockquote p.last-child, blockquote li.last-child{ margin-bottom: 0; }
q{font-style: italic;}
cite{font-style: normal;}
input, select, textarea, button{font-family: arial, sans-serif; color: #878787;} /* no heredan la fuente del body */
pre, code, samp, tt, kbd{font-family: "Panic Sans", monaco, "Segoe UI", arial, sans-serif; } /* vamos a apostar por una fuente no monospace */
abbr, acronym{border-bottom-style: dotted; border-width: 1px; cursor: help;}
a{text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, li a, #pie a, .img a{border: none;}
:link{ color: #ed145b;}
html:not(.js-enabled) a:hover, 
a:focus, 
a:visited:focus, 
html:not(.js-enabled) a:visited:hover{color: #8d9f27;}
html:not(.js-enabled) a.button:hover, a.button:hover{color: #fff;}
a:visited{color: #ed145b;}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'MuseoSlab500';
	src: url('../fonts/Museo_Slab_500.eot');
	src: local('Museo Slab 500'), local('MuseoSlab-500'), url('../fonts/Museo_Slab_500.otf') format('opentype');
}

h1, h2, h3, h4, h5, h6{font-weight: 500; color: #000; font-family: "museo-slab-1", "MuseoSlab500", 'Helvetica-Neue', 'Helvetica Neue', arial, sans-serif; margin-bottom: 7px; line-height: normal;}
h1{font-size: 7.1em; margin-bottom: 20px; letter-spacing: -1px; font-weight: 500;}
h2{font-size: 3.6em; letter-spacing: -1px;}
h3{font-size: 2.4em; }
h4{font-size: 1.8em; }
p + h2, ul + h2, ol + h2, 
p + h3, ul + h3, ol + h3, 
p + h4, ul + h4, ol + h4,
p + h5, ul + h5, ol + h5{margin-top: 25px;}


/* ----------------------------
ESTRUCTURA 
----------------------------- */
    /* #contenedor{background: url(../img/sprite.png) 0 -99999em no-repeat;}  sprite porsia */
.container_12{text-align: left;}
#cuerpo{padding-top: 2.5em; padding-bottom: 3em; min-height: 50em;}
#cuerpo .bloque{padding-bottom: 5em; clear: both;}
#pie{background: #212121; margin-top: 3em;}
#sidebar{max-width:31.25%; width:30em; float: left; display: inline; position: relative; margin-left:1.04270833333%;margin-right:1.04270833333%;}


/* ----------------------------
REUTILIZABLES 
----------------------------- */
.left{float: left;}
.right{float: right;}
.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.interior{padding: 1em 1em .1em;}
.destacado{background: #f5f5f5;}
.texto-destacado{padding-bottom: 1.5em;}
.texto-destacado li, .texto-destacado p{font-size: 1.7em;}
.texto-destacado li{line-height: 1.4117em;}
.texto-destacado p{line-height: 1.2941em;}
.back{display: none;}

    /* capturas proyectos 300px */
.img img{padding: 5px; background-color: #dcdcdc; max-width: 96.6666%;}
.img a:hover img{background-color: #c4c4c4;}
.sombra{padding-bottom: 7px; }
.sombra:hover{background: url(../img/bgImg300.gif) 100% 100% no-repeat;} /* apanar para explorer 6 :( */

    /* listas con linea separatoria punteada */
#cuerpo ul.dotted li{background: url(../img/dottedG_01.gif) bottom left repeat-x; padding: 3px 0 6px; line-height: 1.3846em; padding-left: 0;}
.dotted li a{font-weight: bold; display: block;}

    /* iconos */
a.external{padding-right: 14px; background: url(../img/externalLink.gif) 100% 2px no-repeat;}
a.external:hover{background-position: 100% -18px;}

/* ----------------------------
FORMULARIOS 
----------------------------- */
form .campo{padding-bottom: 2em;}
form .campo div{padding-bottom: .4em;}
form .campo label{font-size: 1.3em; font-weight: bold;}
form .campo label span{font-weight: normal;}
.button{background: #ed145b url(../img/bgButton.png) bottom left repeat-x; color: #fff; text-shadow: -1px -1px 0 #590c21; border: 0; height: 31px; text-align: center; cursor: pointer; padding: 0 10px; font-size: 1.6em; font-family: 'Microsoft Sans Serif', 'Helvetica Neue', arial; letter-spacing: 1px; min-width: 65px;}
p a.button{line-height: 31px; font-size: 1.1538em; color: #fff; display: block; float: left; margin-top: 1em; letter-spacing: normal; font-family: arial, sans-serif;}
a.button:hover{color: #fff;}
* html .button{width: 65px; white-space: nowrap; overflow: visible;}
:first-child+html .button{overflow: visible;}
input.text{width: 189px; padding: 3px 5px; background: #fff url(../img/bgCampoForm.jpg) 0 0 repeat-x; border: 1px solid #d2d2d2; line-height: 120%; }
textarea{width: 440px; height: 123px; padding: 3px 5px; line-height: 150%; background: #fff url(../img/bgCampoForm.jpg) 0 0 repeat-x; border: 1px solid #d2d2d2;}
input.activo, textarea.activo{padding: 2px 4px; }
input.text:focus, textarea:focus,
input.activo, textarea.activo{border-color: #ed145b; border-width: 2px;}
select{width: 210px; border: 1px solid #d2d2d2; }
.inputwrapper{display: block; float: left; padding: 4px; background: #e9e9e9;}
.inputwrapper input,
.inputwrapper textarea{float: left;}
.formbody .inputwrapper{margin-right: 5px; display: inline;}
.formbody .inputwrapper input{margin-bottom: 0;}



/* ----------------------------
LISTADOS
----------------------------- */
#cuerpo ul li{padding-left: 14px; background: url(../img/bullet_02.gif) 0 6px no-repeat;}
#cuerpo ol{padding-left: 2.1em;}
#cuerpo ol li{list-style: decimal;}

/* ----------------------------
CABECERA 
----------------------------- */
#cabecera{background: #000; border-bottom: 4px solid #dcdcdc; }
#cabecera .container_12{background: url(../img/bgCabeceraHome.jpg) 0 0 no-repeat; padding-bottom: 30px; }
#cabecera .grid_12{position: relative;}
#slogan{font: 500 7.1em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; margin-bottom: 15px; margin-top: 40px; }
#slogan em{font-style: normal;}
#cabecera .menu{text-align: right; width: 100%; padding: .8em 0 .8em; background: url(../img/dottedW_01.gif) bottom left repeat-x; position: absolute; top: 0; left: 0;}
#cabecera .menu li{font: 500 2em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; text-transform: lowercase; display: inline-block; /* esto es para IE 8 */ padding-left: 25px; }
:first-child+html #cabecera .menu li{display: inline;}
* html #cabecera .menu li{display: inline;}
#cabecera .menu li strong{font-weight: 500; color: #fff;}
#cabecera .menu li a{color: #ed145b; text-decoration: none; }
html:not(.js-enabled) #cabecera .menu li a:hover{color: #ed145b;}
#cabecera .menu li a:focus{color: #8d9f27;}
#cabecera h1{font-size: 1em; min-height: 0; margin-top: 60px; margin-bottom: 0; line-height: 1;}
#cabecera h1 span{font-size: 2.1em; display: block; color: #fff; letter-spacing: normal; text-align: right; padding-top: 4px; line-height: normal;}
#cabecera h1 a{float: left; }
#cabecera h1:after{content: ""; display: block; clear: both; visibility: hidden;}
* #cabecera h1{height: 1%;}
#cabecera .info-contacto{position: absolute; top: 77px; right: 0; text-align: right;}
.info-contacto p{font: 500 1.8em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; margin-bottom: 7px;}
.info-contacto p.tfno{font: 500 2em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; margin-bottom: 0;}
.info-contacto p.tfno strong{font-weight: normal;}
.info-contacto a{border: none; font-weight: normal; text-transform: lowercase;}


/* ----------------------------
PIE 
----------------------------- */
#pie .links, #pie .paginas{padding-top: 18px; }
#pie ul, #pie p{margin-bottom: 5px; clear: left;}
#pie .links li{float: left; padding: 0 10px 0 11px; background: url(../img/sep_01.gif) 0 50% no-repeat; color: #fff;}
#pie .links li:first-child,
#pie .links li.first-child{padding-left: 0; background: none;}
#pie .links li.active strong{font-weight: normal;}
#pie .links .rss{background: url(../img/icoRss.gif) 0 3px no-repeat; float: left;}
#pie .links .rss:hover{background-position: 0 -17px;}
#pie .links .rss a{padding-left: 19px; }
#pie .paginas{text-align: right;}
#pie .paginas li{float: none; padding-right: 0; color: #fff;}
/* #pie .links .rss a:hover{background-position: 0 -18px;} */
#pie .info-contacto{float: right; background: #171717; margin-top: -17px; position: relative; text-align: right; padding-top: 18px;}
#pie .info-contacto p{margin-bottom: 0;}
#pie .info-contacto .interior{padding: 1em 1em .1em; min-height: 9.5em; height: 9.5em; }
html>body #pie .info-contacto .interior{height: auto;}


/* ----------------------------
SECCION: BLOG
----------------------------- */
/* Clases WP para alineacion de imagenes */
img.aligncenter{margin-left: auto; margin-right: auto; display: block;}

/* Clases WP para alineacion de textos */
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

.post{padding-bottom: 5em;}
.post img{background: url(../img/loading.gif) center no-repeat; max-width: 100%; height: auto;}
.post .img{margin-bottom: 1.3em; text-align: center; }
.post .img img{margin-left: auto; margin-right: auto;}
.post .img + h3,
.post .img + h4,
.post .img + h5,
.post .img + h6{margin-top: 30px;}
.post .autor-fecha p{font-size: 1.5em; line-height: 1.2em; color: #b4b4b4; margin-bottom: 1.3333em;}
.post .autor-fecha strong,
.post .autor-fecha cite{color: #7d7d7d; font-weight: bold;}
.post .autor-fecha strong,
.post .fecha,
#comentarios .fecha{text-transform: lowercase;}
.post .info-post{background: #f6f6f6; border: 1px solid #e5e5e5; border-left: 0; border-right: 0;}
.post .info-post .interior{padding-top: .5em; }
.post .info-post dt,
.post .info-post dd,
.post .info-post p,
.post .info-post .datos li{font-size: 1.1em; line-height: 1.6363em; margin-bottom: 0; }
#cuerpo .post .info-post .datos li{padding-left: 0; background: none;}
.post .info-post p a{font-weight: bold;}
.post .info-post dt{float: left; clear: left; padding-right: 5px;}
.post .info-post dd{float: left; font-weight: bold;}
.post .info-post dl,
.post .info-post .datos{float: left; padding-bottom: .8em; margin-bottom: 0; }
.post .info-post .editar{clear: right;}
.cat-name{color: #888;}
.navigation{margin-bottom: 5em;}
#cuerpo .navigation li{padding-left: 0; background: none;}

div.wp-caption{background: #F5F5F5; border: 1px solid #e5e5e5; margin-bottom: 1.3em; padding-top: 10px;}
.wp-caption-text{font-size: 1.1em; text-align: left; padding-left: 10px; padding-right: 10px;}
.wp-caption a{border-bottom: none;}

    
    /* comentarios */
#comentarios{padding-bottom: 1.5em;}
#reponder{ padding-bottom: 3em;}
#comentarios h2, #responder h2{margin-bottom: 15px;}
#comentarios li p.autor{margin-bottom: 0;}
#comentarios li p cite{font-weight: bold;}
#comentarios ol{padding-left: 0;}
#comentarios ol li{margin-bottom: 2em; list-style-position: inside; border: 1px solid #E5E5E5; padding: .7692em;}
#comentarios li .autor{top: -19px; left: 20px; position: relative; }
#comentarios img.avatar{float: left; margin-right: 10px;}
html:not(.js-enabled) #comentarios ol li:target{background: #ff8;}
#comentarios li.bypostauthor{background: #f0f0f0;}
#comentarios .status{margin-bottom: 0; color: red; font-weight: bold;}

    /* paginacion */
#cuerpo .wp-pagenavi li{float: left; padding: 0; background: none; margin-right: 5px; display: inline;}
#cuerpo .wp-pagenavi li span,
#cuerpo .wp-pagenavi li a{padding: 3px 10px; display: block; border: 1px solid #ccc; }
#cuerpo .wp-pagenavi li.pages span{border: none;}
#cuerpo .wp-pagenavi li a{display: block; border-color: #ed145b; background: #ed145b; color: #fff;}
#cuerpo .wp-pagenavi li a:hover{background: #8d9f27; color: #fff; border-color: #8d9f27;}