/*
Theme Name: Perez Losada	
Theme URI: http://perezlosada.com/
Description: ---.
Version: 1.0
Author: IdeiT
Author URI: http://ideit.es/
Tags: minimalist, template, html5

	H5 v1.0
	http://diggingintowordpress.com/

	This theme was lovingly designed and developed by Jeff Starr, 
	who blogs at perishablepress.com and designs at monzilla.biz.

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/

/* Reset CSS
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; }

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Now start
-------------------------------------------------------------------------------*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
}
body {
	background: url(images/bg-header.jpg) repeat-x center top,
		url(images/bg-body.jpg) repeat center top;
	background-color: #ffffff;
}
body > div {
	/* width: 1024px; */
	max-width: 1280px;
	position: relative;
}
nav+section {
	overflow: hidden;
	clear: none;
	min-height: 560px;
	margin-top: 9px;
}

/* == LINKS == */

a {
	text-decoration: underline;
	color: #006699;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}

/* == HEADER == */

header {
	color: #fff;
	height: 90px;
	}
header h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 18px 0 0 0;
}
header h1 a {
	text-decoration: none;
}
header h2,
header h3 {
	display: none;
}

	
/* Web Brand */
.web-brand {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 40px;
}
.web-brand strong {
	font-weight: bold;
	color: #dfff38;
}
.web-brand a {
	color: #ffffff;
	text-decoration: none;
}

/* == NAVIGATION == */

nav.principal-menu {
	text-align: center;
	position: absolute;
	top: 25px;
	right: 45px;
	right: 65px;
}
nav.principal-menu {
}
nav.principal-menu ul {
	text-align: left;
	margin: 0;
}
nav.principal-menu li {
	font-size: 0.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	display: inline;
	text-transform: uppercase;
	margin: 0 15px;
}
nav.principal-menu li a {
	color: #ffffff;
	text-decoration: none;
}
nav.principal-menu li a:hover {
	text-decoration: underline;
}
nav.principal-menu li.current_page_item a,
nav.principal-menu li.current-menu-item a,
nav.principal-menu li.current-menu-parent a {
	text-decoration: underline;
	color: #dfff38;
	font-weight: bold;
}



/* == HOME POST == */
.home section.list-post {
	margin-top: 150px;
}
.home article > header {
    height: auto;
    margin-bottom: 25px;
    margin-left: 50px;
}
.home article > header h1 {
	color: #557EA6;
}
.home article > header h1 a {
	color: #557EA6;
}
.home article > header p {
	color: #666666;
}
.home article>section {
	margin: 0 50px 0 50px;
}
.home article>section p {
	font-family: 'Droid Serif', serif;
	font-size: 0.9em;
	margin-bottom: 15px;
}
.home article > footer {
	margin: 0 50px;
}




/* == POSTS == */

article[id*=post-] {
	padding: 0px 0;
}
article>header {
	margin-left: 70px;
}
article>header p, 
article>footer p {
	font-style: italic;
}
article>header h1 {
	font-family: 'Droid Serif', serif;
	color: #fff;
}
article>header h1 a {
	color: #fff;
}
article>header h1 a:hover {
	color: #fff;
	text-decoration: underline;
}
article>header h1+p {
	color: #ccc;
	font-size: 0.8em;
	padding-top: 5px;
	font-style: normal;
}
article+nav {
	font-weight: bold;
}
section>h1 {
	padding-top: 10px;
}
article>section {
	margin-top: 65px;
	margin: 65px 50px 0 50px;
}
article>section p {
	font-family: 'Droid Serif', serif;
	font-size: 0.9em;
	margin-bottom: 15px;
	line-height: 1.4em;
}
article>section ul {
    margin: 10px 0 10px 30px;
}
article>section li {
    font-family: 'Droid Serif',serif;
    font-size: 0.9em;
    list-style: disc outside none;
    margin-bottom: 7px;
}


article>section img {
	
}
article>section img.alignright {
    border: 10px solid #FFFFFF;
    float: right;
    margin-left: 30px;
}



/* -- Book Post  -- */
section.book {
	height: 800px;
	border: none;
	margin: 0;
}

article.book header h2 {
	color: #DFFF38;
    display: block;
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin-right: 100px;
    margin-top: -14px;
}



/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
}
article[id*=comment-] h4 {
	margin: 0;
}
form[method=post] label {
	/* display: block; */
}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
}

/* == SIDEBAR == */

aside {
	display: none;
	margin-top: 30px;
	overflow: hidden;
	width: 300px;
	float: right;
	clear: none;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}

/* == FOOTER == */

body>footer {
	background: url(images/bg-footer.jpg) no-repeat center top #ffffff;
	height: 120px;
	width: 100%;
}
body>footer>div {
	width: 980px;
	padding-top: 80px;
	text-align: center;
}
body>footer p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #545454;
	text-align: center;
	display: inline;
}
body>footer p a {
	color: #545454;
}

.menu-footermenu-container {
	display: inline;
}
.menu-footermenu-container ul {
	display: inline;
}
.menu-footermenu-container li {
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #545454;
}
.menu-footermenu-container li a {
	color: #545454;
}
.menu-footermenu-container li a:hover {
	color: #006699;
}


/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */



/* == LIST POST == */

.list-post {
	min-height: 700px;
}
.list-post h1.header-title {
	font-family: 'Droid Serif', serif;
	color: #fff;
	margin-left: 70px;
    font-size: 1.3em;
    font-weight: normal;
    padding: 30px 0 0;
    margin-bottom: 90px;
}

.list-post h2.slogan {
    color: #4372A8;
    float: left;
    font-family: 'Open Sans',Helvetica;
    font-size: 2em;
    font-weight: bold;
    height: 100px;
    letter-spacing: 1px;
    margin: 95px 25px 20px 100px;
	margin: 60px 25px 20px 100px;
    position: relative;
    text-shadow: 0px 0px 1px #1E1F23;
    width: 500px;
}
.list-post h2.slogan strong {
	font-weight: bold;
	text-decoration: underline;
}

.list-post .book-item {
	position: relative;
	width: 211px;
	height: 261px;
	float: left;
	margin: 0 25px 20px 80px;
	margin: 0 25px 20px 65px;
	background: url(images/book-covers.png) 0 0;
}
.list-post .book-item.libro-azul {
	background-position: 0 -522px;
}
.list-post .book-item header {
	width: 211px;
	height: 261px;
	margin: 0;
}
.list-post .book-item.etiqueta1 header {
}

.list-post .book-item header h1 {
	margin: 0 23px 0 23px;
	padding: 0;
	padding-top: 25px;
	text-shadow: 1px 1px 5px #333;
}
.list-post .book-item header p {
	margin: 10px 23px 0 23px;
	padding: 0;
	color: #f0f0f0;
	font-size: 0.8em;
	line-height: 1.6em;
}
.list-post .book-item section {
	display: none;
}
.list-post .book-item footer {
	display: none;
}
.list-post .book-item footer p {
}




/* == COMMENTS FORM == */

.comments-form {
	float: left;
	width: 480px;
	margin-left: 25px;
}
.comments-form h3 {
	color: #557ea6;
	padding-left: 10px;
	font-size: 1em;
	margin-bottom: 3px;
}
.comments-form form {
	font-family: 'Open Sans', sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid rgba(240, 240, 240, 0.7);
    border-radius: 3px 3px 3px 3px;
    padding: 20px;
}
.comments-form form p {
	font-size: 0.8em;
	margin-bottom: 5px;	
}
.comments-form form label {
	font-size: 0.8em;
}
.comments-form form input {
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-size: 0.8em;
    padding: 5px;
}
.comments-form form textarea {
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-size: 0.8em;
    padding: 5px;
	line-height: 1.4em;
	display: block;
}
.comments-form form input[type=submit] {
	color: #006699;
	border-color: #006699;
    padding: 7px 12px;
	border-radius: 0;
	margin-top: 10px;
}
.comments-form form input[type=submit]:hover {
	background-color: #006699;
	color: #fff;
}
.comments-form form input[type=submit]:disabled {
	color: #888;
	border-color: #888;
}
.comments-form form input[type=submit]:hover:disabled {
	color: #888;
	border-color: #888;
	background-color: #f5f5f5;
}
.comments-form form input[type=checkbox] {
    padding: 0 0;
    margin: 4px 8px 4px 0px;
}
.comments-form .math-captcha-form {
    margin-bottom: 20px;
    display: flex;
    margin-top: 10px;
    align-items: center;	
}
.comments-form .math-captcha-form label {
	display: inline-block;
	margin: 0;
	vertical-align: baseline;
	font-size: 1em;
	margin-right: 8px;
}
.comments-form .math-captcha-form .mc-input {
	width: 25px !important;
	padding: 3px 5px;
	font-size: 1em;
	margin: 0;
}



/* List */
.comments-list {
	float: left;
	width: 500px;
	margin-left: 25px;
}
.comments-list h3 {
	color: #557ea6;
	padding-left: 10px;
	font-size: 1em;
	margin-bottom: 3px;
}
.comments-list h5 {
	color: #666666;
	padding-left: 10px;
	font-size: 0.9em;
	margin-bottom: 3px;
	font-weight: normal;
}
.comments-list article {
	margin: 0 0 10px 0;
	padding: 0;
}

.comments-list article section {
	margin: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid rgba(240, 240, 240, 0.7);
    border-radius: 3px 3px 3px 3px;
    padding: 15px;
}

.comments-list article header {
	margin: 0;
	height: auto;
}

.comments-list article header h4 {
	margin: 0;
	padding: 0;
	color: #557ea6;	
}
.comments-list article header h4 cite {
	color: #557ea6;
	font-style: normal;
	margin-left: 15px;
}
.comments-list article header h4 a {
   color: #888888;
    float: right;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.4em;
    text-decoration: none;
    margin-right: 15px;
}
.comments-list article p {
    color: #444444;
    font-size: 0.85em;
    line-height: 1.4em;
}




/* == FORMS == */

.wpcf7 {
	/* float: right;
	width: 410px; */
	max-width: 600px;
	margin-left: 25px;
	font-size: 1em;
}
.wpcf7 h3 {
	color: #557ea6;
	padding-left: 10px;
	font-size: 1em;
	margin-bottom: 3px;
}
.wpcf7 form {
	font-family: 'Open Sans', sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(240, 240, 240, 0.7);
    border-radius: 3px 3px 3px 3px;
	padding: 20px;
	margin-bottom: 25px;
}
.wpcf7 form p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	margin-bottom: 5px;	
}
.wpcf7 form label {
	/* font-size: 0.8em; */
}
.wpcf7 form input {
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-size: 1em;
    padding: 5px;
}
.wpcf7 form textarea {
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-size: 1em;
    padding: 5px;
    line-height: 1.4em;
}
.wpcf7 form input[type=submit] {
	margin-bottom: 0;
	color: #333;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form textarea {
	width: 98%;
}

.wpcf7 form input[type="checkbox"] {

}

.wpcf7-acceptance {
	display: block;
	padding: 12px 5px 10px 5px;
}
.wpcf7-acceptance label {
	display: flex;
}
.wpcf7-acceptance input[type="checkbox"] {
	margin-right: 10px;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.wpcf7 form .wpcf7-mathcaptcha {
	display: inline;
	width: auto !important;
	margin: 0;
	vertical-align: baseline;
}
.wpcf7 form .mathcaptcha {
	margin-bottom: 20px;
}
.wpcf7 form .mathcaptcha .wpcf7-form-control-wrap {
	margin-left: 6px;
}

.wpcf7 form input.wpcf7-submit {
	color: #006699;
	border-color: #006699;
    padding: 7px 12px;
    border-radius: 0;
}
.wpcf7 form input.wpcf7-submit:hover {
	background-color: #006699;
	color: #fff;
}
.wpcf7 form input.wpcf7-submit:disabled {
	color: #888;
	border-color: #888;
}
.wpcf7 form input.wpcf7-submit:hover:disabled {
	color: #888;
	border-color: #888;
	background-color: #f5f5f5;
}