/* ==========================================================================
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
  /*
    font-size: 1em;
    line-height: 1.4;.*/
}

::-moz-selection {
    background: #136595;
    color: white;
    text-shadow: none;
}

::selection {
    background: #136595;
    color: white;
    text-shadow: none;
}

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

img {
    vertical-align: middle; 
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* Global styles */
html                          { font-family: Arial, sans-serif; font-size: 13px; color: #333333; 
                                background-color: #e0e0e0; }
.wrapper                      { width: 940px; margin: 0 auto; 
                                padding: 0 20px; }
a                             { text-decoration: none; color: #136595; }
a h2                          { color: #333333; }
a:hover                       { text-decoration: underline; }
a.statement                   { display: inline-block; height: 32px; line-height: 32px; padding: 0 14px; 
                                background-color: #136595; width: auto; color: white; }
.lt-ie8 a.statement           { display:inline; }
a.outlined-link               { display: inline-block; background-image: url(../img/link-bullet.gif); 
                                background-repeat: no-repeat; background-position: left center; 
                                padding-left: 12px; margin-right: 14px; }
.lt-ie8 a.outlined-link       { display: inline; }
h1                            { font-size: 26px; }
h2                            { font-size: 23px; font-weight: normal; margin-top: 0px; }
p                             { line-height: 145%; }
strong                        { font-weight: bold; } 
.foot-note                    { border-top: 1px solid #999999; margin-top: 10px; clear: both; }
.foot-note h3                 { color: #136595; font-size: 14px; font-weight: normal; margin-bottom: 0px; }
.foot-note p                  { font-size: 11px; }
.permission-denied            { margin-right: 20px; font-style: italic; }
section > ul > li             { margin-bottom: 5px; }

/* Header styles */
header[role=banner]                     { background-color: white; box-shadow: 0 12px 6px -6px #c9c9c9; 
                                          position: relative;  }
header[role=banner] h1                  { margin: 0; padding-top: 18px; /*width: 350px;*/ letter-spacing: 2px; 
                                          font-weight: 400; font-size: 28px; } 
header[role=banner] h1 span             { font-size: 15px !important; display: block; 
                                          font-weight: normal !important; letter-spacing: 2px !important; }
header[role=banner] .wrapper > a        { float: left; height: 104px; padding-left: 100px; margin-bottom: 6px; 
                                          display: block; background-image: url(../img/logo.jpg); 
                                          background-repeat: no-repeat; color: #333333; }
header[role=banner] .wrapper > a:hover  { text-decoration: none }
header[role=banner] .wrapper > a span   { font-size: 14px; font-weight: bold; color: #333333; 
                                          letter-spacing: 1px; }
header[role=banner] nav ul              { clear: both; padding: 18px 0; margin: 0; }
header[role=banner] nav li              { display: inline-block; margin: 0 50px 0 0;/* 60 */ width: auto; }
.lt-ie8 header[role=banner] nav li      { display: inline; }
header[role=banner] nav li a            { color: #666666; font-weight: bold; font-size: 14px; }
header[role=banner] nav li a:hover,
header[role=banner] nav li a.active     { color: #136595; text-decoration: none; }
header[role=banner] h3                  { font-weight: normal; font-size: 16px; margin: 0 0 4px 0; 
                                          padding: 0; }

/* Header login form */
header[role=banner] #header-secondary                 { background-color: #e0e0e0; height: 104px; margin-right: -20px; 
                                                        position: relative; float: right; }
header[role=banner] .login-system                     { padding: 16px 20px 24px 20px;  }
/* user-login-form */
header[role=banner] form .form-required               { display: none; }
header[role=banner] form label                        { display: none; }
header[role=banner] form .form-item, 
header form .form-actions                             { float: left; }
header[role=banner] form .item-list                   { position: absolute; bottom: 8px; left: 20px; font-size: 11px; }
header[role=banner] form .item-list ul                { list-style-type: none; padding: 0; }
header[role=banner] form .form-item:first-child input { margin-right: 12px; } 
header[role=banner] form input                        { font-size: 12px; } 
header[role=banner] form input[type=submit]           { width: 60px !important; margin-left: 12px; 
                                                        margin-top: 1px; padding: 0 !important; display: block !important; } 
header[role=banner] form li                           { margin-left: 0 !important; }
#header-secondary .logout p                           { margin: 0; font-size: 14px; }
#header-secondary .logout                             { min-width: 300px; text-align: right; /*margin-top: -8px;*/ }
#header-secondary .logout a                           { font-size: 12px;}
#header-secondary .logout a.button                    { margin: 8px 0 0 0; width: 75px; text-align: center; 
                                                        float: right; }
.lt-ie8 header[role=banner] form input[type=submit]   { margin-top: 1px; }
#user-login-form input[type=submit]                   { min-width: 40px; }

/* Global content styles, no matter which column(s) */
.lt-ie9 #main-content,
.lt-ie9 #content,
.lt-ie9 aside                     { background-image: url('../img/header-shadow.png'); 
                                    background-position: top left; background-repeat: no-repeat; }
#main-content .wrapper            { background-color: white; padding: 0; width: 980px; padding-bottom: 0px;
                                    overflow: hidden; }
.lt-ie8 #main-content .wrapper    { position: relative; } 
section                           { padding: 15px; padding-top: 25px; }
section                           { padding-top: 45px; }
section:last-child                { padding-bottom: 40px; margin-bottom: 0; }

/* Breadcrumb */
#breadcrumb                       { position: absolute; margin: 21px 0 0 15px; line-height: 11px; 
                                    font-size: 11px; /*top: 150px; display: none;*/ }
.lt-ie8 #breadcrumb               { left: 0px;  }

/* Primary content layout */
#content                          { float: left; width: 659px; border-right: 1px solid #e0e0e0; }
.lt-ie8 #content .view-content    { width: 629px; }
#content section                  { border-top: 1px solid #e0e0e0; }
#content section:first-child      { border-top: none; }
#content section ul.listing       { list-style-type: none; padding: 0; margin-top: 5px; } 
section ul.listing h3             { margin: 0; font-weight: normal; }
section ul.listing li:last-child  { padding-bottom: 4px; }
.item-list .pager                 { clear: none; }
.item-list .pager li              { padding: 0; margin: 0 5px 0 5px; }
.views-exposed-widgets            { margin-bottom: 0; }
section header .pager             { margin-top: 7px !important; }

/* Side content layout */
aside                                 { width: 320px; margin-left: 660px; }
aside section                         { background-image: url('../img/sidelist-shadow.jpg'); background-position: left bottom; background-repeat: no-repeat; }
aside section:last-child              { background-image: none; }
aside section ul                      { list-style-type: none; padding-left: 0; }
aside section li                      { border-bottom: 1px dotted #666666; padding-bottom: 15px; }
aside section .listing li             { float: none !important; }
aside section li:last-child           { border-bottom: none; }
aside section h2                      { margin: 0px; }
aside section h3, aside section h3 a  { margin-top: 0px; margin-bottom: 0px; font-weight: normal; }

/* Individual section styles */
/*    => in the primary content column */
section.newsletter a.browser-link           { margin-left: 15px; }
section.newsletter .issuu-fake              { margin-bottom: 15px; background-color: #E6E6E6; padding: 10px;}
section.newsletter .issuu-fake img          { display: block; margin: 0 auto;  box-shadow: 1px 1px 14px #aaa; max-width:140px; height:auto; }
section.newsletter h3                       { font-size: 16px; margin-top: 5px; font-weight: normal; display: inline; }
section.newsletter .date                    { font-style: italic; }
section.newsletter p                        { margin: 6px 0; }
section.newsletter .issuu-genuine           { background-image: url(../img/load-placeholder.gif); 
                                              background-repeat: no-repeat; 
                                              height: 376px; width: 630px; margin-bottom: 15px; }


section.filteredlist-expanded header                        { overflow: auto; border-bottom: 1px solid #999999; 
                                                              padding-bottom: 10px; }
section.filteredlist-expanded header label                  { display: inline; float: left; margin-right: 5px; }
section.filteredlist-expanded .views-exposed-widgets        { float: left; }
section.filteredlist-expanded .views-widget                 { float: left; }
section.filteredlist-expanded footer                        { border-top: 1px solid #999999; padding-top: 14px; 
                                                              clear: both; }
section.filteredlist-expanded .pager                        { text-align: right; }
section.filteredlist-expanded .date,
section.filteredlist-expanded .category,
section.filteredlist-expanded .category a                       { font-style: italic; color: #333333; }
section.filteredlist-expanded ul.listing h3                     { margin: 0; font-weight: normal; }
section.filteredlist-expanded ul.listing > li                   { float: left; border-bottom: 1px dotted #666666; 
                                                                  padding: 20px 0 15px 0; overflow: auto; min-width: 100%; }
section.filteredlist-expanded ul.listing li .content.no-image   { margin-left: 0; }
section.filteredlist-expanded ul.listing li .content            { margin-left: 140px; } 
section.filteredlist-expanded ul.listing li .image              { float: left; margin-right: 15px; margin-bottom: 15px;
                                                                  width: 125px; } 
section.filteredlist-expanded ul.listing > li:first-child       { padding-top: 5px; }
section.filteredlist-expanded ul.listing > li:last-child        { border: none; }
section.filteredlist-expanded.multiple-filter header .selector  { margin-left: 0; }
section.filteredlist-expanded.multiple-filter .form-item        { margin-right: 0; }
.lt-ie8 section.filteredlist-expanded ul.listing li             { overflow: visible !important;  }

section.services-expanded header                                { border-bottom: 1px solid #999999; 
                                                                  padding-bottom: 14px; }
section.services-expanded                                       { position: relative; }
section.services-expanded a > h2                                { position: absolute; top: 30px; left: 15px; 
                                                                  z-index: 5; }
section.services-expanded .pager                                { text-align: right; }
section.services-expanded .location                             { font-style: italic; }
section.services-expanded ul.listing li                         { border-bottom: 1px dotted #666666; 
                                                                  padding-bottom: 16px; padding-top: 14px; }
section.services-expanded ul.listing li:first-child             { padding-top: 0; } 

section.about                                                   { font-size: 15px; } 
section.about h2                                                { margin-bottom: 0px; }

/*    => in the side content column */
section.news li,
section.events li               { padding-top: 14px; }
section.news li:first-child,
section.events li:first-child   { padding-top: 0; }
section.news li .date,
section.events li .date         { font-style: normal; float: left; font-size: 12px; 
                                  text-align: center; display: block; width: 29px; line-height: 110%; 
                                  height: 52px; background-color: #136595; color: white; 
                                  padding: 4px 10px 12px 10px; }
section.news li .date .day,
section.events li .date .day    { font-size: 24px; font-weight: normal; display: block; 
                                  padding: 10px 0 5px 0; }
section.news .content,
section.events .content         { margin-left: 65px !important; }
section.news .content p,
section.events .content p       { margin: 2px 0; }
.lt-ie8 section.news .content,
.lt-ie8 section.events .content { margin-top: -16px; }

section.events,
section.newsletter              { padding-top: 24px; }

section.services                { margin: 2px 0; padding-top: 26px; /* 32 */ }
section.services li img         { float: left; margin-right: 15px; }
section.services li             { overflow: hidden; display: block; line-height: 50px; 
                                  min-height: 50px; padding: 10px 0 15px 0; position: relative; }
section.services li .content    { display: inline-block; vertical-align: middle; 
                                  position: absolute; left: 104px; top: 50%; min-height: 16px; 
                                  margin-top: -12px; }
section.services li .autor      { display: block; font-style: italic; color: #666666; }
section.services li a           { font-size: 14px; white-space: nowrap; }
section.services ul             { margin-top: 2px; }

#footer                                     { clear: both; background-color: #656565; color: white; 
                                              padding: 20px 0; font-size: 12px; }
#footer p                                   { padding: 0; margin: 0; }
#footer .wrapper                            { position: relative; }
.menu-name-menu-secondary-links ul          { position: absolute; right: 0; top: 0px; padding: 0; margin: 0; }
.menu-name-menu-secondary-links li          { display: inline-block; margin-left: 18px; margin-right: 10px; }
.lt-ie8 .menu-name-menu-secondary-links li  { display: inline; }
.menu-name-menu-secondary-links li a        { color: white; text-decoration: underline; }
.menu-name-menu-secondary-links li a:hover  { color: white; text-decoration: none; }

/* Detail view for a content type */
.node-type-article img, 
.node-type-newsletter img,
.node-type-download-center img,
.node-type-events img                             { float: left; display: block; 
                                                    margin: 0 15px 10px 0; }
.node-type-article .group_content, 
.node-type-newsletter .group_content,
.node-type-download-center .group_content, 
.node-type-events .group_content                  { margin-left: 140px; }
.node-type-article .date-display-single,
.node-type-newsletter .date-display-single,
.node-type-download-center .date-display-single, 
.node-type-events .date-display-single            { display: block; font-style: italic; }

/* Sitempa specific */
body.sitemap ul.menu                              { margin-top: 0; }

/* Generic form styles */
form input,
a.button                                          { border: 1px solid #cccccc; height: 12px; 
                                                    min-width: 100px; padding: 5px 3px 5px 3px; 
                                                    color: #666666; }
form input[type=submit],
a.button                                          { display: block; background-color: #136595; 
                                                    min-width: auto; color: white; height: auto; 
                                                    font-weight: bold; height: 23px; line-height: 23px; 
                                                    padding: 0; border: 0; }
header form,
header form .form-item                            { float: left; }
header form label                                 { float: left; font-weight: normal !important; }
header form .selector                             { margin-top: -6px; margin-left: 12px; }
form .selector                                    { height: 24px !important; line-height: 24px !important; 
                                                    border: 1px solid #cccccc !important; 
                                                    position: relative; }
form .selector > span,
form .selector.hover > span,
form .selector.active > span,
form .selector.focus > span                       { background-image: url('../img/selectbox-img.png'); 
                                                    background-position: center right !important; 
                                                    margin-right: 2px; } 
form .selector option                             { color: black; padding-left: 8px; display: block; }
form input[type="checkbox"]                       { width: auto; min-width: auto; float: left; }
form .webform-component-checkboxes > label        { display: none; }
form .form-type-checkbox label                    { display: block; margin-left: 25px; 
                                                    margin-right: 112px;  }
form .grippie                                     { display: none; }
form .captcha, #edit-captcha                      { clear: both; }
form input[type=submit]                           { padding: 0 8px; text-align: center; 
                                                    margin: 14px 0 0 0; width: auto; 
                                                    clear: both; }

section form label                                { display: block; font-weight: bold; }
section form .form-required                       { color: red; }
#main-content form input[type=text],
#main-content form input[type=password],
#main-content form input[type=email],
#main-content form textarea                                 { background-color: #f0f0f0; 
                                                              border: 1px solid #cccccc; width: 220px; 
                                                              padding: 5px 5px 5px 5px }
#main-content form .form-textarea-wrapper textarea          { width: 232px; padding: 5px; } 
.lt-ie8 #main-content form .form-textarea-wrapper textarea  { padding: 0 !important; }
section form .form-item:nth-child(odd)                      { float: left; margin-right: 20px; }
section form .form-item                                     { margin-bottom: 16px; }
section form .form-item label                               { margin-bottom: 5px; }
.lt-ie8 form .form-item                                     { zoom: 1; display: inline; float: none; }
.lt-ie8 .form-item-captcha-response                         { clear: both; display: block !important; }
.captcha-admin-links .fieldset-title { display: none; }

/* Generic pager styles */
ul.pager                { padding: 0; margin: 0; }
ul.pager li             { display: inline-block; text-align: center; 
                          width: 16px; font-size: 11px; }
.lt-ie8 ul.pager li     { display:inline; }

/* Drupal */
.tabs.primary           { margin-top: 40px; padding-right: 15px; text-align: right; list-style-type: none; }
.tabs.primary li        { display: inline-block; margin-right: 5px; }
.tabs.primary li a      { background-color: #136595; padding: 10px; color: white; 
                          clear: both; border-radius: 3px; }

/* Issuu embed */
.issuuembed a, .issuuembed span   { display: none; }
.form-item, .form-actions         { margin-top: inherit; }

/* Account / Profile edition */
body.page-user-edit .messages       { margin: 35px 15px 0 15px; }
body.page-user-edit .tabs.primary   { display: none; }
body.page-user-edit section         { }
.lt-ie8 #user-login .form-item      { display: block; }
body.page-user .tabs                { /*display: none;*/ }
#user-pass-reset > div              { padding: 25px 15px 15px 15px; }
#webform-client-form-12 select      { /*width: 197px;*/ background-color: #F0F0F0; border: 1px solid #CCCCCC; }
#uniform-edit-submitted-country     { width: 220px !important; }
#uniform-edit-submitted-country span { width: 195px !important; }
#webform-client-form-12 .selector   { background-color: #F0F0F0; }

/* Error messages */
#content > .messages                { margin-top: 40px; }
#content > .profile                 { padding: 45px 0 0 15px; }
#content #user-login                { padding: 45px 0 0 15px; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}