@charset "utf-8";

/*--------------------------------------------------
    Globalūs stiliai
----------------------------------------------------*/
body {
    font-family: "Source Sans Pro", sans-serif;
    color: #555555;
}

.table-container {
    overflow-x:auto;
}
table {
    border-collapse: collapse;
    margin: 16px 0px;
}
caption {
    font-weight: bold;
    border: 1px solid #555555;
    border-bottom: none;
}
th, td {
    padding: 1px 4px;
    border: 1px solid #555555;
}
th.fixed-column {
    width: 50px;
}
tr:hover td {
    background-color: #F5F5F5;
}

a {
    color: #0069da;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h1 {
    text-align: center;
    font-size: 16px;
}
p {
    text-align: justify;
}
p.footnote {
    font-size: 14px;
}
li {
    text-align: justify;
}
strong {
    font-weight: 600;
    color: #666666;
}
button {
    padding: 2px 10px;
    cursor: pointer;
    background-color: #ffffff; 
}

.date-navigation {
    margin-left: 6px;
}
.date-navigation a {
    padding: 0px 6px;
}

.message {
    padding: 6px 10px;
}

.status-info {
    color: #00529B;
    background-color: #BDE5F8;
}
.status-success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.status-warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.status-error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.status-disabled {
    color: #666666;
    background-color: #EEEEEE;
}

.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}

/*--------------------------------------------------
    Pagrindinis konteineris
----------------------------------------------------*/
.container {
    margin: 0px auto;
    max-width: 800px;
}

/*--------------------------------------------------
    Antraštė
----------------------------------------------------*/
.header {
    margin: 14px auto 14px 14px;
    text-align: left;
}
.header img {
    vertical-align: middle;
    height: 46px;
}

/*--------------------------------------------------
    Pagrindinis ir pagalbinis meniu
----------------------------------------------------*/
.menu ul {
    overflow: hidden;
    list-style-type: none;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    background-color: #eeeeee;
}
.menu li {
    float: left;
}
.menu li a {
    display: block;
    text-decoration: none;
    padding: 10px 16px;
    color: #555555;
}
.menu li a:hover {
    background-color: #cecece;
}
.menu .active-page {
    background-color: #dadada;
}

.sub-menu ul {
    overflow: hidden;
    list-style-type: none;
    margin: 10px 0px;
    padding: 0px;
    font-size: 16px;
}
.sub-menu li {
    display: inline-block;
}
.sub-menu li a {
    display: inline-block;
    text-decoration: none;
    padding: 0px 12px;
    color: #555555;
}
.sub-menu li a:hover {
    background-color: #cecece;
}
.sub-menu-active {
    font-weight: bold;
    background-color: #F5FBC6;
}

/*--------------------------------------------------
    Paraštė
----------------------------------------------------*/
.footer {
    text-align: center;
    font-size: smaller;
}

/*--------------------------------------------------
    Žemėlapiai su animacijos funkcija
----------------------------------------------------*/
#map-anim {
    margin: 0px auto;
    padding-bottom: 0px;
    text-align: center;
    max-width: 100%;
    height: auto;
}

#ma-img {
    max-width: 100%;
    height: auto;
}

#ma-nav a {
    float: left;
    width: 12px;
    height: 25px;
    margin: 1px 1px 0px 0px;
    padding: 0px;
    background-color: #252525;
}
#ma-nav a:hover, #ma-nav a.ma-nav-btn-active {
    background-color: red;
}

a#ma-bw-btn, a#ma-fw-btn  {
    display: block;
    float: right;
    width: 23px;
    height: 25px;
    margin: 1px 1px 0px 0px;
    padding: 0px;
}
a#ma-bw-btn:hover, a#ma-fw-btn:hover {
    background-color: #666666;
}
a#ma-bw-btn {
    background: #252525 url(../images/map-animation/ma-bw-btn.png) no-repeat center;
}
a#ma-fw-btn {
    background: #252525 url(../images/map-animation/ma-fw-btn.png) no-repeat center;
}

a#ma-ss-btn  {
    display: block;
    float: right;
    width: 28px;
    height: 25px;
    margin: 1px 1px 0px 2px;
    background: #252525 url(../images/map-animation/ma-play-btn.png) no-repeat center;
}
a#ma-ss-btn:hover {
    background-color: #666666;
}

/*--------------------------------------------------
    Faktiniai orai, radiozondavimas
----------------------------------------------------*/
.obs-map {
    width: 590px;
}
.obs-map img {
    border: 1px solid #808080;
}

.obs-legend caption {
    border: none;
    text-align: left;
    font-weight: normal;
}
.obs-legend td {
    border: none;
    padding: 4px 8px 4px 0px;
}

/*--------------------------------------------------
    Žaibai
----------------------------------------------------*/

.lightning {
    width: 588px;
}
.lightning img {
    border: 1px solid #808080;
}

.lightning-legend {
    width: 100%;
}
.lightning-legend caption {
    border: none;
    text-align: left;
    font-weight: normal;
}
.lightning-legend td {
    border: none;
    padding: 2px 0px 2px 6px;
}
.lightning-legend td.lightning-legend-box {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    padding: 0px;
    width: 22px;
}

/*--------------------------------------------------
    Radaras
----------------------------------------------------*/
.radar {
    width: 588px;
}

/*--------------------------------------------------
    Skaitmeninė orų prognozė
----------------------------------------------------*/
.nwp-menu ul {
    overflow: hidden;
    list-style-type: none;
    margin: 10px 0px 4px 0px;
    padding: 0px;
    font-size: 16px;
}
.nwp-menu li {
    display: inline-block;
}
.nwp-menu li a {
    display: inline-block;
    text-decoration: none;
    padding: 3px 12px;
    color: #555555;
}
.nwp-menu li a:hover {
    background-color: #cecece;
}
.nwp-menu-active {
    background-color: #FFBF00;
    font-weight: bold;
}

.nwp-map {
    width: 600px;
}

.nwp-city {
    width: 600px;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 0px;
    text-align: center;
}
.nwp-city-table {
    margin: 0 auto;
}
.nwp-city-table th, .nwp-city-table td {
    padding: 0px 5px 1px;
}
@media screen and (max-width: 600px) {
    .nwp-city-table th, .nwp-city-table td {
        padding: 1px;
        font-size: 70%;
    }
}
.nwp-city-table .day-period-night {
    background-color:#ececec;
}
.nwp-city-table .temp-positive {
    color:#ce0029;
}
.nwp-city-table .temp-negative {
    color:#3366cc;
}
.nwp-city-table .perc-positive {
    color:#3366cc;
    font-weight:600;
}
.nwp-city-table .wind-strong {
    color:#9F429F;
    font-weight:600;
}

.nwp-meteogram {
    width: 600px;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 0px;
    text-align: center;
}
.nwp-meteogram-img {
    max-width: 100%;
    height: auto;
    border: 1px solid #808080;
}