/* 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;
  background-attachment: fixed;
  background-image: url(../images/pozadi.jpg);
  background-size: cover;
  color:black;
}

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; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
img         { border: none; }
p           { clear:both; }
ul          {	margin:0; }
b           { font-weight: normal; font-family: 'Gothic bold'; }
strong      { font-weight: normal; font-family: 'Gothic bold'; }
u           { font-weight: normal; font-family: 'Gothic italic'; }
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: 'Gothic'; font-size:14px;  }

/* FBgal */
#fbgal        { position:relative; float:right; width:22.5%; margin-right:2%;  }
  /* Facebook */
#facebook     { min-height:307px; text-align: center; }
.fb-like-box  { background-color:white; margin-top:20px; margin-bottom:20px; }

main        { display:block; width:100%; max-width:1920px; margin:auto; height:100%; }
nav         { position: relative; float:left; width:100%; max-width:1920px; height:128px; background-image: url(../images/menu.png); background-position:top center; 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    { margin:auto; width:100%; max-width:1200px; }

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

#pruh       { position:fixed; width:100%; height:6px; background-color: #008dd2;  z-index:200; }
        
#logo a     { float:left; background-image: url(../images/logo.png); width:322px; height:90px; margin:23px 0 0 40px; }

#vlajky		{ position:relative; float:left; width:200px; top:60px; left:50px; }
.vlajky-cara	{ float:left; background:#008dd2; height:30px; width:1px; margin:-6px 10px }
.vlajka a	{ float:left; width:24px; height:19px; margin:0 10px}
#vlajka-de a	{ background-image: url(../images/vlajka-de.png);}
#vlajka-en a	{ background-image: url(../images/vlajka-en.png);}
#vlajka-cs a	{ background-image: url(../images/vlajka-cs.png);}
#vlajka-bg a	{ background-image: url(../images/vlajka-bg.png);}
        
#menu       { float:right; background-color: #E3E4E4; font-family: 'Gothic bold'; }    
#menu a,
#menu span  { float:left; text-transform: uppercase; font-size:18px; text-decoration:none; width:138px; height:73px; 
              padding:55px 0 0 0; text-align: center; } 
              
#menu a#menu_bg_0,
#menu a#menu_bg_3  { padding:48px 0 0 0; height:80px;  } 
#menu a#eshop { background: #008DD2; color:white }
#menu span  { cursor:pointer; }
#menu a:hover,
#menu span:hover { background-color: #008DD2; }
#menu .active { background-color: #008DD2; }
#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; }

#mobile-menu      { display: none; position: relative; width:27px; height:29px; background: url(../images/mobile-menu.png); float:right; cursor: pointer; 
                    margin:9px 20px 0 0; z-index:600; }
#menu-mobile      { display: none; position: absolute; top:45px; left:0; background-color:#2b2a29; width:100%; z-index:500; min-height:270px; text-align: center; 
                    margin:0; padding:0; }
#menu-mobile a,
#menu-mobile span { float:left; text-decoration: none;  width:100%; }
#menu-mobile .menu-mobile-submenu { display: none; }
#menu-mobile .menu-mobile-submenu a { text-transform: none; height:23px; padding-top:8px; }

/* #kontakt-menu2  { display: none; } */

/*smoothdivscroll*/
#makeMeScrollable { position: relative; clear:both;	width:100%; height: 267px; }
#makeMeScrollable div.scrollableArea img { position: relative; height: 267px; float: left; padding:0; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none;-o-user-select: none;user-select: none;}



#submenu       { float:left; width:24%; background-color:white; font-family: 'Gothic bold'; }
#submenu a     { float:left; width:100%; padding:19px 0 0 0; height:39px; background-color:#40B0E7; text-align: center; margin-bottom:1px; line-height:23px; }
#submenu a:hover,
#submenu .active  { background-color: #008DD2; text-decoration: none; }

#submenu a.submenu-cs-0,
#submenu a.submenu-cs-1,
#submenu a.submenu-cs-2,
#submenu a.submenu-cs-4,
#submenu a.submenu-cs-5,
#submenu a.submenu-de-3,
#submenu a.submenu-bg-0,
#submenu a.submenu-bg-1,
#submenu a.submenu-bg-4	{ padding-top:6px; height:52px; }

.obsah      { float:left; width:72%; text-align: justify; padding:30px 2% 30px 2%; line-height:28px; font-family: 'Gothic'; }
.obsah h3   { margin-bottom:10px; font-size:16px; font-family: 'Gothic bold'; }

#obsah-nadpis   { float:left; width:44%; padding:17px 0 17px 2%; background-color: white; font-size: 20px; font-family: 'Gothic bold'; }
#obsah-telefon  { float:left; width:28%; padding:14px 2% 7px 0; background-color: white; font-size:25px; font-family: 'Gothic bold'; text-align: right; color:#008dd2; }
#obsah-telefon a{ color:#008dd2; }
#obsah-icon-tel { float:right; width:49px; height:49px; background-image: url(../images/telefon.png); margin:-12px 0 0 12px;  }

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

.galerie                  { float: left; width:100%; text-align:center;  }
.obsah-galerie            { position: relative; display:inline-block; width:23%; margin-right:2.2%; margin-bottom:30px; cursor: pointer; }
.margin-right             { margin-right:0; }
.gal                      { position:relative; }
.foto                     { display: inline-block; width:49.6%; background-size:cover; background-position:center; }

.gal-odkaz                { cursor: pointer; }

#kontakt    { text-align: center; }
#map_canvas { position:relative; float:left; border:none; width:100%; height:300px; margin-top:20px; }


/* Reference */
.reference        { float:left; width:50%;  }
.reference-nadpis { float:left; margin-bottom:10px; width:100%; }
.reference-text   { float:left; width:92%; margin-left:2%; margin-right:6%; }



#map_canvas       { position:relative; float:left; border:none; width:100%; height:460px; border:solid 1px #888888; }
#map_canvas2       { position:relative; float:left; border:none; width:100%; height:460px; border:solid 1px #888888; margin-top:50px }


/* Galerie */
#home-photos              { float: left; width:100%; text-align:center; margin-top:30px; }
#balicek                  { float: left; width:100%; text-align:center;  }
/* Fotogalerie */
.gal-odkaz                { cursor: pointer; display: inline-block; width:28%; margin-right:1.5%; 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; line-height:20px; }
.foto:hover .foto-nadpis  { background-image:url(../images/modra.png); color:white; }




footer      { position:fixed; left:0; right:0; margin:auto; width:100%; max-width:1920px; background-color:#5b5b5b; height:76px; bottom:0; z-index:500;  }
footer a    { color:white; }
.footer     { position:relative; float:left; text-align:center; width:25%; height:47px; top:13px; color:white; font-size: 18px; }
.footer-text{ margin-top:15px; }
.icon a           { float:left; margin-left:15px; width:47px; height:48px;  }
#icon-fb a        { background: url(../images/icon-fb.png); margin-left:55px;  }
#icon-fb a:hover  { background: url(../images/icon-fb.png) -47px;  }
#icon-mail a      { background: url(../images/icon-mail.png);  }
#icon-mail a:hover{ background: url(../images/icon-mail.png) -47px;  }
#icon-mapa a      { background: url(../images/icon-mapa.png);  }
#icon-mapa a:hover{ background: url(../images/icon-mapa.png) -47px;  }
#kontakt-odkaz    { cursor: pointer; display: inline-block; }
#impressum-odkaz  { cursor: pointer; display: inline-block; text-decoration: underline; }
#kontakt-odkaz:hover,
#impressum-odkaz:hover { color:#40B0E7; }
.ochrana { display: none; }

#form { display: none; }
.formular        { float:left; width:48%; margin-top:50px; color:white; font-size:16px; }
.formular input,
.formular textarea         { width:96%; border:none; background-color:white; outline:none; resize:none; height:30px; margin-bottom:15px; padding:0 2% 0 2%; }
.formular textarea         { height:230px; padding-top:8px; }
.formular input.odeslat    { float:right; width:110px; background-color:#008DD2; color:white; cursor: pointer; text-align: center; }



.adresa                 { float:left; width:48%; margin-left:4%; margin-top:50px; font-size:16px; font-family: 'Gothic bold'; line-height:30px; }
.adresa h3, .adresa h4              { color:white; font-size:16px; float:left; width:100px; font-family: 'Gothic'; }

.obsah #form2 .formular,
.obsah #form2 .adresa h3  { color:black; margin:0; }

#impressum              { display:none; float:left; color:white; margin-top:50px; font-size:12px; }
#impressum #table1      { float:left; width:30%; }
#impressum #table2      { float:left; width:66%; margin-left:4%;}
#impressum table td     { vertical-align: top; }



#footer-sipka     { display: none; position:fixed; left:0; right:0; margin:auto; width:57px; height:26px; background-image: url(../images/sipka-kontakt.png); bottom:75px; }