* {
    box-sizing: border-box;
}
body {
    background-color: white;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.container {
    overflow: hidden;
    background-color: #C6EBBE;
    font-family: Arial;
}
.container a {
    float: left;
    font-size: 16px;
    color: #000000;
/*    color: #2176ae; */
    text-align: center;
/*    padding: 14px 16px; */
    padding: 0px;
    text-decoration: none;
}
.dropdown {
    float: left;
    overflow: hidden;
}
.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: #000000;
/*    
    color: #2176ae;
*/
    padding: 14px 16px;
    background-color: inherit;
    -webkit-appearance: none;
}
.prepinac {float:left; width:60px; height:30px; margin:0px 5px 5px 0px; padding:0px; background-color:#0099cc; border: 1px solid #DFDFDF;}
.prepinac a {
	MARGIN: 1px 0px 1px 0px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; TEXT-DECORATION: none
}
.prepinac a:hover, a:active {TEXT-DECORATION: underline
}
.prepinac img {margin: 5px 5px 0px 2px; width:20px; height:13px;
}
.container a:hover, .dropdown:hover .dropbtn {
    background-color: #ff934f;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    float: none;
    color: black;
	 padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {
    background-color: #ddd;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.header {
    border: 1px solid #DFDFDF;
    padding: 15px;
	 background-color:#dde8ba;
    width: 100%; 
    height:95px;
    font-weight:600;
}
.ads {
    width: 25%;
    float: left;
    padding: 15px;
    border: 1px solid black;
    background-color:#cccccc;
}
.main {
    background-color:#ffffff;
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: left;
    font-size: 12px;
    padding: 15px;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    border: 0px solid black;
}

button.icon.active, button.icon:hover {
    background-color: #FFC300;
}

#overlay {
/*    position: fixed;*/
position: static;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*     background-color: rgba(243,243,243,0.9);*/
	 background-color: #ffffff;
    z-index: 2;
    cursor: pointer;
}

#panel {
    overflow: hidden;
	 position: absolute;
    top: 10%;
    left: 10%;
    font-size: 14pt;
    color: #000000;
	 background-color: rgba(243,243,243,0.9);
	 padding: 15px;
}
#panel + ul {
    background:yellow;
}
#panel + li
{
    color: #0266BB; FONT-WEIGHT:bold; font-size:12pt; line-height:30px;
}

.fieldsetContainer {
    height: 0;
    overflow: hidden;
    transition: height 100ms linear;
}

#toggle {
    display: none;
}

#toggle:checked ~ .fieldsetContainer {
    height: 50px;
}

label .arrow-dn { display: inline-block; }
label .arrow-up { display: none; }

#toggle:checked ~ label .arrow-dn { display: none; }
#toggle:checked ~ label .arrow-up { display: inline-block; }

input.fullt[type=text] {
    width:100%; 
	 height:40px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13pt;
    background-color: white;
    padding: 0px 55px 1px 5px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	 color:#000000
}

/*
input.fullt[type=text]:focus {
	 background-color: lightblue;
}
*/

input.fullt[type="submit"] {
    margin-left: -50px;
    height: 20px;
    width: 50px;
	 position:absolute; 
	 top:0; 
	 right: 0; 
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
	 height:40px; 
	 width:50px;  
	 background-image: url('/images/searchicon.png'); 
	 background-position: 10px 10px; 
	 background-repeat: no-repeat; 
	 background-color:#ffffff;
}

/* len do 600px: */
.icon {
	display: block;
	cursor: pointer;
 border: none
/*   border: 1px solid #000000;*/
    outline: none;
    transition: 0.4s;
	 font-size:45pt; 
    float:right;
    background-color: #C6EBBE;
	}

/* For mobile phones: */
[class*="col-"] {
   width: 100%;
}
[class*="skyscrap-"] {
   width: 100%; padding: 0;
}
/*podmienka: plati pre obr., kt. mensie ako 600*/
@media only screen and (max-width: 600px) {
.schovaj {display: none;}
.kurzy_s {display: none;}
}

/*podmienka: plati pre obr., kt. mensie ako 780*/
@media only screen and (max-width: 780px) {
.kurzy_v {display: none;}
}

/*podmienka: plati pre vacsie ako 600*/
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	 .icon {display: none;}
	 .kurzy_mob {display: none;}
	 .skyscrap-m {float:left; max-width:360px; border:solid 0px #000000; padding-left:30px; margin:0px 0px 20px 0px;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .kurzy_s {display: none;}
}
#search_box{width: 20px; position: relative; margin: 0; transform: rotate(36deg);}
#search{width:20px; height: 20px; border: 4px solid #000; border-radius: 14px; float: left;}
#cabe{width: 14px;display: block; border: 2px solid #000;color: #000; font-weight: bold; text-shadow: 2px 0px #000; position: absolute; top: 8px; left: 20px; font-size: 16px; border-radius: 10px;}