/*
Theme Name: Portuondo
Theme URI: http://portuondo.com/
Description: Portuondo | Madrid - London
Author: marcoscabero@gmail.com / HTML5 / CSS / JQUERY / WP Developer
Version: 1.0
Tags: jquery, css, php, googlemaps, two columns, full width, custom meta for post and page (title, keywords, description), custom login page, custom menu, formmail, custom blog template

License:
License URI:

General comments (optional).
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 24, 2012 */

@font-face {
    font-family: 'AugustusRegular';
    src: url('css/augustus-webfont.eot');
    src: url('css/augustus-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/augustus-webfont.woff') format('woff'),
         url('css/augustus-webfont.ttf') format('truetype'),
         url('css/augustus-webfont.svg#AugustusRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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, 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;
    font-weight:normal;
}

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; color:#727272; text-decoration:none
}
a:hover {color: #8c0202}

/* 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;
}

body {font-family: 'AugustusRegular'; line-height:1;font-weight: normal; color: #727272}
.clear {clear: both}
header {position: relative; margin-top: 8px; height: 182px }
header H1, header H3, header H4 { text-align: center; color: #afafaf}
header H1 a { font-size: 60px; color: #afafaf; text-decoration: none}
header H3 { font-size: 15px; margin-top: 20px}
header H4 { font-size: 11px; margin-top: 20px}
header .wrapper { width: 1020px; margin: 0px auto}

/* WELCOME */
.welcome header {position: relative; margin-top: 180px; height: 263px; background: url(http://portuondo.com/gallery/wp-content/themes/portuondo/images/bck-welcome.jpg) repeat-x}
.welcome header  H1 { padding: 50px 0 20px 0; font-size: 60px}
.welcome .menu-header-menu-container { height:10px; position: static}
.welcome hgroup { width: 500px; margin: 0px auto}
.welcome h2 {color:#AFAFAF;font-weight:normal;font-size: 12px}
.welcome h2.london { text-align: left; width: 175px}
.welcome h2.madrid { text-align: right; width: 100px; float: right}

/* MENU-HEADER */
.menu-header-menu-container {border:none;height:24px; position: absolute; bottom: 1px; border-top: #890300 2px solid; border-bottom: #890300 2px solid; width: 100%}
.menu-header-menu-container ul {/*background:#333333;*/height:20px;list-style:none;margin:0;padding:0; font-size: 11px;}
.menu-header-menu-container li {float:left;padding:0px;}
.menu-header-menu-container li a {color:#727272;font-weight:normal;margin:0px;padding:0px 18px;text-align:center;text-decoration:none; font-size: 12px}
.menu-header-menu-container li a:hover, .menu-header-menu-container ul li:hover a, .menu-header-menu-container li.current-menu-item a { color: #8c0202;}
.menu-header-menu-container li ul {display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:190px;z-index:200}
.menu-header-menu-container li:hover ul{display:block}
.menu-header-menu-container li li {display:block;float:none;margin:0px;padding:0px;width:190px}
.menu-header-menu-container li:hover li a{background:none}
.menu-header-menu-container li ul a{display: block; font-style: normal; line-height: 20px; margin: 0; padding: 10px; text-align: left}
.menu-header-menu-container li ul a:hover, .menu-header-menu-container li ul li:hover a{background-color: black; color:#F5CE3C; text-decoration:none}
.menu-header-menu-container p{clear:left}
li.current-menu-ancestor a {background-color: black; color: #F5CE3C}

/* Body */
.main { width: 960px; margin: 70px auto 0}
.main H3.products { font-size: 14px; letter-spacing: -1px; color: #b4b4b2}
.breadcrumbs {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 14px; min-height: 24px; list-style: none}
.breadcrumbs LI { float: left; padding-right: 5px}
.breadcrumbs LI a { text-transform: uppercase}
.title { font-size: 26px; line-height: 70px}
.blog article { width: 700px; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf}
.blog hgroup { min-height: 135px}
.blog article H1 { font-size: 18px; margin-top: 4px; min-height: 44px}
.blog article H1 a  { text-decoration: none; color: #000000}
.blog article H1 a:hover, .press article H1 a:hover { text-decoration: underline}
.blog .post-press {float: right; width: 290px; font-size: 19px; line-height: 30px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #464545; height: 530px; position:relative}
.blog .post-press .time { background-color: #afafaf; font-size: 18px; font-style: italic; margin-bottom: 25px; padding-right: 10px; text-align: right}
.blog .post-press .more, .blog .post-press .more-link { background-color: #464545; padding: 0px 10px; color: #FFF; text-decoration: none; font-size: 17px; float: right; font-style: italic}
.blog .post-press .more:hover { background-color: #7a7a7a}
.blog figure { width: 380px; height: 530px; overflow: hidden}
.blog .addthis_default_style { position: absolute; bottom: 0;}
.press .post-press .time { background-color: #afafaf; font-size: 18px; font-style: italic; margin-bottom: 25px; padding-right: 10px; text-align: right}
.press article H1 { font-size: 18px; margin-top: 4px; min-height: 44px}
.single .main { width: 700px}
.single .press article .content { background: none; margin: 0px; padding: 0px; width: 700px;}
.press .post-press { font-size: 22px; line-height: 30px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #464545; width: 700px;}
.single .press article figure { width: 380px; max-height: 530px; overflow: hidden; float: left; padding-right: 30px; background-color: #FFF}
.single .press .addthis_default_style { margin-bottom: 20px}
.single .press article .content .addthis_toolbox .addthis_button_compact, .single .press article .content .addthis_toolbox .addthis_separator { color: #000000}
.single .press article .content P { margin-bottom: 10px}
.history article { margin-bottom:150px; padding-top: 5px}
.history article H1 { font-size: 18px; margin-top: 0px; min-height: 44px}
.history article H1 a { text-decoration: none; color: #000}
.history article H1 a:hover { text-decoration: underline}
.history article .content P { font-size: 14px; line-height: 23px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif}
.page-template-page-contact-php article .content {margin-bottom: 29px; border-bottom: 1px solid #cfcfcf}
.page-template-page-contact-php article .content P {text-align: center; line-height: 26px; padding-bottom: 29px; padding-top: 8px; font-size: 15px}
.page-template-page-contact-php .footer-contact LI { width: 310px; list-style: none; float: left; margin-left: 15px}
.page-template-page-contact-php .footer-contact LI:first-child { margin-left: 0px}
.page-template-page-contact-php .footer-contact LI H3 { background-color: #464545; padding: 5px 10px; color: #FFF; line-height: 9px; padding: 1px 10px 20px; margin-bottom: 20px; font-size: 16px}
.page-template-page-contact-php .footer-contact LI P {line-height: 20px; margin-bottom: 16px; font-size: 15px}
.page-template-page-contact-php .footer-contact LI IFRAME { margin-top: 20px;}
.page-template-page-contact-php .footer-contact LI SMALL {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif}
.page-template-page-contact-php .footer-contact { margin-top: 20px}
.page-template-page-contact-php .wpcf7 P { margin-bottom: 23px!important}
.page-template-page-contact-php .wpcf7 P, .wpcf7-response-output {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif}
.page-template-page-contact-php .wpcf7 .wpcf7-use-title-as-watermark { width: 310px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; background-color: #afafaf; color: #FFF; border: none; font-size: 15px; padding: 3px 5px; width: 300px}
ul.products { margin-top: 30px}
ul.products li { float: left; list-style: none;}
ul.products article { width: 230px; height: 230px; padding: 45px; position: relative; text-align: center}
ul.products article.archive { position: relative}
ul.products article.archive:after { content: url(images/archive.png); width: 17px; height: 17px; position: absolute; top: 50px; right: 55px}
ul.products article H2 { font-size: 13px; text-align: center; position: absolute; top: 230px; width: 230px}
ul.products article H2 a { text-decoration: none; color: #626262 }
ul.products article H2 a:hover { text-decoration: underline }
.single article hgroup { padding-bottom: 19px}
.single article hgroup H2 { font-size: 26px; line-height: 70px}
.single article hgroup H2 a { text-decoration: none; color: #727272}
.single article hgroup H2 a:hover { text-decoration: underline}
.single article hgroup H1 { font-size: 16px; line-height: 30px}
.single article .content { margin: 0 0 25px 0; padding: 0px; width: 650px}
.single article .content P { font-size: 14px; line-height: 23px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; margin-bottom: 15px}
.single article .content .addthis_toolbox { margin-top: 20px}
.single article .content .addthis_toolbox .addthis_button_compact, .single article .content .addthis_toolbox .addthis_separator { font-family: Arial, sans-serif; font-size: 12px}
.single article .addthis_toolbox .addthis_button_facebook_like IFRAME { min-width: 100px!important}
.single article .gallery { list-style: none}
.single article .gallery LI {margin: 0px 0px 25px 0px; width: 700px; height: 519; overflow:hidden}
.single article figure {margin: 0px 0px 25px 0px; width: 700px; height: 519; overflow:hidden}
.single .pagination {text-align: right; width: 700px; border-top: #AFAFAF 1px solid; padding-top: 7px}
.single .pagination a[rel="prev"] {margin-left: 168px}
footer { border-top: #890300 2px solid; border-bottom: #890300 2px solid; padding: 1px 0; margin: 40px 0}
footer P { font-size: 10px; line-height: 2px; padding-bottom: 14px; text-align: center; color: #464545}
footer P a { text-decoration: none; color: #000000}
footer P a:hover { text-decoration: underline}
footer P SPAN { color: #890300}
.fb-footer {margin: 0px auto; width:80px; margin-bottom: 30px;}
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {text-align: center; width: 100%; margin-bottom: 40px}