/* 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: 'Arial';
  font-size:14px;
  line-height:24px;
  background-color:white;
  background:url("../images/pozadi-full.jpg");
  background-attachment:fixed;
  background-size:cover;
  color:#000000;
}

html {
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
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; }
li          { list-style-position:inside; }
input       { font-family: 'Arial'; }
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,select,textarea { border:none; outline:none; resize:none; padding:0 2% 0 2%; font-family: 'Arial'; font-size:14px;  }
h3          { font-size:16px; font-weight: bold; }


main        { position:relative; display:block; width:100%; }
nav         { position:fixed; width:100%; background-color: #2b2929; height:60px; z-index:10; }

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

.fb-like-box { float:right; }
#obsah-onas	 { float:left; width:50% }

#menu             { position:relative; margin:auto; width:90%; line-height:18px; }
#menu span        { float:left; color:white; text-decoration: none; text-transform: uppercase; border:solid 1px transparent; padding:6px 9px 6px 9px; 
                    margin-right:2.2%; margin-top:14px; cursor: pointer; }
#menu span.menu-0 { border:solid 1px #bf2121 }
#menu span.menu-5 { margin-right:0; }  
#mobile-menu      { display: none; position: relative; width:27px; height:29px; background: url(../images/mobile-menu.png); float:right; cursor: pointer; 
                    margin:16px 20px 0 0; z-index:600; }
#menu-mobile      { display: none; }
#menu-mobile span { float:left; color:white; text-decoration: none; text-transform: uppercase; border:solid 1px transparent;  
                    width:100%; margin-top:14px; cursor: pointer; }

#logo             { position:relative; float:left; width:100%; text-align: center; margin-top:60px;}
#logo img         { width:70%; max-width:597px; }

.icon a           { position:absolute; bottom:30px; width:45px; height:45px;  }
#icon-fb a        { right:0; background: url(../images/icon-fb.png);  }
#icon-fb a:hover  { background: url(../images/icon-fb.png) -45px;  }
#icon-mapa a      { right:50px; background: url(../images/icon-mapa.png);  }
#icon-mapa a:hover{ background: url(../images/icon-mapa.png) -45px;  }

.obsah                { width:100%; background-color: white; text-align: justify; padding-bottom:50px; }
.obsah table          { border-collapse: collapse; }
.obsah table td       { padding-right:15px; }
.obsah-prostor-nadpis { width:100%; text-align:center; }
#obsah0 hr,
#obsah0 .obsah-nadpis {  background-color: #bf2121; }
#obsah1 hr,
#obsah1 .obsah-nadpis {  background-color: #5a47da; }
#obsah2 hr,
#obsah2 .obsah-nadpis {  background-color: #129391; }
#obsah3 hr,
#obsah3 .obsah-nadpis {  background-color: #fc5e02; }
#obsah4 hr,
#obsah4 .obsah-nadpis {  background-color: #1b6416; }
#obsah5 hr,
#obsah5 .obsah-nadpis {  background-color: #1d2379; }
.obsah hr     { position:relative; float:left; width:100%; background-color: black; height:1px; margin:0; top:17px; margin-top:30px; }
.obsah-nadpis { position:relative; display: inline-block; color: white; font-size:16px; padding:4px 15px 4px 15px; 
                margin-bottom:30px; cursor: default; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(PIE.htc); }

.obsah input,
.obsah textarea         { width:96%; border:none; background-color:#ececec; outline:none; resize:none; height:25px; margin-bottom:20px; padding:0 2% 0 2%; }
.obsah input            { margin-top:15px; }
.obsah textarea         { height:130px; padding-top:8px; margin-bottom:0px; }
.obsah input#odeslat    { float:right; width:90px; background-color:#2a2a2a; color:white; cursor: pointer; }
#ochrana                { display: none; }


.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; }
.obsah-galerie-foto       { position: relative;}      
.obsah-galerie-foto img   { float:left; width:100%; }
.obsah-galerie-nazev      { font-size: 17px; text-transform:uppercase; text-align: center; margin-top:15px; }
.obsah-galerie-plus       { display: none; position:absolute; width:34px; height:34px; background:url(../images/plus.png); bottom:76px; margin:auto; left:0; right:0; }
.obsah-galerie-foto:hover .obsah-galerie-plus      { display: block; }


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



.sipka-dolu       { position: relative; display:block; width:45px; height:45px; background:url(../images/sipka-dolu.png); margin:auto; margin-top:-23px; margin-bottom:23px;
                    cursor: pointer; }
.sipka-dolu:hover { background: url(../images/sipka-dolu.png) -45px; }

.sipka-nahoru       { position: relative; display:block; width:45px; height:45px; background:url(../images/sipka-nahoru.png); margin:auto; margin-top:-23px; margin-bottom:23px;
                      cursor: pointer; }
.sipka-nahoru:hover { background: url(../images/sipka-nahoru.png) -45px; }


.icon2 a          { float:left; width:45px; height:45px; margin-left:-23px;  }
#icon-fb2 a       { background: url(../images/icon-fb.png);  }
#icon-fb2 a:hover { background: url(../images/icon-fb.png) -45px;  }
#kontakt-left     { float:left; width:50%;}
#kontakt-right    { float:left; width:44%; margin-left:3%; }
#kontakt-mezera   { background-color: white; width:100%; height:50px; margin-top:-45px; }

#map_canvas       { position:relative; float:left; border:none; width:100%; height:450px; margin-top:50px; }

footer            { width:100%; height:32px; background-color:#2b2929; }