/* 
    Document   : general
    Created on : 02.11.2021
    Author     : milan.puta
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/******** OBJECTS SETTING ******/
body { 
    font-family: 'Blinker', sans-serif; 
    font-size: 23px; 
    color: #303030;
    font-weight: 400;
    max-height: 100%;
    background-color: #bfaa7a;
    /* background-image: url('./_images/1obec_bg.png'); */
}

/* [LINKS GENERAL] */

a, a:before, a img.img_lupa, .notams_homepage_items > div h3 a, .notams_homepage_items > div h3 a:before, .footer_links, .footer_links:before, .copyright:last-child a {
    -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
}  

a   { 
    color: #ec6a00; 
    display: inline-block; 
    position: relative; 
    font-weight: 400;
}
a:hover { 
    color: #ec6a00; 
    text-decoration: none; 
}

a:focus {
    color: #ec6a00;
}

.homepage a:after, .mainPanelRight a:after  { 
    background: none repeat scroll 0 0 transparent; 
    bottom: 0; 
    content: ""; 
    display: block; 
    height: 2px; 
    left: 0%; 
    position: absolute; 
    background: #ec6a00; 
    transition: width 0.2s ease 0s, left 0.2s ease 0s; 
    width: 0; 
    color: #ec6a00; }

.homepage a:hover:after, .mainPanelRight a:hover:after { 
    width: 100%; 
    left: 0; 
}  

.notams_homepage_item a:hover:after, .notams_item a:hover:after, a.fc-event:hover:after, a[data-lightbox='image']:hover:after {
	display: none;
}

/* .notams_item a:after, .notams_homepage_item a:after {
    height: 8px;
    background: #6a583d;
    transition: width 0.8s ease 0s, left 0.8s ease 0s; 
} */

.contact_homepage_inside a {
    color:rgb(245, 245, 245);
    font-weight: 600;
}

.contact_homepage_inside a:after {
    background: rgb(245, 245, 245);
}

/* MAIN TITLE */
h2.title {
    font-size: 1.3em;
    font-weight: 600;
    border-left-width: 6px;
    border-left-style: solid;
    padding: 8px 18px;
    margin: 20px 0px;
    margin-left: 5px;
    text-transform: uppercase;
}

strong { 
    display: inline !important;
    font-weight: 600;
}

/********** [FORMS] **********/

.panelFormu {
    padding: 10px; 
    border: 1px solid #e2e2e2; 
    border-radius:10px; 
    margin: 10px 0px; 
    background-color: #f8f8f8;
    display: flex;    
}

form {
    /* border: 1px solid blue;  */
    width: 100%;
}
label { 
    font-size: 0.9em; 
    font-weight: 600; 
}

label.control-label { 
    font-weight: 600; 
    font-size: 0.9em; 
}

form input[type='radio'] { margin: 7px; }

/* BUTTONS */
.button {
    padding:0.7em 1.2em;
    margin:0 0.3em 0.3em 0;
    border-radius:6px;
    border: 0px solid #e8423d;
    text-decoration:none;
    text-transform: uppercase;
    font-weight:300;
    text-align:center;
    transition: all 0.3s;
    font-size: 0.9em;
}

.button1{
    color: rgb(245, 245, 245);
    background-color: #6a583d;
    font-weight: 300;

}

.button1:hover{
    color:#fff;
    background-color:#4e412d;
}

.button2{
    color: rgb(245, 245, 245);
    background-color: #6a583d;
    font-size: 1.0em;
}

.button2:hover{
    color:#fff;
    background-color:#493d2b;
}

.button3{
    color: rgb(245, 245, 245);
    background-color: #d47d1e;
    font-weight: 300;

}
.button3:hover{
    color:#fff;
    background-color: #ad671b;
}

.button4{
    color: rgb(245, 245, 245);
    background-color: #83603a;

    font-size: 1.0em;
}

.button4:hover{
    color:#fff;
    background-color:#975a19;
}

.button5{
    color: rgb(245, 245, 245);
    background-color: #675734;

    font-size: 1.0em;
}

.button5:hover{
    color:#fff;
    background-color:#4d4127;
}

.button6 {
    color: rgb(29, 29, 29);
    background-color: #f2f2f2;
    font-weight: 300;
    border: 1px solid #e0e0e0;
}

.button6:hover{
    color:rgb(29, 29, 29);
    background-color:#e0e0e0;
    /* border-color: #b8ad9a; */
}

.button7 {
    color: #fff;
    background-color: #727272;
    font-weight: 300;
    border: 0px solid #868686;
}

.button7:hover{
    color:#fff;
    background-color:#5c5c5c;
    /* border-color: #b8ad9a; */
}

.updated {
    font-size: 0.9em;
    color:rgb(95, 95, 95);
    text-align: right;
    margin-top: 20px;
}

/****** TOP CONATINER ******/
.topBackground {
    border: 0px solid green; 
    background-image: url('./_images/obec_bg.png'); 
    background-position: center center;
    background-color: #bfaa7a;
    background-repeat: no-repeat; 
    height: 1080px; 
}

.topstrip {
    border: 0px solid green; 
    color: #ffffff;
    font-size: 1.15em;
    height: 90px;
}

.topstrip > div:nth-child(1) {
    padding: 28px 0px 0px 20px;
}

/* .topstrip > div:nth-child(2) {
    padding: 28px 0px 0px 20px;
    font-weight: 600;
} */

.topstrip > div:nth-child(2) {
    padding: 20px 0px 0px 0px;
    font-size:  1.6em;
    font-weight: 600;
}

.topstrip > div:nth-child(2) img {
   margin-top: -6px;
}

.topstrip > div:nth-child(2) sup {
    font-size:  0.6em;
    font-weight: 300;
}

.img_lupa {
    padding-right: 50px;
}

a img.img_lupa {
   opacity: 0.92;
}

a:hover img.img_lupa {
    opacity: 1.0;
    
}

/* .topstrip a:after { 
    background: none repeat scroll 0 0 transparent; 
    bottom: 5; 
    content: ""; 
    display: block; 
    height: 5px; 
    left: 0%; 
    position: absolute; 
    background: #ec6a00; 
    transition: width 0.2s ease 0s, left 0.2s ease 0s; 
    width: 0; 
    color: #ec6a00; 
    opacity: .8;
}

.topstrip a:hover:after { 
    width: 50%; 
    left: 0; 
}   */

/****** MAIN LOGO CONTAINER ******/

.mainLogo {
    height:150px;
    border: 0px solid red;
    font-size: 3.95em;
    line-height: 0.78em;
    color: #fff;
    padding-top: 28px;
}

.mainLogo span {
    font-size: 0.83em;
    font-weight: 100;
}

.mainLogo img {
    padding-right: 50px;
    float:inherit;
    cursor: pointer; 
}

.mainLogo .obec {
    padding-top: 8px;
    float:inherit; 
}

.mainLogo .obec > a, .mainLogo .obec > a:hover, .mainLogo .obec > a:visited {
    color: #fff;
    text-decoration: none; 
}

/****** NOTAMS CONTAINERS ******/

/* HOMEPAGE */
.notams_homepage {
    background-color: #e0d5be;
    height: 520px;
    margin-top: -520px;
    padding: 0px 20px;
}

.notams_homepage_footer {
    background-color: #bfaa7a;
    height: 160px;
    text-align: center;
}

.notams_homepage_footer > .container {
    padding: 0;
}

.notams_homepage_footer .inside{
    background-color: #aa986e;
    height: 120px;
    padding-top: 30px;
}

h2#notams_homepage {
    border-color: #6a583d;
}

.notams_homepage_items {
    padding: 0;
    margin: 0;
    padding-top: 5px;
    border: 0px solid red;
}

.notams_homepage_items > div {
    padding: 0;
    margin: 0;
    padding: 5px;
}

.notams_homepage_item a {
    height: 400px;
    background: rgb(247, 247, 247);
    color:#292929; 
}

.notams_homepage_item a:hover { 
    background-color: #493d2b; 
    color: #fff;
    text-decoration: none;
}

/* .notams_homepage_item:hover {
    height: 400px;
    background-color: #6a583d;
    border: 0px solid red;
    color: #fff;
}

.notams_homepage_item h4 a, .notams_homepage_item h4 a:visited { 
    color: inherit;  
} */

.notams_homepage_item > a > p {
    font-size: 0.8em;
    margin-top: 8px;
    padding-left: 10px;
    font-weight: 300;
}

.notams_homepage_item > p span {
    font-size: 0.8em;
    color:rgb(88, 88, 88);
}

.notams_homepage_items > div h3 {
    padding: 0 10px;
    margin: 0;
    margin-top: 10px;
    font-size: 0.9em;
    font-weight: 400;
    text-align: justify;
    /* height: 155px;
    background-color: rgb(252, 252, 252); */
}



/* .notams_homepage_items > div > div {
    text-align: center;
} */

.notams { 
    margin-bottom: 10px; 
    margin-top: 20px;
}

.notams_item a { 
    margin-bottom: 10px; 
    padding-left: 0px; 
    min-height: 60px; 
    background: rgb(247, 247, 247);
    color:#292929; 
}

.notams_item a:hover { 
    background-color: #493d2b; 
    color: #fff;
}

/* .notams_item a:hover:after { 
    display: none; 
} */

.notams_title { 
    font-size: 1.0em; 
    font-weight: 400;
}

.notams_time { 
    padding: 10px 0px 10px 0px; 
    font-size: 0.9em; 
    font-weight: 300; 
}

.notams_item img { 
    width: 100%; padding: 0; margin: 0;  
}

.notams_itemIMG { 
    padding: 0; margin: 0;
}

.notam {
    padding: 10px;
}

.notam time { 
    color: rgb(88, 88, 88);
    font-size: 1.0em; 
    font-weight: 300; 
}

.notam h3 { 
    font-size: 1.3em; 
    text-align: justify; 
    margin-bottom: 25px;
    margin-top: 8px;
    border-top: 0px solid #e3e6e8; 
    padding-top: 25px;
}

.notam .text { 
    text-align: justify; 
}

.comm_info, .commBlock { 
    margin-top: 25px;
    padding: 10px;
    border-radius: 6px;
    font-size: 0.9em; 
    background-color:rgb(243, 243, 243);
    color: #252525;
}

.commItem   { 
    background-color: #fff; 
    margin-top: 10px; 
}

.commItem > .name { 
    
    padding: 10px 0px 0px 10px; 
}

.commItem > .date {
    font-size: 0.9em;
    color:rgb(88, 88, 88);
    padding: 2px 10px 10px 10px;
}


.commItem .text { 
    border-top: 1px solid #e9e9e9;
    padding: 10px; 
}

.img_illustration {
    display:block;
    float:right;
    position:relative;
    margin-top:5px;
    margin-left:25px;
    overflow:hidden;
}

.img_illustration:after {
    display:block;
    content:"+";
    position:absolute;
    right:0px;
    bottom:-40px;
    padding:4px 0px;
    font-size:18px;
    color:#fff;
    background:#133a82;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.img_illustration img {
    display:block;
    max-width:325px;
}

/****** BOARD + EVENTS + INSIDE PANELS ******/
.panel { 
    padding: 10px; 
    border: 1px solid #e0dbd0; 
    border-radius:6px; 
    margin: 10px 0px; 
    background-color: #f9f7f4;
    display: flex;
}

.panel:nth-child(even) {
    background-color: #f9f7f4;
}

.panel.homepage {
    background-color: #fff;
    border: 0;
}

.panel:last-child {
    margin-bottom: 30px;
}

.panel button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.panel > div > h3 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 1.05em;
    color: #303030
}

.panel > div > div {
    font-size: 0.9em;
    font-weight: 300;
    
}

.mainPanel {
    background-color: #fff;
    margin-top: -520px;
    padding: 0;
}

.mainPanel > .top {
    width: 100%;
    margin: 0;
    padding: 20px 15px;
    color: #fff;
    /* text-align: right; */
    /* border: 1px solid blue; */
}

.mainPanel > .top#OU {
    background-color: #8a733f;
    border-bottom: 10px solid #655532;
}

.mainPanel > .top#VCAS {
    background-color: #b9844b;
    border-bottom: 10px solid #83603a;
}

.mainPanel > .top#OBEC {
    background-color: #6a583d;
    border-bottom: 10px solid #594a34;
}

.mainPanel > .top > .left {
    text-align: left;
    margin: 0;
    padding: 0;
}

.mainPanel > .top > .left > h1 {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-weight: 600;
}

.mainPanel > .top > .right {
    text-align: right;
    padding-top: 20px;
}
.mainPanel > .top > .right > h4 {
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    font-weight: 300;
    /* background-color: #655532; */
    /* padding: 15px 15xp; */
}

.mainPanel > .top > .right > h4 span {
    font-weight: 300;
}

.mainPanel > h2 { 
    margin: 30px 25px; 
    /* padding: 30px 0px 30px 0px;  */
    /* border: 1px solid red; */
    /* border-bottom: 1px solid #e3e6e8;  */
    border-left: 8px solid #606978; 
    padding: 10px 20px;

    color: #606978; 
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
}

.mainPanel hr { 
    margin: 30px 25px 0px 25px;
    border: 0; 
    border-bottom-width: 1px;
    border-bottom: 1px solid #e3e6e8; 
}

.mainPanelLeft { 
    padding-left: 25px;
    /* border: 1px solid red; */
}

.mainPanelRight { 
    font-size: 0.9em;
    padding: 0px 25px 30px 25px;
    border: 0px solid green;
    text-align: justify;
    
}

.mainPanelRight hr { 
    margin: 30px 25px 0px 25px;
    border: 0; 
    border-bottom-width: 1px;
    border-bottom: 1px solid #e3e6e8; 
    
}

.mainPanelRight div.block { 
    padding: 5px;
    background-color: #f4f0e2;
    border-bottom: 2px solid #d1cbb3;
}

.mainPanelRight div.block:nth-child(odd) { 
    background-color: #e9d9b8;
   
}

.mainPanelRight h2 { 
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 25px;
    color: #606978;
}

.mainPanelRight h3 { 
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 25px;
    color: #606978;
}

.mainPanelRight h4 { 
    font-weight: 600;
    font-size: 1.1em;
    margin-top: 5px;
    color:rgb(77, 65, 58)
}

.mainPanelRight > table { 
    margin: 15px 0px; 
}

.mainPanelRight > table tr td { 
    padding: 5px; 
}

.mainPanelRight table.mainRight {
    width:100%;
    margin-bottom: 35px;
    border:none;
    border-bottom:3px solid #d1cbb3;
}

.mainPanelRight table.mainRight th, .mainPanelRight table.mainRight td {
    line-height:1.5em;
    padding:10px 10px;
    text-align:left;
    border-top:none;
    border-bottom:none;
}

.mainPanelRight table.mainRight tr td address { 
    vertical-align: middle; 
    padding: 10px; 
    margin: 0;  
}

.mainPanelRight table.mainRight th {
    background:#585246;
    color:#f4f0e2;
    font-weight: 400;
}

.mainPanelRight table.mainRight tr:first-child th:first-child {
    border-left:none;
}

.mainPanelRight table.mainRight td {
    border:1px solid #d1cbb3;
}

.mainPanelRight table.mainRight td strong {
    font-weight:600;
}

.mainPanelRight table.mainRight td:first-child {
    border-left:none;
}

.mainPanelRight table.mainRight td:last-child {
    border-right:none;
}

.mainPanelRight table.mainRight tr:nth-child(odd) td {
    background:#f4f0e2;
}

.mainPanelRight table.mainRight tr:nth-child(even) td {
    background:#e9d9b8;
}

.mainPanelRight table.mainRight tr:nth-child(even) td:first-child {
    border-left:none;
}

.mainPanelRight table#zast td:first-child {
    border-right:none;
}

.mainPanelRight table#zast td:last-child {
    border-left :none;
}
/****** BOARD CONTAINERS ******/

/* HOMEPAGE */
.board_background {
    background-color: #594a34;
    /* border: 1px solid greenyellow; */
}

.board_homepage {
    background-color: #6a583d;
    margin-top: 0px;
    /* border: 1px solid red; */
    padding: 0px 20px;

}

.board_homepage_footer {
    background-color: #9a865f;
    height: 160px;
    text-align: center;
}

.board_homepage_footer > .container {
    padding: 0;
}

.board_homepage_footer .inside{
    background-color: #aa986e;
    height: 120px;
    padding-top: 30px;
}


h2#board_homepage {
    border-color: rgb(236, 236, 236);
    color: rgb(236, 236, 236);
}

.remarks {
    margin-bottom: 20px;
    text-align: justify;
}

/****** EVENT CONTAINERS ******/

/* HOMEPAGE */
.event_background {
    background-color: #83603a;
}

.event_homepage {
    background-color: #b9844b;
    margin-top: 0px;
}

.event_homepage_footer {
    height: 120px;
    background:rgba(185, 132, 75, 0.44);
    text-align: center;
    padding-top: 30px;
}

.event_homepage_footer > .container {
    padding: 0;
}

h2#event_homepage {
    border-color: rgb(243, 242, 242);
    color: rgb(250, 250, 250);
}

.event_calendar {
    background-color: #d47d1e;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.1em;
    box-shadow:0px 3px 3px rgba(0, 0, 0, 0.45);
}

.event_calendar p {
    font-size: 1.7em;
    line-height: 0.65em;
    padding: 0px 0px 10px 0px;
    margin: 0;
}

/* NO HOMEPAGE */

#calendar {
    padding: 0px 10px;
    margin-top: 20px;
}

.category_color		{ 
    margin-top: 10px;
    margin-left: 10px;
    padding: 0px 10px; 
    font-size: 0.9em; 
    color:rgb(88, 88, 88); 
} 

.event {
    padding: 10px;
}

.event h3 { 
    font-size: 1.3em; 
    text-align: justify; 
    margin-bottom: 25px;
    margin-top: 25px;
    border-top: 0px solid #e3e6e8; 
    padding-top: 25px;
    font-weight: 600;
}

/****** CONTACT CONTAINERS *****/
/* HOMEPAGE */
.contact_background {
    background-image: url('./_images/kontakty_bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #b2a485;
    height: 924px;
    margin-top: -120px;
    
}

.contact_homepage_head {
    background-color: #675735;
    margin-top: 95px;
    height: 90px;
    border: 0px solid red;
}

.contact_homepage_head > div {
    /* margin-left: -14px; */
    border: 0px solid red;

}

.contact_homepage_inside {
    background-color: #8a7441;
    height: 400px;
    border: 0px solid red;
    color: #fff;
    font-size: 1.1em;
    
}

.contact_homepage_inside > div {
    margin: 0;
    padding: 0;
    padding-top: 55px;
    border: 0px solid red;
}

.contact_homepage_inside > div:first-child {
    padding-left: 25px;
}

.contact_homepage_inside > div:last-child {
    padding-left: 10px;
}

.contact_homepage_inside > div h2 {
    font-size: 1.0em;
    margin-top: auto;

}

.contact_homepage_inside > div > p {
    margin-top: 45px;
}

.contact_homepage_footer {
    /* background-color: #675735; */
    height: 120px;
    text-align: center;
    padding-top: 30px;
    background: rgba(103, 87, 53, .44);
}

h2#contact_homepage_left {
    border-color: rgb(236, 236, 236);
    color: rgb(236, 236, 236);
   
}   

h2#contact_homepage_right {
    border-color: rgb(236, 236, 236);
    color: rgb(236, 236, 236);
    
}

/********** [PHOTO] **********/
.photoItem { 
    margin-bottom: 10px; 
    padding: 0px;
    padding-right: 0px;
}

.photoItem:last-child { 
    padding-right: 0px;
}

/****** FOOTER CONTAINERS ******/
.footer_background {
    background-color: #896a4c;
}

.footer {
    padding: 30px 10px 20px 10px;
    font-size: 0.9em;
    font-weight: 300;
}

.footer > div > img {
    padding-top: 30px;
    float: left;
    cursor: pointer;
}

.footer > div > div.obec_bw {
    padding-top: 45px;
    float:left;
    font-size: 2.8em;
    line-height: 0.85em; 
    padding-left: 20px;
    color: rgb(236, 236, 236);
    
}

.footer > div > div.obec_bw span {
    font-size: 0.9em;
    font-weight: 100;
}

.footer > div > div.obec_bw a,  .footer > div > div.obec_bw a:hover, .footer > div > div.obec_bw a:visited {
    color: rgb(236, 236, 236);
    text-decoration: none;
}

.footer_center {
    padding-left: 60px;
}

.footer_links {
    border-left: 5px solid #caaf93;
    padding-left: 20px;
    line-height: 0.9em;
}

.footer_links:hover {
    border-color: #fff8f1;
}

.footer_links a {
    color: #ffebdd;
}

.footer_links a:hover {
    color: #fff8f1;
}

.copyright_background {
    background-color: #bfaa7a; 
}

.copyright {
    padding: 10px 0px;
    font-weight: 300;
    font-size: 0.9em;
}

.copyright:last-child {
    padding: 12px 0px;
    font-weight: 400;
    font-size: 0.8em;
    color:#3d3d3d;
}

.copyright:last-child a {
   color:#eeeeee;
}

.copyright:last-child a:hover  {
    color:#ffffff;
 }

/********** [STRÁNKOVÁNÍ] **********/
.pagination { 
    margin-top: 30px; 
    display: inline-block; 
    width: 100%; 
    text-align: center; 
    font-size: 0.9em; 
    font-weight: 400;
}

.pagination .links, .pagination .results { 
    padding: 9px;
}

/*.pagination .links { }*/

.pagination .links a { 
    border: 1px solid #CCCCCC; 
    padding: 4px 7px; 
    text-decoration: none; 
    color: #131313; 
    background: rgb(229,229,229); 
    -webkit-border-top-left-radius: 4px; 
    -webkit-border-top-right-radius: 4px; 
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-radius-topleft: 4px; 
    -khtml-border-radius-topright: 4px; 
    -khtml-border-radius-bottomleft: 4px;
    -khtml-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px; 
    -moz-border-radius-topright: 4px; 
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; 
}

.pagination .links a:hover { 
    background: #F1F1F1; 
}

.pagination .links a:hover:after { 
    display: none; 
}

.pagination .links strong { 
    border: 1px solid #CCCCCC; 
    padding: 4px 7px; 
    text-decoration: none; 
    color: #000000; 
    background: #FFFFFF; 
    -webkit-border-top-left-radius: 4px; 
    -webkit-border-top-right-radius: 4px; 
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-radius-topleft: 4px; 
    -khtml-border-radius-topright: 4px; 
    -khtml-border-radius-bottomleft: 4px;
    -khtml-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px; 
    -moz-border-radius-topright: 4px; 
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; 
}

/********** [BACK TO TOP BUTTON] **********/
.back-to-top { 
    position: fixed; 
    height: 75px; 
    width: 75px; 
    bottom: 1em; 
    right: 10px; 
    background: url('./_images/top.png') no-repeat; 
    padding: 1em; 
    display: none; 
}

.back-to-top:hover { 
    position: fixed; 
    height: 75px; 
    width: 75px; 
    bottom: 1em; 
    background: url('./_images/top_over.png') no-repeat; 
    padding: 1em; 
    display: none; 
}

.back-to-top:after { 
    background: grey; 
    height: 2px; 
}

/********** [GOOGLE RECAPTCHA V3 POSITION] **********/
.grecaptcha-badge { 
    bottom:120px !important; 
}



/****** GOOGLE SEARCH ******/
/* #more                         { width:100%; height:25px; background:url('./_images/button14.gif') no-repeat; cursor:pointer; margin:40px auto; }
#more:hover                   { }
#more1                        { width:106px; height:25px; background:url('./_images/button14_A.gif') no-repeat; cursor:pointer; margin:40px auto; }
#more1:hover                  { }
.webResult p                  { border-bottom: 1px dotted rgb(60,60,60); padding-bottom: 15px; }
.searchInputPanel             { padding: 110px 0px 10px 0px; }  
.searchInput                  { border: 3px solid rgb(114, 0, 0); 
                                background: url('./_images/lupa.png') #fff 3px 50% no-repeat; color: rgb(50,50,50); 
                                margin-right: 5px; }  */


/***** XS ********************************************************************************************/
@media (max-width: 767px) {
    body {
        font-size: 19px;
    }

    table tr td { padding: 2px; }

    .container {
        width: 100%;
        max-width: none;
    }

    .container-fluid > .container {
        width: 100%;
        max-width: none;
    }

    /* .button1, .button3{
        padding: 0.8em;
        font-size: 1.1em;
    } */

    .back-to-top { 
        height: 50px; 
        width: 50px; 
        background: url('./_images/top_xs.png') no-repeat; 
    }
    
    .back-to-top:hover { 
        height: 50px; 
        width: 50px; 
        background: url('./_images/top_over_xs.png') no-repeat; 
    }

    .grecaptcha-badge { 
        bottom:80px !important; 
    }

    .topBackground {
        background-image:none; 
        background-color: #7e644b;
        /* border: 1px solid blueviolet; */
        height: 75px;
    }

    .topBackground img {
        float:left;
        padding-left: 0px;
        padding-top: 5px;
    } 
    
    .obec {
        line-height: 0.85em; 
        padding-right: 0px;
        font-size: 1.9em;
        padding-top: 8px;
        color: #fff;
    }
        
    .obec span {
        font-size: 0.9em;
        font-weight: 200;
    }

    .obec > a {
        color: #fff;
        text-decoration: none; 
    }
    
    .obec > a:hover {
        color: #fff;
        text-decoration: none; 
    }
    
    .obec > a:visited {
        color: #fff;
    }
        
    
    .notams_homepage {
        height: auto;
        /* border: 1px solid green; */
        margin: 0;
        padding: 0;
    }

    .notams_homepage h2 {
        margin-left: 15px;
    }

    .notams_homepage_item {
        text-align: center;
        margin-bottom: 5px;
    }

    .notams_homepage_item a {
        height:auto;
    }

    .notams_homepage_item > a > p {
        font-size: 1.1em;
        font-weight: 300;
        text-align: center;
        margin: 0;
        padding: 5px 0px;
    }
    
    .notams_homepage_item > a > h3 {
        padding: 0px 10px 20px 10px;
        font-size: 1.1em;
        font-weight: 400;
        text-align: center;
        margin: 0;
        border-bottom: 0px solid #e0d5be;
    }
    
    .notams_homepage_footer {
        height: auto;
        background-color: #e0d5be;
    }
    
    .notams_homepage_footer .inside{
        height: auto;
        background-color: transparent;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .notams {
        padding: 0;
    }
    .notams_item {
        padding: 0;
        margin: 0;
    }

    .notams_item a { 
        margin-bottom: 5px; 
        padding-bottom: 10px;
    }

    .notams_time { 
        padding: 10px 0px 10px 0;
        font-size: 1.0em; 
        font-weight: 300;
    }

    .notams_title {
        font-size: 1.2em;
    }

    .notam {
        border: 0px solid blue;
        padding: 10px 0px;
    }
    
    .panel {
        display: block;
    }
    .panel > div > h3 {
        font-size: 1.1em;
    }
    
    .panel > div > div {
        font-size: 1.0em;
    }

    .panel > div.btn {
        text-align: right;
        padding: 15px 0px 0px 0px;
    }

    .panel button {
        position: inherit;
        top: inherit;
        transform: none; 
    }

    .mainPanel {
        margin-top: 0px;
        padding: 0;
        font-size: 1.1em;
    }

    .mainPanel > h2 { 
        margin: 20px 10px; 
        padding: 10px 10px;
        font-size: 1.4em;
    }

    /* .mainPanel hr { 
        margin: 30px 10px 0px 10px;
    } */

    .mainPanelRight {
        padding: 0px 10px 20px 10px;
    }

    

    .board_background {
        margin: 0;
        padding: 0;
        /* border: 1px solid red; */
    }

    .board_homepage {
        background-color: #6a583d;
        margin-top: 0px;
        /* border: 1px solid red; */
        padding: 0px 10px;
    
    }

    .board_homepage_footer {
        margin: 0;
        padding: 0;
        /* border: 1px solid red; */
        height: auto;
    }

    .board_homepage_footer .inside{
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .event_background {
        margin: 0;
        padding: 0;
        /* border: 1px solid red; */
    }

    .event_homepage {
        margin-top: 0px;
        /* border: 1px solid red; */
        padding: 0px 10px;
    }

    .event_homepage_footer {
        height: auto;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .event_homepage_footer .inside{
        height: auto;
        padding-top: 10px;
    }

    .contact_background {
        height: auto;
        margin-top: 0;
        
    }

    .contact_homepage_head {
        margin-top: 20px;
        height: 80px;
        /* border: 1px solid green; */
        padding-left: 0px;
    }

    .contact_homepage_inside {
        height: auto;
        /* border: 1px solid blue; */
        font-size: 1.1em;
        padding: 15px 0px;
        
    }

    .contact_homepage_inside > div {
        margin: 0;
        padding: 0;
        padding-top: 0;
        /* border: 1px solid red; */
    }

    .contact_homepage_footer {
        height: auto;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .footer {
        font-size: 1.1em;
    }

    .footer_center {
        padding-left: 0px;
        margin-bottom: 25px;
    }

    @media (max-width: 499px) { 
        body {
            font-size: 18px;
        }

    }
} 

/***** SM *******************************************************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {

    body {
        font-size: 20px;
        background-color: #bfaa7a;
    }

    .topBackground {
        background-image: url('./_images/obec_bg_sm.png');
        background-color: #bfaa7a; 
        border: 1px slateblue solid;
        height: 935px;
    }   
    
    .mainLogo {
        height: 160px;
        border: 0px solid red;
        font-size: 3.5em;
        line-height: 0.78em;
        color: #fff;
        padding-top: 20px;
    }
    
    .mainLogo span {
        font-size: 0.73em;
        font-weight: 100;
    }
    
    .mainLogo img {
        padding-right: 30px;
        float:inherit; 
    }
    
    .mainLogo .obec {
        padding-top: 10px;
        float:inherit; 
    }

    .notams_homepage {
        height: auto;
        padding-bottom: 20px;
    }

    .notams_homepage_item {
        background-color: #fff;
        /* border: 1px solid red; */
        height:auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .notams_homepage_item a {
        height:auto;
    }

    /* .notams_homepage_item a:hover { 
        background: #493d2b; 
        color: #fff;
        text-decoration: none;
    } */

    .notams_title {
       padding: 0px;
    }

    .notams_homepage_item > a > p {
        font-size: 1.1em;
        /* color:rgb(92, 92, 92);  */
        font-weight: 300;
        text-align: center;
        margin: 0;
        padding: 5px 0px;
    }
    
    .notams_homepage_item > a > h3 {
        padding: 0px 10px 20px 10px;
        font-size: 1.1em;
        font-weight: 400;
        text-align: center;
        margin: 0;
        border-bottom: 0px solid #e0d5be;
    }
    
    .notams_homepage_footer {
        height: auto;
        background-color: #bfaa7a;
    }
    
    .notams_homepage_footer .inside{
        height: auto;
        background-color: transparent;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .notam {
        border: 0px solid blue;
        padding: 10px 0px;
    }
    
    .notam time { 
        color: rgb(88, 88, 88);
        font-size: 1.0em; 
        font-weight: 300; 
    }
    
    .notam h3 { 
        font-size: 1.3em; 
        text-align: justify; 
        margin-bottom: 25px;
        margin-top: 8px;
        border-top: 1px solid #e3e6e8; 
        padding-top: 25px;

        padding-left:0;
        margin-left: 0;
    }
    
    .notam .text { 
        text-align: justify; 
    }

    .mainPanelRight { 
        /* padding-left: 25px; */
        border: 0px solid red; 
    }

    .img_lupa {
        padding-right: 20px;
    }
}

/***** MD ************************************************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) { 

    body { 
        font-size: 22px;
    }

    h2.title {
        padding: 6px 18px;
    }

    .topBackground {
        background-image: url('./_images/obec_bg_sm.png'); 
        height: 935px;
    }

    .mainLogo {
        height: 210px;
        border: 0px solid red;
        font-size: 3.5em;
        line-height: 0.78em;
        color: #fff;
        padding-top: 20px;
    }
    
    .mainLogo span {
        font-size: 0.73em;
        font-weight: 100;
    }
    
    .mainLogo img {
        padding-right: 30px;
        float:inherit; 
    }
    
    .mainLogo .obec {
        padding-top: 3px;
        float:inherit; 
    }

    .notams_homepage {
        margin-top: -500px;
        padding: 0px 20px;
        height: 500px;
    }

    .notams_homepage_item {
        height: 365px;
    }

    .img_lupa {
        padding-right: 25px;
    }

}

/***** LG *********************************************************************************************/
@media (min-width: 1200px) { 


}

/***** > FHD resolution background ********************************************************************/
@media (min-width: 1921px) {
    .topBackground {
        background-image: url('./_images/obec_bg_qhd.png'); 
    }
}