@import url("style.override.css");

/* html5doctor.com Reset Stylesheet v1.6.1 */
html, 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1; font-family:Verdana, Geneva, sans-serif;font-size:12px;}
textarea, input, select{resize:none;font-family:Arial, Helvetica, sans-serif;font-size:12px}
textarea{overflow:auto}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav 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;text-decoration:none;cursor:pointer;color:inherit;outline:0}
/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none}
/* change colours to suit your needs */
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {vertical-align:text-bottom}
input[type="checkbox"] {vertical-align:bottom;*vertical-align:baseline}
.ie6 input { vertical-align:text-bottom}
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button{cursor:pointer}
/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* end Reset */

/*--------------- Generales ---------------*/
.clearfix{clear:both}
.hidden{display:none}

/* jQuery alerts */
#popup_container{font-family:Arial, sans-serif;font-size:12px;min-width:300px;/* Dialog will be no smaller than this */max-width:600px;/* Dialog will wrap after this width */background:#fff;border:solid 5px #999;color:#000;-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5)}
#popup_title{font-size:14px;font-weight:700;text-align:center;line-height:1.75em;color:#666;background:#CCC url(img/alerts/title.gif) top repeat-x;border:solid 1px #FFF;border-bottom:solid 1px #999;cursor:default;padding:0;margin:0}
#popup_content{background:16px 16px no-repeat url(img/alerts/info.gif);padding:1em 1.75em;margin:0}
#popup_content.alert{background-image:url(img/alerts/info.gif)}
#popup_content.confirm{background-image:url(img/alerts/important.gif)}
#popup_content.prompt{background-image:url(img/alerts/help.gif)}
#popup_message{padding-left:48px;line-height:15px}
#popup_panel{text-align:center;margin:1em 0 0 1em}
#popup_prompt{margin:.5em 0}


/*--------------- ESTRUCTURA ---------------*/
html, body { background:url(images/background.jpg) #47271c top center no-repeat; width:100%; height:100%; color:#000000; min-width:960px}
#wrapper {margin: 0 auto; position: relative; width: 960px;}
h2 { color:#005b63; font-size:14px; text-transform:uppercase; font-weight:lighter}
h3 { font-size:18px; color:#595959;}


/*--------------- HEADER ---------------*/
#header {height:250px; float:left; width:100%;}
#lang { list-style:none; width:auto; float:left; position:relative; top:53px; left:0; }
#lang li {display:inline-block;}
#social { list-style:none; width:auto; float:left; position:relative; top:45px; left:577px;}
#social li {display:inline-block;}
.logo {position:relative; top:85px; left:-424px;}
#searchform {width:auto; float:left; position:relative; top:45px; left:605px;}
#search {background: url(images/search.png) no-repeat scroll left top transparent; padding-left: 8px; padding-right: 12px; width: 192px; height:31px; border:none; font-family:"Arial Black", Gadget, sans-serif; color:#005b63; font-size:12px;}
#searchsubmit:hover {background: url(images/lupasearch-over.png) no-repeat scroll left top transparent;}
#searchsubmit {height: 31px;width: 24px; border:none;background: url(images/lupasearch.png) no-repeat scroll left top transparent;}
#escalera {background:url(images/escalera.png) top center no-repeat transparent; display: block;height: 71px;overflow: hidden;position: absolute;right: 193px;top: 230px;width: 47px;}


/*--------------- SIDEBAR (MENU) ---------------*/
#sidebar { width:300px; height:100%; float:left;}
#menu-categories {list-style:none; margin-top:20px;}
#menu-categories li { padding:2px 0;}
#menu-categories li a {font-family: 'Damion', cursive; font-size:28px; color:#FFF;text-shadow: #5b3023 0.1em 0.1em 0.2em}
#menu-categories li a:hover {color:#6eb6c7; text-decoration: none;text-shadow: #5b3023 0.1em 0.1em 0.2em}
#menu-social {background: url(images/social-bg.png) no-repeat scroll left top transparent;height: 134px;list-style: none outside none;margin-top: 20px;padding-left: 22px;padding-top: 15px;width: 123px;}


/*--------------- CONTENIDO CENTRAL ---------------*/
#content { width:660px; height:100%; float:left;min-height: 600px;}
.box { width:640px; margin-left:20px; margin-top:20px}
.box div.topleft {display: block;background: url(images/box2-bg.png) top left no-repeat;padding: 2.0em 0em 0em 2.0em;}
.box div.topright {display: block;background: url(images/box2-bg.png) top right no-repeat;padding: 2.0em;margin: -2.0em 0 0 2.0em;}
.box div.bottomleft {display: block;height: 45px;margin-top: -2.0em;background: url(images/box2-bg.png) bottom left no-repeat;}
.box div.bottomright {display: block;background: url(images/box2-bg.png) bottom right no-repeat;height: 45px;margin-left: 3.0em;}
.box a h1 {font-family: 'Oleo Script', cursive; font-size:25px; color:#005b63;font-weight: 400;padding:30px 20px 0;margin-bottom: 10px;}
.box a:hover h1 {color:#6b9eaa;}
.box .category-image {margin-top:20px; padding-left:20px;}
.box p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#838383; padding:0 20px;margin-top:20px;line-height: 18px;}
.box p img {max-width: 530px;}
.comments {list-style:none; padding-left:20px; height:19px; margin-top:20px}
.comments li { display:inline; height:19px;}
.comments li a { color:#f04f23; font-size:11px; position: relative;text-transform: uppercase; top: -6px;}
.comments li span { color:#f04f23; font-size:11px; position: relative;text-transform: uppercase; top: -6px;}
.tags {list-style:none; padding-left:20px; height:21px; margin-top:8px}
.tags li { display:inline; height:21px;margin-right: 4px;}
.tags li a {background-color: #595959;color: #FFFFFF;font-size: 11px;padding: 3px 9px;position: relative;top: 1px;vertical-align: super;-moz-border-radius: 4px;border-radius: 4px;}
.tags li a:hover {color:#595959; background-color:#6eb6c7;}
.category-icon{ left: 480px;margin-top: -115px;position: relative;}
div.sociable {float: right;overflow: hidden; position: relative;}
.blur-image-post {height: 20px;width: 570px;background: url(images/blur-image-post.png) top left no-repeat;}


/*--------------- FOOTER ---------------*/
#footer { width:100%; background:url(images/footer-bg.png) top center no-repeat; height:310px; position:relative; text-align:center}
.footer-pixowl { margin-top:60px;margin-bottom: 24px;}
#footer p { color: #eaeded;font-family: Arial,Helvetica,sans-serif;line-height: normal;text-align: center;}
#footer p span { font-weight:bold;}
.footer-line {margin: 5px 0;}
#footer .footer-links a {color:#959393;text-shadow: #000 0.1em 0.1em 0.2em; font-weight:bold;line-height: 18px;}
#footer .guapo-link a {color:#ffbf6f;text-shadow: #000 0.1em 0.1em 0.2em; font-weight:bold;}


/*--------------- ABOUT-US ---------------*/
.page-box { width:640px; margin-left:20px; margin-top:20px}
.page-box div.topleft {display: block;background: url(images/box-taxonomy-bg2.png) top left no-repeat;padding: 2.0em 0em 0em 2.0em;}
.page-box div.topright {display: block;background: url(images/box-taxonomy-bg2.png) top right no-repeat;padding: 2.0em;margin: -2.0em 0 0 2.0em;}
.page-box div.bottomleft {display: block;height: 45px;margin-top: -2.0em;background: url(images/box-taxonomy-bg2.png) bottom left no-repeat;}
.page-box div.bottomright {display: block;background: url(images/box-taxonomy-bg2.png) bottom right no-repeat;height: 45px;margin-left: 3.0em;}
.page-box div.topright div {font-family:Arial, Helvetica, sans-serif;}
.page-box div.topright div p { font-size:14px; color:#595959;line-height: 15px;margin: 30px 0;width: 560px;}
.page-box div.topright div p span {font-weight:bold;}
.team { width:560px; display:block; margin-top:30px;}
.team img { float:left; margin-right: 35px;}
.team p { padding-left:100px;width: 420px !important; margin:0 !important;}


/*--------------- CONTACT-US ---------------*/
/*#box-contact {font-family:Arial, Helvetica, sans-serif;background:url(images/box-contact-bg.png) top center no-repeat transparent; height: 762px;margin: 25px 0 50px 22px;padding: 44px 0 0 44px;width: 594px;}
#box-contact p { font-size:14px; color:#595959;line-height: 15px;margin: 30px 0;width: 560px;}*/


/*--------------- CATEGORY ---------------  */
#box-taxonomy {font-family:Arial, Helvetica, sans-serif;background:url(images/box-taxonomy-bg.png) top center no-repeat transparent; height: 425px;margin: 25px 0 10px 22px;padding: 44px 0 0 44px;width: 594px;}
#box-taxonomy p { font-size:14px; color:#595959;line-height: 15px;margin: 10px 0;width: 560px;}
#box-taxonomy p span {font-weight:bold;}
#ajax_more_posts {display: block; height: 58px; margin: 15px auto; width: 34px;}
.tax-box { width:640px; margin-left:20px; margin-top:20px}
.tax-box div.topleft {display: block;background: url(images/box-taxonomy-bg2.png) top left no-repeat;padding: 2.0em 0em 0em 2.0em;}
.tax-box div.topright {display: block;background: url(images/box-taxonomy-bg2.png) top right no-repeat;padding: 2.0em;margin: -2.0em 0 0 2.0em;}
.tax-box div.bottomleft {display: block;height: 45px;margin-top: -2.0em;background: url(images/box-taxonomy-bg2.png) bottom left no-repeat;}
.tax-box div.bottomright {display: block;background: url(images/box-taxonomy-bg2.png) bottom right no-repeat;height: 45px;margin-left: 3.0em;}
.tax-box div.topright div {font-family:Arial, Helvetica, sans-serif;}
.tax-box div.topright div p { font-size:14px; color:#595959;line-height: 15px;margin: 10px 0;width: 560px;}
.tax-box div.topright div p span {font-weight:bold;}
#social-tax { list-style:none; width:auto; float:right; position:relative;}
#social-tax li {display:inline-block;}


/*--------------- COMMENTS ---------------  */
.leave-message {left: 139px;position: relative; top: -32px;}
.recent-comments {left: 139px;position: relative; top: -32px;}
#commentform p label {color: #005B63; display: block; float: left; font-family: Verdana; font-size: 14px; font-weight: bold; padding-right: 30px; text-align: right; text-transform: uppercase; width: 120px;padding-top: 6px;}
#commentform p input, #commentform p textarea { background-color:#e2e3e4; padding:8px; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; border:none;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#commentform .form-submit {padding: 0 45px;text-align: right;}
#commentform p #submit {background: url(images/send-message.png) no-repeat scroll left top transparent;border: none;height: 30px;width: 126px;}
#commentform p #submit:hover {background: url(images/send-message-over.png) no-repeat scroll left top transparent;border: none;}
.commentlist li { list-style:none !important;}
.avatar { float:left; margin-right: 16px;}
.fn a {font-family: 'Damion'; font-size:28px; color:#005b63;}
.fn a:hover {color:#6b9eaa;}
.reply {color:#7a7a7a; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
ul.children {padding-left: 75px;}
.comment-content p {padding:0 20px 0 72px; margin-bottom:10px;margin-top: 10px !important;}