/*
Theme Name: Miguel Leache
Author URI: http://www.davidalegria.com
Description: Un theme de Wordpress creado a medida para Miguel Leache.
Author: David Alegria
Version: 4.0
Copyright: (c) 2023 David Alegria S.L.
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1.4;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {width: 100%;}
body {font-family: Helvetica, Arial, sans-serif; background: #fff; color:#888}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}
.wrapper {min-width: 100%;width:100%; min-height: 100%; position: relative; padding: 0; margin:85px auto 0 auto}
a {color:#888; text-decoration:none}
a:hover, a:hover p, .posted_in, .product_meta a:hover {color:#000}

/*** Header ***/

.header {margin: 0; padding: 15px 0;position:fixed;top:0;z-index:9999;background:#fff;width: 100%;border-bottom:1px dotted #888}

/*** Navigation ***/

.nav {vertical-align: baseline; float: left; margin-left: 20px; position: relative; z-index: 100;}
.nav li {height: 25px; float: left; padding: 0 20px 0 0; }
.nav li.current a { }
.nav a { text-decoration: none; padding: 5px 0; display: block;}
.nav a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #000;}
li.parent a {background: url("i/folder.gif") 138px 27px no-repeat;}
li.parent a:hover, li.jsddm_hover a {background: url("i/folder_active.gif") 100% 27px no-repeat;}
ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 145px; margin: 5px 0 0 -10px; border-left:1px dotted #888; border-right:1px dotted #888; border-bottom:1px dotted #888; padding: 5px 10px;background: #fff;}
ul.sub-menu li {margin-left: 0; height: auto; padding: 5px 0 !important; border: none; float: none;  width: 125px;}
ul.sub-menu li a {background: none !important; font-size: 14px; line-height:1.2; padding: 0; width: 125px; color:#888}

.logo { font-weight:bold; z-index:99999999}
.logo a { color:#000 }
.logo a:hover { }

ul#menu-menu-inferior li {float:left; margin-left:10px}
ul.sub-menu li.current-menu-item a, .current-menu-item a, .current-obra-parent a {color:#000}

.flo {float:right}

/*** Content ***/

.middle {margin:0; padding: 0; padding-bottom:70px}
.container {padding: 0;}
.content {width: 700px; float: right;} 

/*** Home ***/
.fullhome {margin: 0;position:fixed;top:15%;left:15%;bottom:15%;right:15%;-o-background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain; background-repeat:no-repeat; background-position:center center;}

/*** Page Text ***/

.full {width:960px; margin:80px auto; padding:0 20px}
.full h1, .full h2, .full h3, .full h4, .full h5, .full h6 {margin: 0 0 15px 0; font-weight: bold;}
.full h1 {font-size: 25px;}
.full h2 {font-size: 20px;}
.full h3 {font-size: 18px;}
.full h4 {font-size: 16px;}
.full h5 {font-size: 14px;}
.full h6 {font-size: 13px;}
.full p {margin-bottom: 12px;}
.full a {color: #000;}
.full a:hover {text-decoration:underline;}
.full ul, .full ol {margin-bottom: 12px; padding-left: 40px;}
.full li {}
.full ul li {list-style: circle;}
.full ol li {list-style: decimal;}
.full blockquote {color: #888; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.full blockquote p {color: #888; font: italic 16px Georgia, Geneva, "Times New Roman", times;}
.half {float:left;width:480px}

/** Obra page ***/

.obra_list_container {width:960px; margin:80px auto 100px auto; padding:0 0;}
.obra_list {position:relative;width:290px; height:340px; float: left; margin:15px 15px; padding:0 0;}
.obra_list h2 {width:100%;position:absolute;bottom:0;left:0;font-weight: bold;text-align:center; margin:0;color: #888;}
.obra_list h2 a {color: #888; text-decoration: none; font-weight:normal}
.obra_list h2 a:hover {color: #000;}
.obra_list h2.title_obra {display:none}
.obra_list h2.title_obra span {text-transform:uppercase;color:#888 !important;letter-spacing:1px;font-size:12px;font-weight:normal}
.thumb {display: block; width:290px; height:290px; position:relative;-webkit-background-size:contain;-o-background-size:contain;-moz-background-size:contain;background-size:contain;background-position:center center;background-repeat:no-repeat}

/*** Obra single ***/

.post_obra {position:absolute; top:50%; left:50%; margin-top: -300px; margin-left:-400px; max-height:600px; min-height:600px; max-width: 800px; min-width: 800px; width:800px; height:600px; text-align:center;}
#show {margin: 0;position:fixed;top:15%;left:15%;bottom:15%;right:15%}
#show_nav {position:absolute; top:80px; right:20px; z-index:9999; padding:0; text-align:right;font-size: 15px;}
.show_obra {height:100%;width: 100%;-o-background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain; background-repeat:no-repeat; background-position:center center;}

.l_col {width: 180px; position: absolute; top:80px; left:10px ; z-index:999; padding:0 10px;}
.l_col  h2 { font-size: 12px; font-weight: bold; margin-bottom:0px}
.l_col h2 a {color:#888}
.l_col h2 a:hover {color:#000; text-decoration: none;}
.post_divider {font-size: 11px; }
.l_col p {margin: 10px 0; font-size: 14px;}
.l_col a {color: #000; text-decoration: none;}
.l_col a:hover {text-decoration: underline;}

a.title_obra, p.title_obra {width:100%; margin:0; display:block;color:#000}
a.title_obra:hover {text-decoration:none;color:#888}
a.active {border-bottom:1px dotted #888; padding-bottom:5px}
.l_col .post_text { padding:10px 20px 20px 0; display:none; background:#fff;}

/*** Blog & Archives ***/

.page_meta {height: 40px; width:960px; margin:80px auto 0 auto}
.page_meta a {text-decoration: none;}
.page_meta a:hover {color: #000;}

.rss, .tags, .search {width: 145px; height: 40px; float: left; margin-left: 15px; color: #888; border-bottom: 1px dotted #888;}
.heading {width: 610px; height: 40px; float: left; margin-left: 15px; border-bottom: 1px dotted #888;}
.heading h3 span {font-size:11px;font-style:italic;padding-left:5px;line-height:23px}
.tags {position: relative; color:#888}
.tags a {padding-right: 10px;}
.tags a:hover {color:#000}
.taglist {margin-top: 16px; background: #fff; position: absolute; left: -15px; width: 145px; padding: 15px 0 15px 15px; visibility: hidden;}
.taglist li {}
.taglist li a {background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #888 !important;}
.tags .jsddm_hover a {color: #888; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}

.posts { width:960px; margin:0 auto 100px auto }
.post_list, .post_single {margin:0 auto; width:960px; padding: 30px 0 0 0;}
.post_single {background: none;}
.post_list a, .post_single a {color: #888; text-decoration: none;}
.post_list a:hover, .post_single a:hover {color:#000}
.post_list h2, .post_single h2, .page h2 {font-size: 20px; color:#000;font-weight: bold; margin-bottom: 15px; padding-left: 175px;}
.page {padding-top: 15px;}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #888; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 145px; margin-left: 15px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {margin-bottom: 11px; }
.post_date {font-weight:bold}
.post_share {}

.more {margin-bottom: 0; font-weight: bold;}

/*** Post single ***/

.post_content {width: 550px; margin-left: 15px; margin-bottom:50px; float: left;}
.post_content table {float:none !important}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {margin: 15px 0; font-weight: normal;}
.post_content h1, .post_content h2 {font-size: 21px;}
.post_content h3 {font-size: 17px;}
.post_content h4 {font-size: 16px;}
.post_content h5 {font-size: 14px;}
.post_content h6 {font-size: 13px;font-weight:bold}

.post_content p { margin-bottom: 12px;}
.post_content a {color: #000;}
.post_content a:hover {text-decoration: underline; color:#000}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {}
.post_content ul li {list-style: circle;}
.post_content ol li {list-style: decimal;}
.post_content blockquote {color: #888; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p {color: #888; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

/*** Post single Images ***/

.post_content img { margin: 0; height: auto; max-width: 550px;}
.post_content .attachment img { max-width: 550px; }
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; }
.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { margin-bottom: 20px; padding: 0; text-align: left; width:610px !important }
.post_content .wp-caption img { margin: 0; }
.post_content .wp-caption p.wp-caption-text {font-size: 12px; margin: 5px 0; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { margin: 0 auto 18px; }
.post_content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.post_content .gallery img {  }
.post_content .gallery .gallery-caption {font-size: 12px; margin: 0 0 15px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery img {  }
.post_content .gallery br+br { display: none; }
.post_content .attachment img { display: block; margin: 0 auto; }

/*** Comments ***/

#comments {width:960px; margin:0 auto;}
.comments_heading {padding-bottom: 10px;}
.add_comment {width: 145px; height: 25px; float: left; margin-left: 10px; font-size: 11px; border-bottom: 1px dotted #888;}
.add_comment a {color: #888; text-decoration: none;}
.add_comment a:hover {text-decoration: underline;}
.comment_qty {width: 775px; height: 25px; margin-left: 15px; float: left; border-bottom: 1px dotted #888; font-weight:bold}
.nopassword {font-size: 12px; padding-left: 15px;}

.comment_item {padding: 10px 0;}
.comment_meta {float: left; width: 145px; margin-left: 15px; color: #888; }
.comment_meta a {color: #888; text-decoration: none; font-style: normal;}
.comment_meta a:hover {text-decoration: underline;}
.comment_text {width: 610px; margin-left: 15px; float: left; color: #888; }

#respond {margin-top: 30px;padding-top:15px}
.respond_meta {float: left; width: 145px; margin-left: 15px; font-weight: bold;}
.comment_form {padding-bottom: 60px; width: 610px; float: left; margin-left: 15px;}
.comment_fields {margin-bottom: 25px;}
#author, #email, #url {width: 279px; float: left; margin: 0 20px 0 0; padding: 0; color: #888; font-size: 12px; border: none; background: #f1f1f1; padding: 8px; overflow: hidden;font: 12px Helvetica, Arial, sans-serif;}
#email {width: 279px; margin: 0;}
.comment_form textarea {width: 594px; height: 125px; overflow: auto; border: none; background: #f1f1f1; padding:8px; color: #888; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.comment_submit {text-align: right;}
.comment_message {font-size: 12px; margin-bottom: 12px;}
.comment_message a {color: #888; text-decoration: none;}
.comment_message a:hover {text-decoration: underline;}

/*** Pagination ***/

.nextpostslink, .previouspostslink {display: block; width: 60px; height: 60px; position: fixed; top:50%; font-size:0px; margin-top:-30px}
.nextpostslink {background: url("i/pagination_arr.png") 100% -60px no-repeat; right: 20px;}
.previouspostslink {background: url("i/pagination_arr.png") 0 -60px no-repeat; left: 20px;}
.nextpostslink:hover {background-position: 100% 0px;}
.previouspostslink:hover {background-position: 0 0px;}

/*** Footer ***/

.footer {width: 100%; position: fixed; margin: 0 auto; padding: 0; bottom:0; background:#fff; z-index:9999; border-top:1px dotted #888}
.footer_inn {margin: 0 20px; height: 45px; padding-top: 10px;}
.footer_inn p {}
.footer_inn a {text-decoration: none;}

/*** varios ***/
.once {}
