/* 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: 'Light';
  font-size:18px;
  line-height:22px;
  background-color:white;
  color:#000000;
}

html {
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:white; 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; }
b           { font-family: 'Bold'; font-weight: normal; }
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%; width:96%; font-family: 'Regular'; font-size:14px;
                        -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior: url(PIE.htc); }
h3          { font-size:30px; line-height:34px; font-family: 'Bold'; }


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

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


#menu             { position:relative; float:right; font-family: 'Regular'; }
#menu span        { float:left; color:white; text-decoration: none; text-transform:uppercase; color:#d0b479;
                    margin-left:30px; margin-top:13px; cursor: pointer; }
#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 span        { position:relative; float:left; width:123px; height:50px; background-image: url(../images/logo.png); cursor: pointer; }



.obsah            { position: relative; width:100%; }
.obsah img        { position: absolute; width:100%; top:0; }
#obsah0           { margin-top:50px; }

.cont             { position: relative; width:100%; max-width:1920px; margin:auto; }

.medium    { display: none; }
.small    { display: none; }

.large img,
.medium img,
.small img    { float: left; }

.prostor-right  { text-align: right; }
.cislo          { font-size:170px; line-height:220px; font-family: 'Thin'; color:white; }
.nadpis         { position:relative; float:left; font-size:48px; line-height:48px; font-family: 'ExtraBold'; text-transform: uppercase; }
.cara           { float:left; height:2px; width:100%; background-color:white; margin:25px 0 25px 0; }
.barva-bila     { color:white; }
.barva-cerna    { color:black; }
.barva-bezova   { color:#d7b67d; }
.barva-bezova2  { color:#eacfa0; }

.prostor-right .nadpis { float:right; }
.prostor-right .cislo { color:#d7b67d; }
.prostor-right .cara  { background-color:#d7b67d; }
.prostor-right .text  { text-align: justify; }

.prostor-right.barva-bezova2 .cislo   { color:#eacfa0; }
.prostor-right.barva-bezova2 .cara    { background-color:#eacfa0; }
     
.prostor-50 { width:49%; }
.prostor-40 { width:40%; }

table       { width:100%; font-size: 20px; line-height:30px; }
#podtable 	{ line-height:30px; }

/* formulář */
form            { text-align:left; font-family:'Bold'; }
.input-prostor  { float:left; width:30%; margin-right:5%;  }
#posledni-input { margin-right:0; }
input           { height:50px; margin-top:10px; margin-bottom:15px; padding:0 3% 0 3%; width:94%; }
textarea        { height:120px; margin-top:10px; padding:10px 1% 10px 1%; width:98%; }
#odeslat        { float:right; width:110px; margin-top:-5px; height:45px; color:white; padding:0; font-size:18px; background-color: black; 
                  cursor: pointer; font-family:'Bold'; }
#brikety        { position: absolute; width:250px; height:249px; background-image: url(../images/brikety.png); margin:auto; margin-top:-125px; left:0; right:0; }

#ochrana        { display: none; }

footer          { float:left; width:100%; background-color:#1c1a1d; color:white; text-align: center; }
footer a        { color:#e9ce9f; font-family: 'Bold';  }
footer h1       { color:#e9ce9f; font-family: 'ExtraBold'; font-size:26px; line-height:32px; margin:auto; margin-top:60px; margin-bottom:80px; width:90%;}
#footer1        { color:#e9ce9f; }
#footer-obsah   { display:inline-block; margin:auto; }
#footer-kontakt { font-size:48px; line-height:48px; font-family: 'ExtraBold'; margin:120px 0 50px 0; }
.footer-ikony   { float:left; width:39px; height:39px; margin-bottom:10px; }
#kontakt1       { background-image: url(../images/kontakt1.png); } 
#kontakt2       { background-image: url(../images/kontakt2.png); }
#kontakt3       { background-image: url(../images/kontakt3.png); }
#kontakt4       { background-image: url(../images/kontakt4.png); }
.footer-text    { display:inline-block; margin:2px 10px 0 10px; }
#footer2        { width:100%; height:36px; padding-top:14px; background-color:#000000; margin-top:50px;}
.elipsa			{ display:inline-block; width:7px; height:7px; background-image: url(../images/elipsa.png); }