* {
  margin:0;
  padding:0;
}

body {  
  background:url('./images/pozadie.gif') repeat;
  background-attachment: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  margin-bottom: 50px;
}

#obrazok {
  margin-left: 35px;
  position: relative;
}

.popis{
	position: relative;
	top: -14px;
	margin-left: 200px;
}
.sipka{
	position: relative;
	top: 3px;
	margin-right: 5px;
}

#socha {
	float: right;
	margin-left: 20px;
  margin-right: 10px;
}

a img { border: 0px; }
a { font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none;}
a:hover { color: #4A5A42; }

.paticka { width: 460px; text-align: justify; float: left; padding: 9px; }
.hore { margin-right: 30px; }
.dole { margin-right: 17px; }
.webra { text-align: right; padding-right: 15px; padding-top: 15px; }

#pasik {    
  height: 280px;    
  margin: auto;
  margin-top: 120px;
  }

#pasik1 {     
  height: 214px;    
  background:url('./images/pasikBig.gif') repeat-x;	
}

#pasik2 {   
  height: 53px;  
  background:url('./images/pasikSmall.gif') repeat-x;	
}

#pasik3 {   
  height: 13px;  
  background:url('./images/pasikSmallest.gif') repeat-x;	
}

#obal {    
  top: 50px;  
  width: 806px;
  height: 100%;    
  margin: auto;
  margin-top: -350px;
  background:url('./images/bodyBG1.gif') repeat;
}

#logo {
  width: 806px;    
  height: 74px;
  background:url('./images/logo.gif');
}

#banner{
  width: 806px;
  height: 211px;  
  background: url(./images/baner.gif);	      	
}

#menu {  
  width: 806px; 
  height: 31px;       
}

#uvod{
  float:left;
  width: 110px; 
  height: 31px;     
  background: url(./images/uvod.gif);
}


#materialy{
  float:left;
  width: 150px; 
  height: 31px;     
  background: url(./images/materialy.gif);
}

#fotogaleria{
  float:left;
  width: 165px; 
  height: 31px;     
  background: url(./images/fotogaleria.gif);
}

#infformular{
  float:left;
  width: 237px; 
  height: 31px;     
  background: url(./images/infformular.gif);
}

#kontakt{
  float:left;
  width: 144px; 
  height: 31px;     
  background: url(./images/kontakt.gif);
}

#hlavna {
	margin-top: 18px;
	width: 689px;
	height: 193px;
	background-image: url(./images/hlavicka.jpg);
	background-repeat: no-repeat;
	border-color: #36661C;
	border-style: solid;
	border-width: 2px 2px 0px 2px;
}

.podmenu {
	text-decoration: underline;
	color: #496D02;
	margin-top: 7px;
	margin-left: 20px;
	float: left;
}

#nadpis_new {
	margin-left: 0px;
	background-color: #E4F1CF;
	background-image: url(./images/nadpis_new.jpg);
	background-position: 5px;
	background-repeat: no-repeat;
	width: 196px;
	height: 26px;
}

#celyobsah {   
  background: url(./images/celyobsahp.gif) repeat-y;  		
	width: 806px;
	height: 100%;;
  overflow: auto;        	  
  /*float:left;*/  	
}

#obsahbig{
  float:left;
  width: 786px;
  background: url(./images/obsahbg.gif);  
  font-family: Verdana;
  font-size: 14px;
  color: #FFFFFF;
  padding: 10px 10px 10px 10px;
  text-align: justify;  
  background-color: #709933;    
  min-height:500px; /* fast hack */
  height:auto !important;
  height:500px;
}

#obsahbig p {
  margin: 1em 0;
}

#obsah{
  background: url(./images/obsahbg.gif);        
  width: 544px;  
  float:left;  
  font-family: Verdana;
  font-size: 14px;
  color: #FFFFFF;
  padding: 10px 10px 10px 10px;
  text-align: justify;  
  background-color: #709933;    
  min-height:500px; /* fast hack */
  height:auto !important;
  height:500px;             
}

#uvod_left {
  padding-left:10px;
  float:left;
  width:285px;
}

#uvod_left p {
  margin: 0.5em 0 0 0;
}

.odpaduj {
  padding:5px 8px 9px 8px;
  background: url(images/kontainer.gif) 0 0 repeat-x;
}

.klikatelny {
  padding: 10px 0 0 0;
  cursor: hand;
  border-bottom: 2px solid transparent;
}

.klikatelny:hover {
  border-bottom: 2px solid #526B2E;
}

#uvod_left_2 {
  float:left;
  padding-left:20px;
  width:220px;
}

h1, h2 {
  color: #FBFF02;
  font-family: Arial, sans-serif;
  font-size: 2.3em;
  font-weight: normal;
  margin-bottom: 0.3em;
}

h1.uvod {
  font-size: 0.7em;
}

#uvod_left_2 h3 {
  font-family: Arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

#novinky {
  background: url(./images/novinkybg.gif);  
  padding: 10px 10px 10px 10px;
  background-color: #526B2E;         
	width: 222px;  	
	float: right;
	text-align: justify;	
  height: 100%;  	          
}

#novinky p {
  margin-top: 0.5em;
  text-align: left;          
}

#novinky h2 {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 0.3em;          
}

#pasikDown{
  width: 806px;
  height: 3px;
  background: url(./images/pasikDown.gif);
}

#spodnemenu{
  width: 806px;
  height: 26px;
  background: url(./images/footer.gif);
  font-size: 1.2em;
  color: #000;
  position: relative;
}

#spodnemenu div.menu {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -0.8em;
}

#spodnemenu div.menu a {
  margin-right: 10px;
  padding-right: 13px; 
  border-right: 1px solid #FCFF00;
}

#spodnemenu div.webdesign {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -0.8em;
}

#spodnemenu a {
  font-size: 1em;
  color: #000;
}

#spodnemenu a:hover {
  text-decoration: underline;
}

#uvod_m{
  float:left;
  width: 58px;   
  height: 26px;         
  /*background: url(./images/uvod_m.gif);*/
}

#materialy_m{
  float:left;
  width: 77px; 
  height: 26px;       
 /* background: url(./images/materialy_m.gif);*/
}

#fotogaleria_m{
  float:left;
  width: 89px; 
  height: 26px;       
 /* background: url(./images/fotogaleria_m.gif);*/
}

#infformular_m{
  float:left;
  width: 139px; 
  height: 26px;
/*  background: url(./images/infformular_m.gif);*/         
}

#kontakt_m{
  float:left;
  width: 68px; 
  height: 26px;
  /*background: url(./images/kontakt_m.gif);*/       
}
#fuga_m{
  float:left;
  width: 291px;
  height: 26px;
  background: url(./images/fuga_m.gif);   
}
#web_m{
  float:right;
  width: 84px; 
  height: 26px;
/*  background: url(./images/web_m.gif); */        
}

#nadpis {
  margin-top:20px;
}

#nadpis_2 {
  margin-top:10px;
}

#nadpis1 { background-image: url(./images/nadpis1.jpg); }
#nadpis2 { background-image: url(./images/nadpis2.jpg); }
#nadpis3 { background-image: url(./images/nadpis3.jpg); }
#nadpis4 { background-image: url(./images/nadpis4.jpg); }
#nadpis5 { background-image: url(./images/nadpis5.jpg); }
#nadpis6 { background-image: url(./images/nadpis6.jpg); }
#nadpis7 { background-image: url(./images/nadpis7.jpg); }

/*#obsah {
	width: 493px;
	background-color: #CCE685;
	margin-top: -6px;
	padding-top: 6px;
	float: left;
	text-align: justify;
}*/

#pata {
	height: 47px;
   width: 689px;
	background-image: url(./images/pozadiepata.jpg);
	background-repeat: repeat-x;
   border-color: #36661C;
	border-style: solid;
	border-width: 0px 2px 2px 2px;
	float: left;
}

#fuga {
	height: 20px;
   	width: 689px;
	float: left;
}

#mapa {
 margin:55px;
 margin-left: 200px;
	}
	
.mail{
	color: black;
}

.imgborder{
  border: 3px;
  border-style: solid;
  border-color: white;
	margin: 10px;
	float: left;
}

.odkaz { color: Black; margin-left: 80px;}
.odsadene15 { padding: 15px; }
.odsadene10 { padding: 10px; }
.odsad { margin-left: 30px }
.tucne { font-weight: bold; }
.cierne { color: #000000; }
.orange { font-size: 18px; color: #FF8500; }
.podciarknute { text-decoration: underline; }
.biele { color: #ffffff; }
.novinka { color:#C3EE5C; margin-top : 20px;margin-bottom: 12px; font-size: 16px; }

td a img {
  border: 3px;
  border-style: solid;
  border-color: white;
	margin: 10px;
}

.imageborder {
	margin: 0px;
	border: 2px solid #ffffff;
}

.tvrdost {
  margin: 1em auto;
  border: 1px solid #444;
  border-collapse: collapse;
  font-size: 1em;
}

.tvrdost td {
  border: 1px solid #444;
  text-align: left;
  padding: 0.5em 1em;
}

.tvrdost th {
  border: 1px solid #444;
  text-align: left;
  padding: 0.5em 1em;
  background: #95B943;
}

/*materialy*/
.material {
  margin: 1em 0;
  padding: 0;
  background: url(material/div_back.jpg) top center repeat-y;
  color: #000;
  border-bottom: 1px solid #709933;
  /*position: relative;
  z-index: 1;*/
}

.material div.top {
  margin: 0;
  padding: 0;
  background: url(material/div_top.jpg) top center no-repeat;
}

.material div.bottom {
  margin: 0;
  padding: 9px 0 8px 0;
  background: url(material/div_bottom.jpg) bottom center no-repeat;
}

.material div.title {
  margin: 0;
  padding: 0;
  background: url(material/title_bangkirai.jpg) top center no-repeat;
  height: 56px;
  position: relative;
  z-index: 5;
}

.material h2 {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  margin: -0.7em 0 0 0;
  position: absolute;
  left: 20px;
  top: 50%;
}

.material div.telo {
  margin: 0;
  padding: 0 20px;
}

.material div.podtitle {
  margin: 0;
  padding: 1em 0;
  font-size: 0.8em;
}

.lavytextik {
  float: left;
  width: 310px;
  margin: 0 8px 0 0;
  font-size: 0.8em;
}

.lavytextik img.ukaz {
  border: 4px solid #BBDD3D;
  margin: 0 0 10px 0;
  width: 300px;
}

.lavytextik table {
  width: 308px;
  margin: 1em 0;
  border: 1px solid #666;
  border-collapse: collapse;
  font-size: 0.8em;
}

.lavytextik table td {
  border: 1px solid #666;
  text-align: left;
  padding: 5px;
  background: #fff;
}

.lavytextik table td.mensie {
  width: 28%;
  background: #EDF8C7;
}

.pravytextik {
  padding: 0;
  margin: 0 0 0 320px;
}

.pravytextikmod {
  padding: 0;
  margin: 0;
}

.pravytextik p, .pravytextikmod p {
  margin: 0 0 1em 0;
  padding: 0;
}

.pravytextik img {
  border: 2px solid #ffffff;
}

.material div.spodok {
  clear: both;
  background: #EDF8C7;
  padding: 5px 0;
  margin: 0 9px 0 8px;
}

.material div.spodok a.tech {
  display: block;
  background: url(images/pdf.gif) center left no-repeat;
  padding: 15px 10px 15px 54px;
}

a.tech em {
  font-size: 0.9em;
}

/*fotogaleria*/
div.kategoria {
  padding: 8px;
  margin: 0 0 15px 0;
  background: url(images/kontainer.gif) 0 10% repeat-x;

}

div.kategoria .obrazok {
  display: block;
  width: 300px;
  height: 225px;
  float: left;
  padding: 0;
  border: 2px solid #58792B;
  margin: 0;
  position: relative;
}

div.kategoria .obrazok div {
  width: 300px;
  height: 225px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
}

div.kategoria .popis {
  padding: 5px;
  margin: 9px 0 0 310px;
}

div.kategoria .zmenseniny {
  padding: 0;
  margin: -15px 0 0 310px;
  z-index: 4;
  position: relative;
}

div.kategoria .zmenseniny img {
  border: 1px solid #58792B;
  height: 44px;
  float: left;
  margin: 5px 0 0 5px;
}

div.kategoria .obrazok-galeria {
  float: left;
  padding: 0;
  border: 2px solid #58792B;
  margin: 0;
}

div.kategoria .popis-galeria {
  padding: 5px;
  margin: 10px 0 0 170px;
}

div.kategoria .popis-galeria h3 {
  display: inline;
}

div.kategoria h3 {
  font-size: 1.2em;
}

.tvrdost-male {
  float: left;
  width: 164px;
  margin: 0;
  border: 2px solid #58792B;
  border-collapse: collapse;
  font-size: 0.7em;
  background: #fff;
  color: #444;
}

.tvrdost-male td {
  border: 1px solid #58792B;
  text-align: center;
  padding: 0.2em 0.3em;
}

.tvrdost-male th {
  border: 1px solid #58792B;
  text-align: left;
  padding: 0.2em 0.3em;
  background: #EDF8C7;
}

div.kategoria .spodok {
  padding: 0;
  margin: 0;
  clear: left;
}

div.vysuvacie {  
  width: 806px; 
  position: relative;  
  z-index: 20;   
}

div.vysuvacie dl {
    display: none;
    position: absolute;
    /*left: 0;*/
    background: url(images/rozbal.png) top left repeat;
    width: 120px;
    font-size: 1em;
    margin: 1px 0 0 0;
    padding: 0;
}

#fotogaleria_menu {
    left: 264px;
    width: 159px;
}

#materialy_menu {
    left: 114px;
    width: 144px;
}

div.vysuvacie dt {
    text-align: left;
    padding: 0 1px;
    margin: 2px;
}

div.vysuvacie dl a {
    display: block;
    background: none;
    padding: 2px 3px;
    text-align: left;
    color: #000;
}

div.vysuvacie dl a:hover {
    background: #fff;
    color: #000;
}

div.formular {
    float: right;
    margin: 10px 20px 0 0;
}

div.formular table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

div.formular table td {
    padding: 5px;
}

div.formular table input.text, div.formular table textarea {
    padding: 2px;
    border: 1px solid #666;
    width: 300px;
}

div.formular table input.buton {
    padding: 2px 10px;
    font-size: 1.2em;
}