/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
    background: #fff;
    font-weight: 300;
    
}
.row {
    width: 1200px;
    max-width: 1200px;
}
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td{
    /*font-family: 'Ubuntu', sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    color: #272727;
} 
a {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
li {
    list-style-position: inside;
}
.hidden {
    display: none;
}
.clear {
    clear: both;
}
a:hover {
    /*text-decoration: underline;*/
}
textarea
{
   resize: none;
}
html, body {height: 100%;}
.logo {
    margin-top: 17px;
}
.white {
    background-color: #fff;
    position: relative;
}
.transparent {
    background-color: transparent;
}
h2 {
    font-weight: 300;
    font-size: 20px;
    color: #003a69;
}
.text_block {
    padding-bottom: 20px;
}
p {
    font-size: 14px; 
    line-height: 22px; 
    text-align: justify;
    color: #272727;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
h5{
    font-size: 16px;
    color: #286eaa;
}
h4{
    font-size: 20px;
    color: #003a69;
}
a {
    color: #286eaa;
}
a:hover{
    color: #003a69
}
.pointer:hover{
    cursor: pointer;
}

#center_column table{
    border-collapse: collapse;
}

#center_column table td{
    border: 1px solid #ddd!important;
    background: #fff!important;
}
/* -----------------------------------------
                MENIU
----------------------------------------- */
.menu{
    width: 100%;
    display: table;
}
.menu li{
   display: table-cell;
   float: none;
}
.menu.first {
    text-align: right;
    margin-top: 30px;
    /*margin-bottom: 10px;*/
    /*overflow: hidden;*/
}
.menu.first a {
    margin-left: 10px;
    font-weight: 300;
    display: inline-block;
    font-size: 13px;
    color: #1f1f1f;
}
.menu.first a:hover, .menu.first a.active{
    text-decoration: underline;
}

.menu.second {
    text-align: left;
    margin-top: 17px;
}
.menu.second > a {
    font-weight: 700;
    display: inline-block;
    padding:21px 23px 12px 23px;
    font-size: 25px;
    color: #1f1f1f;
    cursor: default;
}
.menu.second > a:hover{
    background: #e9e3e0;
}
.menu.second a.active{
    text-decoration: underline;
}

.reveal-modal .row{
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #headerNavigation .flyout{
        margin-top: 0!important;
    }
    .menu.second {
        height: auto;
    }
    
    .row {
        max-width: 100%;
    }
    
    #menu_bottom a{
        border-bottom: 1px solid #FFF;
    }
    
    #wrap{
        background: #C5D9F1!important;
    }
}
.active_sub{
    text-decoration: underline;
}
label{
    display:inline;
}
#headerNavigation .flyout{
    margin-top: 0;
}
.banner-holder{
    background: #e9e3e0;
}
.block-grid.main-banner {
    margin-bottom: 0px;
}
.main-banner {
    /*padding-top: 20px;*/
}
.main-banner > li:last-child {
    float: right;
}
.block-grid.teo-up.main-banner {
    /*margin-top: 20px;*/
}

.footer {
    /*line-height: 44px;*/
}
.footer p {
    font-size: 13px;
    color: #fff;
}
.footer img {
    margin-left: 10px;
}
.footer .add_pad {
    padding-right: 50px;
}
/* -----------------------------------------
   NEWS MODULE STARY
----------------------------------------- */
.news_image{
    margin-right: 20px; 
}
.news_heading{
    line-height: 13px;
}
.news_summary_top{
    max-height: 79px;
    overflow: hidden;
}


/* -----------------------------------------
   NEWS MODULE STARY
----------------------------------------- */
.even{
    background: #FFFFFF;
}
.odd{ 
    background: #E4EEF7;
}
fieldset .odd, fieldset .even{
    margin-right: -12px !important;
    margin-left: -12px !important;
    padding: 5px; 
} 

.width_100{
    width: 100px;
}
.width_130{
    width: 130px; 
}
.small_text, .small_text *{
    font-size: 9px;
    line-height: 1.3;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px;
}
.padding_top_10{
    padding-top: 10px;
}
.padding_bottom_10{
    padding-bottom: 10px;
}

#wrap {
    /*min-height: 100%;*/
    background: #c5d9f1 url('../../img/header.jpg') top center repeat-x;
}

#main {
    /*background: #fff;*/
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 0 20px;*/
    padding-bottom: 10px;
}
#header_wrapper {
    width: 100%; 
}
#content_inner {
    /*background: #e9e3e0 !important;*/
    color: #595756 !important;
    font-size: 16px;
}
.content_title {
    font-size: 16px;
    font-weight: 300;
    color: #1f1f1f;
    text-transform: uppercase;
}
.content_title a {
    color: #1f1f1f;
}
.content_title a:hover {
    text-decoration: underline;
    color: #1f1f1f;
}
.module_title {
    font-size: 24px;
    font-weight: 300;
    color: #2b4f7b;
    margin: 10px 0 15px 0;
    /*text-transform: uppercase;*/
}
.articles_title, .articles_title > a {
     color: #2b4f7b;
     font-size: 18px;
     margin-top: 0px;
     font-weight: 400;
}
hr {
    margin: 15px 0;
}
.btn {
    border: none;
    background: none;
    color: #286eaa;
    cursor: pointer;
}
#footer {
    position: relative;
    clear: both;
    background: #406ea7;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 0 0;
} 

.menu_third {
    width: 100%;
    min-height: 250px;
    background-color:#e9e3e0;
    position: absolute; 
    left: 0; 
    z-index: 99999;
}
.menu_third div ul{
    list-style:none;
}
.menu_third div ul li a:hover{
    text-decoration: underline;
}
.menu_third .title{
    color: #000;
}
.onhover {
    background-color:#1DB7CB;
}

#bottom_menu {
    color: #525252;
}
#bottom_menu ul li {
    list-style: none;
    margin: 8px 0;
}
#bottom_menu ul li a, .enter_email_text{
    color: #525252;
    line-height: 14px;
    font-size: 16px;
}
#bottom_menu ul li a:hover {
    text-decoration: underline;
}
#copyright {
    padding-top: 20px;
    background: #3c3c3c;
    padding-bottom: 10px;
}
#copyright a {
    color: #fff;
}
#copyright a:hover {
    text-decoration: underline;
}

#mini_banners_holder {
    padding-bottom: 5px;
    /*background: #e6e2df !important;*/
    color: #4a4949;
    margin: 0 auto;
}
#mini_banners_holder ul {
    margin-left: 0px;
}
#mini_banners_holder div ul li {
    min-width: 210px;
    padding-top: 10px; 
    margin: 0px;
}
#mini_banners_holder div ul li:last-child {
    min-width: 150px;
}
.min_banner_img {
    /*margin-right: 10px;*/
    /*width: 150px;*/
    /*margin: 0 auto;*/
}
.min_banner_title {
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
}
.min_banner_text{
    font-weight: 300;
    font-size: 12px;
}

.third_menu {
    min-height: 130px;
    display: inline;
    float: left;
    display: inline-block;
    margin: 30px 70px 20px 0;
}
.third_menu li{
    list-style: none;
}
.third_menu li:first-child{
    padding-bottom: 5px;
}
.third_menu li b{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.third_menu li a{
    font-weight: 300;
    font-size: 18px;
    color: #5d5b59;
}
.active_menu {
    background: #e9e3e0;
}

.img_border {
    border: 1px solid #dadada;
}
.image_title {
    text-align: center;
}
.block-grid.four-up {
    padding: 0px !important;
    margin: 0;
}
.block-grid.four-up > li {
    padding: 0 10px 5px 0;
}

/* Partners pictures */
.cell { z-index: 10; /*border: 1px solid #ccc;*/ padding: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.cell .outerContainer { display: table; overflow: hidden; }
.cell .outerContainer .innerContainer { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
.cell .outerContainer .innerContainer .element { line-height: 0 !important; font-size: 0; }
.element { text-align: center !important; }

/* Languages */
#languages {
    margin: 0px;
    padding-top: 15px;
}
#languages li{
    margin-left: 5px;
}
#languages li a{
    text-transform: uppercase;
    padding: 3px 5px;
    color: #1c1c1c;
}
#languages li a.active, #languages li a:hover {
/*    background: #cc3433;
    color: #fff;*/
}

/* ========= Navigation ========= */
#headerNavigation {
    margin: 0;
    height: 32px;
    margin-bottom: 5px;
    margin-top: 25px;
    background: #2b4f7b;
}
#headerNavigation > li {
    line-height: 32px;
    border: none;
    border-right: 1px solid #fff;
}
#headerNavigation li:hover,
#headerNavigation li.active {
    background: #406ea7;
}
#headerNavigation > li > a {
    font-size: 15px;
    padding: 0 21px;
}
#headerNavigation > li:last-child {
    /*border: none;*/
    /*box-shadow: none;*/
}
#headerNavigation .flyout {
    margin-top: -7px;
    border: none;
    margin-left: 1px;
}
#headerNavigation .flyout li {
    border: none;
}
#headerNavigation .flyout li a {
/*    background: #16752c;
    border-color: #fff;*/
    font-size: 13px;
    padding: 10px 20px;
}
#headerNavigation .flyout li.active a,
#headerNavigation .flyout li.active a:hover {
    color: #fff;
    background: #406EA7;
}
#headerNavigation .flyout .flyout {
    left: 248px;
    top: 100%;
    margin-top: -173px;
}
#headerNavigation .flyout .flyout li a {
    color: #555555;
    background: #F2F2F2;
}
#headerNavigation .flyout .flyout li.active a,
#headerNavigation .flyout .flyout li.active a:hover {
    color: #fff;
    background: #16752c;
}
#headerNavigation .flyout .flyout li a:hover {
    background: #EBEBEB;
}
#headerNavigation > li.has-flyout > a:first-child:after {
    border: none !important;
}
#headerNavigation > li.has-flyout > a:first-child {
    padding-right: 20px;
}

/* Meniu */
#menu_bottom {
    background: #2b4f7b;
    min-height: 55px;
    text-align: center;
}
#menu_bottom a {
    color: #fff;
    line-height: 55px;
    font-size: 15px;
    padding: 0 30px;
    border-right: 1px solid #fff;
}
#menu_bottom a:hover, #menu_bottom a.active {
    text-decoration: underline;
}
#menu_bottom a:last-child {
    border-right: none;
}

/* Columns */
#slider {
    margin-bottom: 5px;
}
#left_column {
    width: 125px;
    margin-right: 5px;
    float: left;
}
#center_column {
    float: left;
    width: 765px;
    padding: 10px 20px 20px 20px;
    background: #fff;
}
#right_column {
    float: left;
    width: 300px;
    margin-left: 5px;
}


/* Button */
.blue_btn {
    background: #2b4f7b;
    color: #fff;
    padding: 7px 20px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.blue_btn:hover {
    background: #406ea7;
    color: #fff;
}
.blue_btn:focus {
    color: #fff;
}

.blue_btn.gray {
    background: #aaa;
}
.blue_btn.gray:hover {
    background: #ccc;
}

/* Newsletter */
.newsletter {
    margin-bottom: 15px;
}
.newsletter .email {
    border: none;
    border-radius: 0;
    padding-left: 15px;
    height: 36px;
    line-height: 36px;
    background: #d9e2ed;
}
.newsletter .submit {
    border: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url('../../img/submit.jpg') no-repeat;
}
.newsletter a {
    color: #fff;
}
.newsletter a:hover {
    text-decoration: underline;
}


/* Pagination */
ul.pagination li.current a,
ul.pagination li.current a:hover {
    background: #2B4F7B;
}
ul.pagination li a:hover {
    background: #406EA7;
    color: #fff;
}
ul.pagination li.unavailable a:hover {
    color: #555555;
}

/* Observations column */
.observe_box {
    /*border: 1px solid #ccc;*/
    padding: 10px;
    margin-bottom: 5px;
    background: #fff;
}
.observe_box .title {
     color: #2b4f7b;
     font-size: 18px;
     margin-top: 0px;
     font-weight: 400;
}
.observe_box .one_row .date {
    float: left;
    margin: 0 15px 7px 0;
}
.observe_box .one_row .name {
   
}
.observe_box .actions {
    margin-top: 5px;
}
.no-margin {
    margin: 0px;
}
.big {
    height: 180px;
}

#observations_container {
    position: relative; 
    padding: 0px 10px;
    max-height: 500px;
    overflow: hidden;
}
#lofk_desc div {
    padding: 10px 0; 
}

.loading {
    margin: 0 auto 10px auto;
    display: none;
    width: 32px;
    height: 32px;
    background: url('../../img/ajax-loader.gif') no-repeat;
}

#images_container {
    margin-top: 10px;
}

.red {
    color: #f10000;
}

.main-banner li {
    position: relative;
    text-align: center;
}
.main-banner li a.on_flash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: 999;*/
}


.select.error {
    margin-top: 0px;
}

/* -----------------------------------------
   Mobile
----------------------------------------- */

@media only screen and (max-width: 767px) {
    #center_column, #left_column, #right_column {
        padding: 0px;
        margin-left: 0px;
    }
    #carousel {
        margin-right: 0px !important;
        margin-left: 40px !important;
        padding-left: 50px !important; 
    }
    
    #carousel img {
        margin: 0 0 0 22px !important;
    }
    
    .theme-light a.nivo-nextNav,
    .theme-light a.nivo-nextNav:hover {
        bottom: 10% !important;
    }
    .theme-light a.nivo-prevNav,.theme-light a.nivo-prevNav:hover {
        bottom: 10% !important;
    }
    
    #headerNavigation {
        height: auto;
    }
    
    .observe_box {
        margin-top: 10px;
    }
    .footer .add_pad {
        padding-right: 15px;
    }
    .observe_box .actions {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}