/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
	margin:0;
	padding:0;
  font-family: 'Gothic';
  font-size:14px;
  background-color:white;
  color:black;
  height:100%; 
}

html {
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2      { font-size:14px;  }
a           { color:#333; text-decoration: none;}
a:hover     { text-decoration: underline; }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.floatright { float: right; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
img         { border: none; }
p           { clear:both; }
ul          {	margin:0; }
li          { list-style-position: inside; }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { border:none; outline:none; resize:none; padding:0 2% 0 2%; font-family: 'Arial'; font-size:14px;  }


main        { position: relative; display:block; width:100%; max-width:1920px; margin:auto; height:100%;  }
nav         { position: relative; float:left; width:100%; max-width:1920px; z-index:100; } 

#pozadi     { position: fixed; left:0; right:0; margin:auto; width:100%; max-width:1920px; height:100%; background: url(../images/tabule.jpg) bottom; background-size: cover; }

.prostor    { position: relative; margin:auto; width:100%; max-width:1200px; }

#obal       { float:left; width:100%; margin-bottom:76px; }

#pruh       { width:100%; height:6px; background-color: #05bbc9; z-index:200; }
        
#logo a     { float:left; background-image: url(../images/logo.jpg); width:86px; height:93px; margin:10px 0 9px 0; }
    
#menu,
#menu-mobile       { float:right; font-family: 'Gothic'; margin-right:80px; }    
#menu a,
#menu span,
#menu-mobile a,
#menu-mobile span  { float:left; text-transform: uppercase; font-size:16px; text-decoration:none; width:126px; height:65px; padding:47px 0 0 0; 
                     text-align: center; color:#828282; outline: none; } 
#menu span,
#menu-mobile span  { cursor:pointer; }
#menu a:hover,
#menu span:hover,
#menu .active,
#menu-mobile a:hover,
#menu-mobile span:hover,
#menu-mobile .active { background-color:#c91634; color:white; }
#menu-left  { float:left; width:50%; }
#menu-right { float:right; width:50%; text-align: right; } 
.menu-obal  { position: relative; display: inline-block; width:28.1%; }
.menu-abs   { display: none; }
#menu .menu-absolute { position: absolute; left:0; width:100%; }
#menu .menu-absolute a { position: relative; text-transform: none; text-decoration:none; width:100%; background-color: #193c24; border-top:1px solid #969696; }
#menu .menu-absolute a:hover { background-color: #007744; }
#menu .menu-absolute .active { background-color: #007744; } 
.menu-absolute0 { margin-top:0px; }
.menu-absolute1 { margin-top:46px; }
.menu-absolute2 { margin-top:92px; }
.menu-absolute3 { margin-top:138px; }
#menu-mobile { display: none; }





#mutace       { display: none; position: absolute; right:0; border:solid 1px #b9bbbd; font-size:16px; cursor: pointer; margin:38px 0 0 0; background-color: white; 
                width:56px; font-family: 'Gothic'; z-index:600; }
#mutace a     { color:#919396; float:left; }
#mutace a:hover { text-decoration: none; }
.mutace-aktiv { width:100%; color:#919396; padding:8px; } 
#mutace-sipka { float:right; background: url(../images/mutace.png); width:9px; height:5px; margin:9px 0 0 5px; }
#mutace-vyskoc{ display: none; }

#mobile-menu  { display: none; position: absolute; width:27px; height:29px; background: url(../images/mobile-menu.png); top:42px; right:60px; z-index:1000; cursor: pointer; }

#ochrana      { display: none; }

#klement-loga   { float:left; width:100%; background-color:#d2d2d2;  }  
.klement-prostor a { float:left; width:20%; text-align: center; border-right:solid white 2px; height:250px; margin-top:30px; margin-bottom:30px; font-size:16px; 
                     font-weight: bold; letter-spacing:0.5px; line-height:24px; }
.klement-prostor a:hover { text-decoration: none; }
#klement-posledni a  { border:0; }
.klement        { display: inline-block; width:85px; margin-top:30px; }
.klement-cara   { width:85px; height:3px; margin:auto; }

#logo1          { height:78px; background: url(../images/logo1.png); }
.klement-prostor a:hover #logo1    { background: url(../images/logo1.png) -85px; }
#cara1          { background-color:#282525; margin-top:35px; margin-bottom:35px; }
#text1          { color:#282525; }
#logo2          { height:93px; background: url(../images/logo2.png); }
.klement-prostor a:hover #logo2    { background: url(../images/logo2.png) -85px; }
#cara2          { background-color:#981d28; margin-top:20px; margin-bottom:23px; }
#text2          { color:#981d28; }
#logo3          { height:96px; background: url(../images/logo3.png); }
.klement-prostor a:hover #logo3    { background: url(../images/logo3.png) -85px; }
#cara3          { background-color:#a67d52; margin-top:17px; margin-bottom:23px; }
#text3          { color:#a67d52; }
#logo4          { height:97px; background: url(../images/logo4.png); }
.klement-prostor a:hover #logo4    { background: url(../images/logo4.png) -85px; }
#cara4          { background-color:#144271; margin-top:16px; margin-bottom:35px; }
#text4          { color:#144271; }
#logo5          { width:95px; height:96px; background: url(../images/logo5.png); }
.klement-prostor a:hover #logo5    { background: url(../images/logo5.png) -95px; }
#cara5          { width:95px; background-color:#282525; margin-top:16px; margin-bottom:23px; }

#banner             { position:relative;  }
#banner-mobile      { display: none; list-style: none; }
#banner-mobile img  { float:left; width:100%;  }

.obsah      { margin:auto; width:100%; text-align: justify; line-height:24px; padding-bottom:30px; }
.obsah h3   { text-align: center; margin-top:30px; margin-bottom:15px; font-size:20px; color:#c91634; }
.obsah i    { font-style: normal; color:black; }
.obsah-padding { clear:both; margin:auto; width:94%; padding-top:20px; }
.obsah-padding img { max-width:100%; }

/* O nás */
#hlavni-foto-onas { width:100%; height:434px; background-image:url(../images/onas.jpg); background-size: cover; background-position: center; }
#hlavni-foto-onas-mobile { display: none;  }
#hlavni-foto-onas-mobile img{ width:100%;  }
.onas-rozklik { float: left; width:100%; min-height:44px; padding-bottom:10px; cursor: pointer; color:#c91634; font-size: 20px; line-height:28px;
                margin-bottom:2px; }
.rozklikA     { background-color:#ececec; }
.rozklikB     { background-color:#d7d5d5; }
.onas-sipka1  { float:left; background-image: url(../images/sipka-right.png); width:14px; height:28px; margin:14px 20px 0 3%; }
.onas-sipka2  { display: none; position: relative; float:left; background-image: url(../images/sipka-down.png); width:28px; height:14px; 
                margin:21px 6px 0 3%; left:-9px; }
.onas-rozklik-nadpis { float:left; margin:14px 0 0 0; width:90%;  }
.onas-rozklik-text { clear:both; display: none; margin:20px 0 20px 0;  }


/* filtr */
#select-filtr { float:right; margin-top:10px; background-color:#ececec; height:32px; border:0; font-weight: bold; font-size:14px; width:260px;
                padding:0 10px 0 10px; cursor: pointer; color: transparent !important; text-shadow: 0 0 0 #828282 !important; }

#select-filtr option { margin-bottom:5px; height:20px; color:black; padding-left:10px; font-weight:normal; font-size:14px; outline:none; }
#select-filtr option:disabled   { color:#828282; }

/* Média */
#hlavni-foto-media { width:100%; height:434px; background-image:url(../images/media.jpg); background-size: cover; background-position: center; }
#hlavni-foto-media-mobile { display: none;  }
#hlavni-foto-media-mobile img{ width:100%;  }
#filtr { background-color: #c8c3c3; width:100%; height:55px; }

/* Projekty */
#hlavni-foto-projekty { width:100%; height:434px; background-image:url(../images/projekty.jpg); background-size: cover; background-position: center; }
#hlavni-foto-projekty-mobile { display: none;  }
#hlavni-foto-projekty-mobile img{ width:100%;  }


/* download */ 
#hlavni-foto-download { width:100%; height:434px; background-image:url(../images/download.jpg); background-size: cover; background-position: center; }
#hlavni-foto-download-mobile { display: none;  }
#hlavni-foto-download-mobile img{ width:100%;  }

.odkaz a    { float:left; width:25%; min-height:200px; background-image:url(../images/link.jpg); font-size:20px; text-align: center; color:#282525 }
.odkaz-text { margin:auto; width:50%; line-height:28px; }

/* O nás */
#onas                   { position:relative; }
#onas-banner img        { float:left; width:100%; }
#onas-pozadi-left       { background-color:#0071ba;}
#onas-pozadi-right      { background-color:#00253a; }
.onas-foto              { position:relative; float:left; width:25%; z-index:50; }
.onas-foto div          { float:left; width:100%; }

.onas-text-prostor      { float:left; width:75%; font-size:24px; padding:25px 30px 50px 30px;
                          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.onas-text-prostor a    { text-decoration: underline;  }
.onas-clanek            { position:relative; margin-bottom:3px; }
.onas-titulek           { float:right; color:white; font-size:20px; padding:15px 3% 15px 3%; width:75%; }
.onas-titulek-kariera   { float:right; color:white; font-size:20px; padding:15px 3% 15px 3%; width:100%; }
.onas-perex             { font-size:14px; margin-top:3px; line-height:24px; text-align: justify;}
.onas-text              { display:none; font-size:14px; margin-top:3px; line-height:24px; text-align: justify; }
.clanek-vice            { position:absolute; bottom:20px; right:0; color:#c91634; font-size:18px; cursor: pointer; }
.clanek-mene            { display:none; position:absolute; bottom:20px; right:0; color:#c91634; font-size:18px; cursor:pointer;  }
.clanek-sipka-text      { float:left; text-decoration: underline; }
.clanek-sipka-dolu      { float:left; background:url(../images/vice-dolu.png); width:21px; height:10px; margin:9px 0 0 7px; }
.clanek-sipka-nahoru    { float:left; background:url(../images/vice-nahoru.png); width:21px; height:10px; margin:9px 0 0 7px; }
.clanek-fotky           { display:none; } 
.clanek-fotky-left      { float:left; width:100%; background-color:white; } 
.clanek-gal             { position:relative; float:left; width:25%;cursor:pointer; z-index:10; }
.clanek-foto            { width:100%; background-size:cover; background-position:center; }

.onas-clanek0  { background-color: #373334; } 
.onas-clanek1  { background-color: #373334; }
.onas-clanek2  { background-color: #992F32; }
.onas-clanek3  { background-color: #144271; }
.onas-clanek4  { background-color: #373334; }
.onas-clanek5  { background-color: #373334; }

.onas-titulek0  { background-color:#9A9899; }
.onas-titulek1  { background-color:#9A9899; }
.onas-titulek2  { background-color:#992F32; }
.onas-titulek5  { background-color:#9A9899; }

/* Kariéra */
#hlavni-foto-kariera { width:100%; height:434px; background-image:url(../images/kariera.jpg); background-size: cover; background-position: center; }
#hlavni-foto-kariera-mobile { display: none;  }
#hlavni-foto-kariera-mobile img{ width:100%;  }


#map_canvas         { position:relative; float:left; border:none; width:100%; height:440px;}
#kontakt            { line-height:24px; color:#7f8083; }
#kontakt a          { color:#7f8083; }
#kontakt h3         { font-size:18px; color:#981d28; }
#kontakt h2         { font-size:16px; }
#kontakt-left       { float:left; width:57%; padding-top:30px; padding-bottom:30px; }
#kontakt-right      { float:right; width:30%; }
#kontakt-right img  { float:left; width:100%; }
#kontakt-right object  { float:left; }

#footer-prostor   { float:left; width:56%; }
#footer-left      { float:left; width:50%; margin:50px 0 30px 0; }
#footer-left-text { float:right; width:230px; }
#footer-right     { float:left; width:50%; margin:50px 0 30px 0; }
#footer-left h3,
#footer-right h3  { font-weight: bold; }
#footer-bottom    { clear:both; text-align: center; width:100%; }

#kontakty            { line-height:24px; color:#7f8083; background-color:#F6F6F6; text-align:center; }
.kontakty-blok       { display: inline-block; width:25%; font-size: 14px; min-height:170px; text-align: left; vertical-align: top; }
.kontakty-jmeno      { font-weight: bold; margin-bottom:8px; width:80%; font-size:16px; }
.kontakty-funkce     { margin-bottom:8px; width:80%; font-size:14px; line-height:20px; color:#981d28; }
#kontakty-left       { float:left; width:100%; padding:35px 0 5px 0; }
#kontakty-prostor    { float:left; width:100%; }
#kontakty hr         { float:left; width:100%;  margin-top:0; margin-bottom:30px; background-color: #7f8083; }

.icon-telefon        { position: relative; display:inline-block; width:22px; height:22px; background-image: url(../images/icon-telefon.jpg); margin-right:10px; top:2px }
.icon-email          { position: relative; display:inline-block; width:22px; height:22px; background-image: url(../images/icon-mail.jpg); margin-right:10px; top:2px }

/* Fotorama */
.fotorama-prostor   { display: none; position: fixed; top:0; left:0; width:100%; z-index:1000; background-color: white; }

/* Galerie */
#balicek                  { float: left; width:100%; text-align:center; margin-bottom:80px;  }
#balicek h2               { font-size:20px; margin-top:10px;  margin-bottom:20px; }
/* Fotogalerie */
.fotka                    { cursor: pointer; display: inline-block; width:22%; margin-right:2%; margin-bottom:30px; }
.x                        { float:left; position: relative; }
.gal                      { position:relative; }
.foto                     { width:100%; background-size:cover; background-position:center; display:table;
                            -moz-box-shadow:8px 8px 12px -6px #222; -webkit-box-shadow:8px 8px 12px -6px #222;  box-shadow:8px 8px 12px -6px #222; }

.galerie-blok             { position:relative; float:left; width:100%; }
.foto-nadpis              { position: absolute; bottom:0; width:100%; margin:auto; background-image:url(../images/pruhled.png); text-transform: uppercase; 
                            text-align: center; height:40px; padding-top:18px; font-weight:700; }
.foto:hover .foto-nadpis  { background-image:url(../images/modra.png); color:white; }

.prostor2   { width:100%; max-width:1240px; margin:auto; }


footer            { width:100%; max-width:1920px; background-color:#d2d2d2;  }
.icon             { margin:auto; width:225px; }
.icon a           { float:left; margin-left:10px; margin-top:18px; width:37px; height:37px;  }
#icon-mail a      { background: url(../images/icon-mail.png);  }
#icon-mail a:hover{ background: url(../images/icon-mail.png) -37px;  }
#icon-maps a      { background: url(../images/icon-maps.png);  }
#icon-maps a:hover{ background: url(../images/icon-maps.png) -37px;  }
#icon-home a      { background: url(../images/icon-home.png);  }
#icon-home a:hover{ background: url(../images/icon-home.png) -37px;  }
#icon-fb a      { background: url(../images/icon-fb.png); margin-left:0; }
#icon-fb a:hover{ background: url(../images/icon-fb.png) -37px;    }
#icon-in a      { background: url(../images/icon-in.png);  }
#icon-in a:hover{ background: url(../images/icon-in.png) -37px;  }


.wrapper       { min-height: 100%; height: auto !important; margin: 0 auto -105px; }
footer, .push  { height:80px; /* .push must be the same height as .footer */ }
.push { height: 105px }
.bottom{ width: 100%; height: 25px; line-height: 25px; background: #333; color: #FFF}
.bottom a {color: #FFF;}