body,html{ font-family: 'Arial',sans-serif,serif; font-size:14px; background-color: white; color: #c8c8c8; color: black; margin: 0px; padding: 0px; } ::-webkit-scrollbar{ height: 10px; width: 10px; background-color: #EEEEEE; } ::-webkit-scrollbar-track-piece{ background-color: #CCCCCC; } ::-webkit-scrollbar-thumb{ background-color: #AAAAAA; } h1{ color: #c8c8c8; font-size: 20px; font-weight: normal; margin-top: 36px; margin-bottom: 14px; margin-left: 26px; } h2{ font-size: 14px; font-weight: normal; margin-bottom: 14px; } a{ color:#371108; } a:hover{ text-decoration:none; color:black; } a img{ border:none; } #header{ height: 63px; margin-top: 7px; margin-bottom: 9px; color: #c8c8c8; min-width: 690px; } #header .logo{ margin-top: 16px; margin-left: 8px; float: left; } #header .right{ float: right; width: 275px; margin-top: 7px; } #header .language{ margin-top: 16px; float: left; } #icons{ margin-top: 8px; float: right; } #nav{ margin-left: 350px; margin-right: 300px; } #nav a{ display: inline-block; line-height: 63px; width: 145px; border-right: 1px solid #dcdcdc; text-align: center; text-decoration: none; color: #c8c8c8; } #nav a:first-child{ border-left: 1px solid #dcdcdc; } #nav a:hover,#nav a.active{ color: black; } #content{ min-width: 690px; } .paddingIn{ padding: 8px; } .both{ clear: both; }#header .language a{ text-align: center; text-decoration: none; color: #c8c8c8;}#header .language a.active{ color: black;} #icons a{ display: inline-block; width: 35px; height: 35px; margin-right: 12px; background-position: top left; background-repeat: no-repeat; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #icons a:hover{ background-position: bottom left; } #icons a.back{ background-image: url(img/back.png); } #icons a.facebook{ background-image: url(img/facebook.png); } #icons a.google{ background-image: url(img/google.png); } #slider10points{ position: relative; z-index: 3; margin-top: -32px; } #slider10 img{ height: 100%; width: 100%; }#slider10{ position: relative; overflow: hidden;}#slider10 a{ border: none; opacity: 1.0;}#slider10 div{ position: absolute; top: 0px; left: 0px; display: none; width: 100%; height: 100%; text-align: center; }#slider10 img{ max-width: 100%; max-height: 100%; }#slider10points{ text-align: center; margin-left: auto; margin-right: auto;}#slider10points span{ display: block; width: 11px; height: 11px; background-color: black; background-color: rgba(0,0,0,0.3); padding: 0px; margin: 0px 6px; cursor: pointer; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -o-transition: 0.5s linear; -ms-transition: 0.5s linear; transition: 0.5s linear;}#slider10points span.active{ background-color: rgba(0,0,0,0.7);} #news .new{ position: relative; float: left; height: 270px; width: 25%; overflow: hidden; } #news .new.two{ width: 50%; } #news .new img{ height: 100%; width: 100%; } #news .new .border{ border: 1px solid #c8c8c8; width: 100%; height: 100%; } #news .new h2{ color: #c8c8c8; font-weight: normal; font-size: 15px; margin: 14px 23px; margin-bottom: 23px; } #news .new p{ color: #c8c8c8; font-size: 15px; margin: 14px 23px; } #adminMenu{ float: left; width: 225px; margin: 16px; } #adminMenu .button{ display: block; text-align: center; margin-bottom: 8px; } #adminObsah{ margin-left: 260px; } #inAdminObsah{ margin: 16px; } #adminLogo{ display: block; text-align: center; margin-bottom: 8px; } #adminLogo img{ width: 225px; } input, textarea, select{ padding: 5px; background-color: white; border: 1px solid #888888; border-radius: 4px; } input[readonly],textarea[readonly]{ background-color: #DDDDDD; } .hlaska{ color: green; text-align: center; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px limegreen; } .leftEdit{ float: left; width: 48%; } .rightEdit{ float: right; width: 48%; } .leftInputEdit{ float: left; width: 420px;; } .rightBlockEdit{ margin-left: 430px; } .pop{ position: fixed; z-index: 10; top:0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); overflow: auto; display: none; text-align: center; } .button,input[type=submit]{ display: inline-block; padding: 3px 6px;background: -moz-linear-gradient(top, rgba(0,0,0,0.36) 0%, rgba(255,255,255,0.36) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.36)), color-stop(100%,rgba(255,255,255,0.36))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.36) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.36) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.36) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.36) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#5cffffff',GradientType=0 ); /* IE6-8 */ background-color: rgb(182,186,12); border: 1px solid #888888; border-radius: 4px; color: black; text-decoration: none; cursor: pointer; } .button:hover,input[type=submit]:hover{background: -moz-linear-gradient(top, rgba(0,0,0,0.36) 0%, rgba(255,255,255,0.58) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.36)), color-stop(100%,rgba(255,255,255,0.58))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.58) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.58) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.58) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(0,0,0,0.36) 0%,rgba(255,255,255,0.58) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#94ffffff',GradientType=0 ); /* IE6-8 */ background-color: rgb(230,236,62); } .ko,input[type=submit].ko{ background-color: darkred; } #login{ width: 400px; margin-top: 100px; margin-left: auto; margin-right: auto; padding: 20px; border: 1px solid black; border-radius: 5px; box-shadow: 2px 2px 2px #888888; background: white; } .tabulka{ margin: 16px; color: black; } .tabulka table{ width: 100%; border-collapse: collapse; } .tabulka thead tr{ } .tabulka thead td{ background: -moz-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.41)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ background-color: rgb(182,186,12); text-align: center; font-weight: bold; padding: 3px; } .tabulka thead td:first-child{ border-radius: 8px 0px 0px 0px; } .tabulka thead td:last-child{ border-radius: 0px 8px 0px 0px; } .tabulka tbody tr:nth-child(odd){ background-color: rgba(0,0,0,0.05); } .tabulka tbody tr:hover{ background-color: rgba(0,0,0,0.1); } .tabulka tbody td{ border: 1px solid #AAAAAA; padding-left: 8px; padding-right: 8px; } .tabulka .smer{ padding-left: 8px; text-decoration: none; } .tabulka td table{ background: none; width: auto; } .tabulka td table tr{ background: none; border: none; } .tabulka td table tr:nth-child(odd){ background: none; } .tabulka td table tr:hover{ background: none; } .tabulka td table td{ background: none; border: none; } .Formular .label{ display: block; margin-top: 8px; font-weight: bold; } .Formular input, .Formular textarea, .Formular select{ width: 400px; margin-left: 16px; } .Formular textarea{ height: 90px; } .Formular input[type=submit]{ display: block; width: auto; padding-left: 16px; padding-right: 16px; margin-top: 8px; } .Formular .symbolFor{ padding-left: 6px; font-weight: bold; } .sliderEdit{ max-height: 300px; max-width: 400px; } #aboutAs{ float: left; width: 20%; } #writeAboutAs{ float: right; width: 20%; } #team{ float: left; width: 55%; } #team .avatar{ float: left; width: 150px; height: 150px; } #team .content{ margin-left: 162px; } #team h3{ font-size: 14px; font-weight: normal; margin-bottom: 0px; padding-bottom: 0px; } #team .rank{ color: #888888; font-size: 12px; } #team .bold{ color: #888888; margin-bottom: 3px; } #team .text{ color: #888888; font-size: 12px; margin-top: 0px; } #filter{ float: right; width: 300px; height: 100%; background-color: #fafafa } #filter .label{ color: #888888; font-size: 14px; font-weight: normal; } #filter input,#filter select{ color: #888888; width: 260px; background: transparent; border: none; border-bottom: 1px solid black; margin-bottom: 32px; padding-right: 0px; border-radius: 2px; } #filter input[type=submit]{ width: auto; padding-left: 16px; padding-right: 16px; margin: 0px auto; } #projects{ position: relative; margin-right: 300px; } #projects .item{ display: block; position: relative; float: left; width: 25%; height: 300px; text-decoration: none; } #projects .item img{ width: 100%; height: 100%; } #projects .item.two{ width: 50%; } #projects .item .border{ border: 1px solid #c8c8c8; width: 100%; height: 100%; } #projects .item .description{ position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: white; margin-left: 1px; margin-bottom: -1px; } #projects .item .description h2{ font-size: 14px; color: black; margin-top: 9px; margin-bottom: 2px; margin-left: 50px; } #projects .item .description .place{ font-size: 12px; color: black; margin-bottom: 16px; margin-left: 50px; } #contact{ float: left; width: 16%; } #contact h1{ font-size: 14px; margin-top: 0px; margin-left: 0px; } #maps{ float: right; width: 40%; margin-left: 4%; } #clen{ float: left; width: 40%; } #clen .avatar{ float: left; width: 150px; height: 150px; } #clen .content{ margin-left: 162px; } #clen h3{ font-size: 15px; font-weight: normal; margin-bottom: 0px; padding-bottom: 0px; margin-bottom: 29px; } #clen .tel{ color: #888888; } #clen .mail{ display: block; margin-top: 20px; color: #888888; text-decoration: none; } #project{ position: relative; float: left; width: 25%; color: #9c9c9c; font-size: 12px; padding-bottom: 40px; } #project h1{ color: black; font-size: 15px; margin-left: 0px; margin-top: 0px; }  #gallery{ float: right; width: 75%; }

 #header{
     position: fixed;
     z-index: 10;
     top: 0px;
     left: 0px;
     background-color: white;
     width: 100%;
     margin-top: 0px;
     padding-top: 7px;
     margin-bottom: 0px;
     padding-bottom: 9px;
 }
 
 #header .logo{
     margin-left: 32px;
 }
 
 #content{
     padding-top: 80px;
 }
 
 #filter{
     width: 180px;
 }
 #filter select, #filter input{
     width: 140px;
 }
 #projects{
     margin-right: 180px;
 }
 #projects .item .description .place {
  margin-bottom: 8px;
  margin-left: 8px;
}
#projects .item .description h2 {
  margin-left: 8px;
  margin-top: 8px;
}
 
#projects .navigation{ position: absolute; bottom: -30px; margin-bottom: 8px; left: 0px; width: 100%; } 
#projects .navigation .prev,#projects .navigation .next{ font-size: 15px; color: #c8c8c8; background-repeat: no-repeat; text-decoration: none; } 
#projects .navigation .prev{ background-image: url('./img/prev.png'); background-position: left center; padding-left: 18px; margin-left: 18px; float: left; } 
#projects .navigation .next{ background-image: url('./img/next.png'); background-position: right center; padding-right: 18px; margin-right: 18px; float: right; }

#project{
    width: 350px;
    text-align: justify;
}
 
 #news .new .text{
     background-color: white;
 }
 #news .new{ 
    background-color: white;
 }
 #news .new:hover{
     overflow: visible;
 }
 
 #aboutAs{
     width: 18%;
     margin-right: 2%;
 }
 #team{
     width: 47%;
 }
 #writeAboutAs{
     width: 30%;
     color: #888888;
 }
 
 #aboutAs h2,#team h2,#writeAboutAs h2{
     font-weight: bold;
     color: black;
 }
 
 
 #contact{
     width: 15%;
     margin-left: 2%;
     margin-right: 2%;
 }
 #contact h1{
     color: black;
 }
 #clen{
     width: 29%;
     margin-top: 20px;
 }
 #maps{
     width: 50%;
     margin-left: 0px;
 }
 #maps h2{
     margin-top: 0px;
 }
 
 .sliderBorder{
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 .slider10arrowLeft{
     display: block;
     position: absolute;
     z-index: 8;
     left: 0px;
     top: 40%;
     width: 40%;
     height: 20%;
     cursor: pointer;
     font-size: 60px;
     opacity: 0.6;
 }
 .slider10arrowLeft:hover{
     opacity: 0.8;
 }
 .slider10arrowRight{
     display: block;
     position: absolute;
     z-index: 8;
     right: 0px;
     top: 40%;
     width: 40%;
     height: 20%;
     cursor: pointer;
     font-size: 60px;
     text-align: right;
     opacity: 0.6;
 }
 .slider10arrowRight:hover{
     opacity: 0.8;
 }