@charset "UTF-8";
/* CSS Document */ 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

@font-face {
  font-family: 'Bebas Neue';
  src: url(../fonts/Bebas-Neue.ttf);
}

/*
light 300
light 300 Italic
regular 400
regular 400 Italic
bold 700
bold 700 Italic
*/

*{ margin:0; padding:0; outline:none; box-sizing:border-box; }
.both{ clear:both; display:block;}
#map{ height:320px; display:block; width:100%;}
.text_send{ position:absolute; left:0; bottom:140px; padding:20px; text-align:center; color:#fff; font-size:32px; width:100%;}
#kontrolni_input{ display:none;}
#napis{ display:inline-block; width:100%; max-width:800px; padding:40px;background-color: #f0f1f3; border-left:6px solid #93bb32; position:relative; overflow:hidden;}
#napis #response_send.open{ left:0%;}
#napis #response_send{ position:absolute; left:-100%; top:0; width:100%; height:100%; display:block; transition: 1s; background-color:rgb(147, 187, 50); background-image:url(../img/sending.png); background-position:center; background-repeat:no-repeat; background-size:250px;}
#napis label{ width:50%; float:left; display:inline-block; padding:0 20px;}
#napis label:last-child{ width:100%; float:left; display:inline-block;}

#napis p{ font-weight:700; margin-top:0px;}
#napis input{ width:100%; padding:15px; border:1px solid #e1e1e1; margin-bottom:10px;}
#napis textarea{ width:100%; padding:15px; border:1px solid #e1e1e1; max-width:100%; height:180px;}
#napis span{ margin:22px 0 0 0; cursor:pointer;}
/*#napis button{ background-color:#000; font-size:16px; border-radius:0px; -webkit-border-radius:0px; border:none; color:#fff; padding:10px 26px; cursor:pointer; margin-top:22px;}*/
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}
.galerie img{ width:100%; max-width:100px;}
.galerie{ display:inline-block;}
a{ color:#93bb32;}
html{ width:100%; height:100%; display:block;}
body{font-family: 'Roboto Condensed', sans-serif; width:100%; display:block; margin:0 auto; max-width:1920px; height:auto; color:#1b161b; background-color:#fff; position:relative; font-size:15px;}
.float{ display:inline-block; width:100%;}
.center{ max-width:1200px; width:100%; display:block; margin:0 auto;}
.coll25 ul li span.phone{ background-image:url(../img/phone.svg); background-repeat:no-repeat; background-position:top+6px left; padding-left:26px; padding-top:10px; padding-bottom:10px; background-size:15px 22px;}
.coll25 ul li a.mailto{ background-image:url(../img/send.svg); background-repeat:no-repeat; background-position:top+6px left; padding-left:26px; padding-top:10px; padding-bottom:10px; background-size:22px 22px;}
.coll25 ul li a.fb{ background-image:url(../img/fb.svg); background-repeat:no-repeat; background-position:top+6px left; padding-left:46px; padding-top:16px; padding-bottom:10px; background-size:35px 35px; color:#93bb32;}
a.hl{ display:block; font-size:15px; padding:5px 10px;color: #1b161b;}
a.hl:hover{ text-decoration:none;}
img{ max-width:100%;}

.back{ display:none;}
section.white ul{ margin-left:30px; margin-bottom:12px;}
section.white ol{ margin-left:30px; margin-bottom:12px;}
table tr td{ padding:10px;}
.plocha{ position:fixed; left:0; top:0; width:100%; padding:0px; height:100%; display:none; z-index:99;}
.textury{ position:fixed; left:100%; top:0; width:100%; padding:10px; height:100%; display:block; z-index:99; background-color:rgba(255,255,255,0.92); transition: 1s;}
.textury.open{ left:0%;}
.textury form{ position:relative; max-width:560px; width:100%; margin:250px auto 0 auto; text-align:center; display:block;}
.textury form input{ border:3px solid #d7d7d7; width:100%; font-size:14px; padding:24px; background-color:transparent;}
.textury form button{ display:block; height:70px; width:50px; background-color:transparent; border:none; background-image:url(../img/hledat.svg); background-repeat:no-repeat; background-position:center; position:absolute; right:0; top:0; z-index:9; background-size:24px 24px; cursor:pointer;}

.allin{ width:100%; display:block; position:relative;}
#nadpis{ width:100%; display:block; text-align:left; font-size:52px; margin-bottom:30px; text-transform:uppercase; font-family: 'bebas neue';}
#zavri{ background-image:url(../img/_close.png); background-repeat:no-repeat; background-position:center; width:30px; height:30px; display:block; position:absolute; top:15px; right:0; cursor:pointer;}

h1, h2, h3, h4, h5, h6{font-family: 'Bebas Neue';}
header h1{ font-size:58px; margin-bottom:20px;}
p{ margin-bottom:12px; font-size:16px;}

.coll50{ width:50%; float:left; display:inline-block;}
.coll50.vypis{ padding:10px;MIN-HEIGHT: 310px;}
.coll50.vypis h3{ font-size:30px; margin-top: 0px;}
.grey{background-color:#f0f1f3;}
.coll100{ width:100%; display:block; height:auto; padding-top:50px; padding-bottom:40px;}
.coll100 header{ display:block; width:100%; max-width:1200px; margin:0 auto; padding:0 0px;}
.coll100 header h1{ margin:0;}


#hmb-menu{ display:none; position:absolute; top:40px; right:10px; height:30px; width:30px; cursor:pointer;}
#hmb-menu span{ display:block; width:30px; height:3px; background-color:#1b161b; position:absolute; transition:.3s;}
#hmb-menu span:nth-child(1){ top:0px;}
#hmb-menu span:nth-child(2){ top:10px;}
#hmb-menu span:nth-child(3){ top:21px;}

#hmb-menu.open span:nth-child(1){ top:10px; transform:rotate(45deg); width:30px;}
#hmb-menu.open span:nth-child(2){ top:8px; width:0;}
#hmb-menu.open span:nth-child(3){ top:10px; transform:rotate(-45deg);width:30px;}
#searcher{ display:block; position:absolute; top:49px; right:70px; height:40px; width:40px; background-image:url(../img/searcher.svg); background-repeat:no-repeat; background-position:center; background-size:24px 24px; cursor:pointer; transition:.3s;}

/* HEADER */
header#header{ height:140px; background-color:#FFF; width:100%; display:block; position:relative; z-index:999;}
.center1760{ width:100%; display:block; margin:0 auto; max-width:1780px; padding:0 10px; position:relative;} 
#logo{ display:inline-block; padding-top:25px; float:left; margin-right:50px;} 
#logo img{ display:block; width:250px; max-width:100%;}

nav#main{ display:inline-block; float:left; padding-top:60px;}
nav#main ul{ list-style-type:none; width:100%; display:inline-block;}
nav#main ul li{ display:inline-block; position:relative; margin-right:20px; padding-bottom:20px;}
nav#main ul li a{ position:relative; font-weight:700; color:#1b161b; text-decoration:none; z-index:1; font-size:16px; text-transform:uppercase;}
nav#main ul li a.active:after,nav#main ul li a:hover:after{ content:""; position:absolute; bottom:7px; z-index:-1; left:0; height:7px; width:100%;  box-shadow:0px 5px 0px 0px #93bb32; display:inline-block; }
nav#main ul li a.open:after{ content:""; position:absolute; bottom:7px; z-index:-1; left:0; height:7px; width:100%;  box-shadow:0px 5px 0px 0px #93bb32; display:inline-block; }

/*podmenu*/
nav#main ul li ul{ position:absolute; top:100%; left:0px; height:auto; width:280px; background-color:#FFF; display:none; box-shadow:1px 0px 20px rgba(0,0,0,0.25); z-index:99;}
nav#main ul li ul.active{ display:block;}
nav#main ul li ul li{ width:100%; display:block; padding:0px 20px;}
nav#main ul li ul li:hover{background-color:#f4f5f8;}
nav#main ul li ul li:hover a{ width:100%; display:block; padding-left:30px; text-decoration:underline; background-image:url(../img/arrow.svg); background-repeat:no-repeat; background-position:left+5px center; background-size:6px 10px; background-position:left+5px center; background-size:6px 10px; }

nav#main ul li ul li a{ transition: .3s; width:100%; display:block; padding:15px 0px; font-weight:400; font-size:14px; border-bottom:1px solid #f4f5f8;font-family: 'Roboto Condensed', sans-serif; background-position:left center; background-size:10px 10px;}
nav#main ul li ul li a.active{ width:100%; display:block; padding-left:30px; text-decoration:underline; background-image:url(../img/arrow.svg); background-repeat:no-repeat; background-position:left+5px center; background-size:6px 10px; transition: .3s; }
nav#main ul li ul li a.active:after,nav#main ul li ul li a:hover:after{ display:none;}
nav#main ul li ul li a.open:after{ display:none; }

#hledat{ right:10px; top: 45px; float:right; display:inline-block; width:305px; height:50px; position:absolute;}
#hledat input{ width:100%; position:relative; z-index:5; display:block; height:50px; border:none; background-color:#ededed; font-size:14px; padding:0px 20px; font-weight:300;}
#hledat button{ display:block; height:50px; width:50px; background-color:transparent; border:none; background-image:url(../img/hledat.svg); background-repeat:no-repeat; background-position:center; position:absolute; right:0; top:0; z-index:9; background-size:24px 24px; cursor:pointer;}

/* HEAD*/
#main_section{ height:500px;}
#main_section .coll50{ height:500px; padding-left:80px; position:relative; padding-top:80px; font-size:18px; padding-right:60px;}
#main_section .coll50.right{ float:right;}
#main_section .coll50 p{ margin-bottom:20px;}


#other_section{ height:auto; display:block; width:100%;}
#other_section .coll50{ height:350px; padding-left:80px; position:relative; padding-top:60px; font-size:18px; padding-right:60px;}
#other_section .coll50.right{ float:right; padding:0px; overflow:hidden; background-image:url(../img/mas_slide.jpg); background-position:center;}
#other_section .coll50 p{ margin-bottom:20px;}

/*SLIDER*/
#slider{ position:absolute; width:100%; height:100%; display:block; left:0; top:0;}
.slide{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.slide h2{ text-align:left; font-size:32px; background-color:rgba(147,187,50,0.9); padding:30px 25px 16px 25px; display:inline-block; width:50%; position:absolute; bottom:0; right:0; color:#fff;}
#next{ background-image:url(../img/arrow_right.svg); background-repeat:no-repeat; width:40px; height:84px; display:block; position:absolute; bottom:0px; right:50%; background-size:15px 25px; background-position:center; cursor:pointer; z-index:100;}
#prev{ background-image:url(../img/arrow_left.svg); background-repeat:no-repeat; width:40px; height:84px; display:block; position:absolute; bottom:0px; right:55%; background-size:15px 25px; background-position:center; cursor:pointer; z-index:100;}


/* AKTUALITY */
.top_aktualita{ text-decoration:none; color:#1b161b; position:relative; display:block; padding-right:30px;}
.date{ background-color:rgba(147,187,50,0.9); color:#fff; position:absolute; left:0; height:40px; line-height:40px; padding:0px 12px 0px 40px; top:30px; font-size:16px; font-weight:300; background-image:url(../img/calendar.svg); background-position:left+10px center; background-repeat:no-repeat; background-size:22px 22px;}
.top_aktualita h3{font-family: 'Roboto Condensed', sans-serif; font-size:21px; font-weight:700; padding:30px 0px;}
.top_aktualita p{ font-size:16px;}
.top_aktualita img{ width:100%; display:block;}
.top_aktualita:hover h3{ text-decoration:underline;}

.aktualita{ color:#1b161b; position:relative; width:100%; display:inline-block; text-decoration:none; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ebebeb;}
.aktualita:last-child{ border:none;}
.aktualita img{ width:40%; float:left;}
.aktualita h3{ font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px; width:60%; float:left; font-size:21px; padding-left:20px;}
.aktualita p{ width:60%; float:left; font-size:16px; padding-left:20px;}
.aktualita:hover h3{ text-decoration:underline;} 


section.texty{ padding:50px 0px;}
section.texty h2{ font-size:42px; margin:37px 0px 22px 0px;}
section.texty h3{ font-size:34px; margin:37px 0px 22px 0px;}
section.texty h4{ font-size:30px; margin:37px 0px 22px 0px;}
section.texty h5{ font-size:26px; margin:37px 0px 22px 0px;}
section.texty h6{ font-size:20px; margin:37px 0px 22px 0px;}
table.full{ width:100%; display:table; text-align:left;}
table.full tr{}
table.full tr:nth-child(2n+1) td{background-color: #f0f1f3;}
table.full tr td, table.full tr th{ padding:10px;}
table.full tr th{ font-size:18px;background-color: #f0f1f3; padding:20px 10px;}
table.full tr td a{ display:block; color:#241D24; font-size:15px;}


.projekt{ color:#1b161b; position:relative; width:100%; display:inline-block; text-decoration:none; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ebebeb;}
.projekt:last-child{ border:none;}
.projekt img{ width:20%; float:left;}
.projekt h3{ font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px; width:80%; float:left; font-size:21px; padding-left:20px;} 
.projekt p{ width:80%; float:left; font-size:15px; padding-left:20px;}
.projekt:hover h3{ text-decoration:underline;}

#clicktable{ padding:60px 0px; display:block;}
#clicktable h2{ display:inline-block; color:#d7d9dc; font-size:42px; cursor:pointer; transition:.3s; position:relative; z-index:9;}
#clicktable h2:hover{color:#1b161b;} 
#clicktable span{ display:inline-block; height:50px; background-color:#d7d9dc; width:3px; margin:0 20px; position:relative; top:10px;}
#clicktable h2.active{ color:#1b161b;} 
#clicktable h2.active:after{ content:""; position:absolute; bottom:14px; z-index:-1; left:0; height:10px; width:100%;  box-shadow:0px 5px 0px 0px #93bb32; display:inline-block; }

.tab{ display:none;}
.tab1{ display:block;}

.center-center{ text-align:center; width:100%; display:block;}
.vice{ border:none; background-color:#1b161b; color:#fff; font-weight:700; font-size:18px; text-align:center; display:inline-block; padding:14px 40px; text-decoration:none;margin-bottom: 80px; transition:.3s;}
.vice:hover{ background-color:#494c50;}
#mesta{ height:720px; width:100%; display:block; background-image:url(../img/pozadi.jpg); padding:85px 0px; border-bottom:8px solid #93bb32; position:relative;}
#mesta header{ padding-bottom:30px;}
.bottom_center{ position:absolute; width:100%; left:0; bottom:0; text-align:center;}
.rozvoj{ display:block; margin:0 auto; width:365px; background-color:rgba(147,187,50,0.9); color:#FFF; font-size:32px; text-align:center; padding:30px 0px 14px 0px;font-family: 'Bebas Neue';}
 
section#mesta h2{ display:inline-block; color:#1b161b; font-size:42px; transition:.3s; position:relative; z-index:9;}
section#mesta h2:after{ content:""; position:absolute; bottom:14px; z-index:-1; left:0; height:10px; width:100%;  box-shadow:0px 5px 0px 0px #93bb32; display:inline-block; }
#mesta .center-center{ width:100%; max-width:1280px; text-align:center; display:block; margin:0 auto;}
.partner{ width:97px; display:inline-block; margin:41px; color:#1b161b;font-family: 'Roboto Condensed', sans-serif; font-size:21px; font-weight:700; text-decoration:none; position:relative;}
.partner h3{ margin-top:20px; position:absolute; top:120px; width:100%; text-align:center; left:0;}
.maps_look{ text-decoration:none; background-image:url(../img/regions.png); background-repeat:no-repeat; background-position:left+10px center; background-color:#1b161b; color:#fff; font-size:18px; font-weight:700; padding:10px 10px 10px 50px; background-size:35px 30px; float:right; transition:.3s; cursor:pointer;}
.maps_look:hover{background-color:#494c50;}
footer{ width:100%; display:block; background-color:#313333; padding:80px 0px 0px 0px;}
footer h2{ font-size:24px; color:#fff; font-weight:700;font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px;}
.coll25{ width:25%; display:inline-block; float:left;}
.coll25 ul{}
.coll25 ul li{ list-style-type:none; display:block;}
.coll25 ul li a{ font-size:15px; color:#707474; text-decoration:none; background-image:url(../img/li.png); background-repeat:no-repeat; background-position:top+12px left; padding:5px 5px 5px 15px; display:block;}
.coll25 ul li a:hover{ text-decoration:underline;}
.coll25 ul li span{ font-size:15px; color:#707474; padding:5px 5px 5px 0px; display:block;}

#copy{ display:block; margin:0 auto; width:100%; max-width:1200px; padding:80px 0px 10px 0px;}
.left{ color:#707474; font-size:15px; float:left; width:50%; text-align:left;}
.right{ color:#707474; font-size:15px; float:left; width:50%; text-align:right;}
.created img{ display:inline-block; height:16px;}

#aktivninadpis{}
.bighos{ width:100%; display:block; padding:30px 20px 14px 20px; background-color:#f0f1f3;color: #1b161b; }
#aktivninadpis a {
    border: 2px solid #f0f1f3;
    color: #1b161b;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    padding: 20px;
    text-decoration: none;
    margin-right: 20px;
    transition: .3s;
    margin-bottom: 20px;
}#aktivninadpis a:hover{color: #fff; background-color:#93bb32; border-color:#93bb32;}
#aktivninadpis a.hid{ display:none;}
@media(max-width: 1760px){ 
nav#main{ display: inline-block; float: left; max-width: 100%;}
nav#main ul li{ padding-bottom:20px;}
}
@media(max-width: 1430px){
    nav#main{ max-width: 890px; padding-top: 40px;}
}
@media(max-width: 1275px){
	
header#header .float{ height:100px; background-color:#fff; position:relative; z-index:99;}
nav#main{ display:block; position:fixed; top:100px; left:100%; width:100%; background-color:rgba(255,255,255,0.92); height:100%; max-width:100%; padding-bottom:100px; overflow:auto; transition: 1s;}
/* menu */
nav#main.open{ left:0%;}
nav#main ul{ position:absolute; top:0px; right:0px; height:auto; width:280px; background-color:#FFF; display:block; box-shadow:1px 0px 20px rgba(0,0,0,0.25); z-index:99;}
nav#main ul li{ width:100%; display:block; padding:0px 0px; position:relative;}
nav#main ul li:hover{background-color:#f4f5f8;}
nav#main ul li:hover a{ width:100%; display:block; padding-left:30px; text-decoration:underline; background-image:url(../img/arrow.svg); background-repeat:no-repeat; background-position:left+5px center; background-size:6px 10px; background-position:left+15px center; background-size:6px 10px; }

nav#main ul li a{ transition: .3s; width:100%; display:block; padding:15px 0px; font-weight:400; font-size:14px; border-bottom:1px solid #f4f5f8;font-family: 'Roboto Condensed', sans-serif; background-position:left center; background-size:10px 10px; padding-left:30px;}
nav#main ul li a.active{ width:100%; display:block; padding-left:30px; text-decoration:underline; background-image:url(../img/arrow.svg); background-repeat:no-repeat; background-position:left+15px center; background-size:6px 10px; transition: .3s; }
nav#main ul li a.active:after,nav#main ul li a:hover:after{ display:none;}
nav#main ul li a.open:after{ display:none; }

nav#main ul li ul{ position:relative; top:0px; left:0px; height:auto; width:280px; background-color:#FFF; display:none; box-shadow:1px 0px 20px rgba(0,0,0,0.0); z-index:99;}
nav#main ul li ul.active{ display:block;}
nav#main ul li ul li{ width:100%; display:block; padding:0px 0px;}
nav#main ul li ul li:hover{background-color:#f4f5f8;}
nav#main ul li ul li:hover a{ width:100%; display:block; padding-left:30px; text-decoration:underline; background-image:none; background-repeat:no-repeat; background-position:left+5px center; background-size:10px 10px; background-position:left+5px center; background-size:10px 10px; }
nav#main ul li ul li a.open{ background-image:none; padding-left:50px; color:#808080;}
nav#main ul li ul li a{ transition: .3s; width:100%; display:block; padding:15px 0px; font-weight:400; background-image:none; font-size:14px; border-bottom:1px solid #f4f5f8;font-family: 'Roboto Condensed', sans-serif; background-position:left center; background-size:10px 10px;}
nav#main ul li ul li a.active{ width:100%; display:block; padding-left:50px; text-decoration:underline; background-image:none; background-repeat:no-repeat; background-position:left+5px center; background-size:10px 10px; transition: .3s; }
nav#main ul li ul li a.active:after,nav#main ul li ul li a:hover:after{ display:none;}
nav#main ul li ul li a.open:after{ display:none; }


body{ padding-top:100px;}
header#header{ height:100px; position:fixed; left:0; top:0; box-shadow:1px 0px 20px rgba(0,0,0,0.25);}
#logo{ display:inline-block; padding-top:17px; float:left; margin-right:50px;}
#logo img{ display:block; width:200px; max-width:100%;}
#hledat{ display:none;}
#hmb-menu{ display:block;}
#searcher{ display:block; top:33px;}
#hledat{ margin-top: 0px; width:305px; height:50px; position:absolute; display:block; top:0px; right:10px; transition:.3s; z-index:-1;}
#hledat.open{ top:100px; z-index:5;}
#main_section .coll50 { height: 560px; padding-left: 30px; position: relative; padding-top: 80px; font-size: 18px; padding-right: 30px;}
header h1 { font-size:48px;}
.center{ padding:0 10px;}
#copy{ padding:80px 10px 10px 10px;}
}
@media(max-width: 1170px){
.coll50.vypis{ padding:0px; width:100%;}
.coll50.vypis .aktualita img{ width:40%;}
.coll50.vypis h3{ width:60%;}
.coll50.vypis p{ width:60%;}

section.texty{ padding:80px 0px;}
section.texty h2{ font-size:42px; margin:37px 0px 22px 0px;}
section.texty h3{ font-size:34px; margin:37px 0px 22px 0px;}
section.texty h4{ font-size:30px; margin:37px 0px 22px 0px;}
section.texty h5{ font-size:26px; margin:37px 0px 22px 0px;}
section.texty h6{ font-size:20px; margin:37px 0px 22px 0px;}
}
@media(max-width: 960px){
.coll25{ width:33%;}
#main_section .coll50{ width:100%;}
#main_section .coll50.right{ height:350px; background-position:top center;}
#main_section .coll50 .slide{ background-position: center;}
#main_section .coll50{ height:auto; padding:40px 20px;}

#other_section,#main_section { height:auto;}
#other_section .coll50{ width:100%;}
#other_section .coll50.right{ height:250px; background-position:center;}
#other_section .coll50 .slide{ background-position: center;}
#other_section .coll50{ height:auto; padding:40px 20px;}
}

@media(max-width: 767px){
section.texty h2{ font-size:42px; margin:37px 0px 22px 0px;}
section.texty h3{ font-size:34px; margin:37px 0px 22px 0px;}
section.texty h4{ font-size:30px; margin:37px 0px 22px 0px;}
section.texty h5{ font-size:26px; margin:37px 0px 22px 0px;}
section.texty h6{ font-size:20px; margin:37px 0px 22px 0px;}
section#mesta h2:after{ bottom:17px;}
#next{ right:65%; height:64px;}
#prev{ right:75%; height:64px;}
.slide h2{ font-size:20px;width: 65%;}
header h1{ font-size:40px;}
#main_section .coll50{ font-size:15px;}
#other_section .coll50{ font-size:15px; height:auto;}
section#mesta h2, #clicktable h2{ font-size:32px;}
#clicktable h2.active:after{ bottom:17px;}
.coll50{ width:100%;}
.top_aktualita{ padding-right:0px; margin-bottom:50px; border-bottom:1px solid #ebebeb; padding-bottom:20px; display:block;}
.rozvoj {display: block; margin: 0 auto; width: 90%;background-color: rgba(147,187,50,0.9);color: #FFF; font-size: 22px; text-align: center; padding: 30px 0px 14px 0px; font-family: 'Bebas Neue';}
.partner { width: 70px; display: inline-block; margin: 34px 20px; color: #1b161b; font-family: 'Roboto Condensed', sans-serif; font-size: 21px; font-weight: 700; text-decoration: none; position: relative;}
.maps_look{ display:none;}
.partner h3 { margin-top: 0px; position: absolute; top: 100px; width: 100%; text-align: center; left: 0; font-size: 20px;}
.coll25{ width:50%; margin-bottom:20px;}
#copy{ padding-top:50px;}
.left{ width:100%; padding:10px; display:block; text-align:center;}
.right{ width:100%; padding:10px; display:block; text-align:center;}
}

@media(max-width: 560px){
.coll50.vypis .aktualita img{ width:100%;}
.coll50.vypis h3{ width:100%;}
.coll50.vypis p{ width:100%;}
}
@media(max-width: 480px){
.top_aktualita h3{ padding:20px 0px;}
.coll25{ width:100%; margin-bottom:20px;}
.partner { width: 64px;}
.aktualita p {
    width: 100%;
    float: left;
    font-size: 15px;
    padding-left: 0;
}
.aktualita h3 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    font-size: 21px;
    padding-left: 0px;
    padding-top: 20px;
}
.aktualita img {
    width: 100%;
    float: left;
}
#clicktable h2 {
    font-size: 28px;
}#clicktable h2.active:after {
    bottom: 15px;
}#clicktable span{ margin:0 10px;}

.projekt img{ width:100%;}
.projekt p {
    width: 100%;
    float: left;
    font-size: 15px;
    padding-left: 0;
}
.projekt h3 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    font-size: 21px;
    padding-left: 0px;
    padding-top: 20px;
}

}