 /* Fotogaleria */

.container {
  position: relative;
  text-align: center;
  color: white;
}

.kolonka_foto_album {
  padding: 10px;

}

.kolonka_album {
  position: relative;
  text-align: center;
  color: white;
  width: 40%;
  font-size: 60px;
}

.fotoalbum {
  position: relative;
  text-align: center;
  color: white;
  width: 800;
  padding: 10px;
}

.fotoalbum_foto {

}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bottom-right {
  position: absolute;
  bottom: 20px;
  right: 16px;
}






body {
background-image: url(obrazky/background.jpg);
background-size: 100% auto;
background-attachment: fixed;
margin: 0 auto;
}

 /* Menu */
  
#nav {
width: 80%;
display: block;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 30;

}

#nav1 {
width: 90%;
display: block;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 80;

}

#nav2 {
width: 80%;
display: block;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 200;

}

.kolonka1 {
padding: 10px 25px;
display: inline-block;
margin: 5px 10px 5px 10px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
}

.kolonka2 {
padding: 10px 25px;
display: inline-block;
margin: 5px 10px 5px 10px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
}

 .kolonka3 {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  background-color: #c45002;
  margin: 5px 10px 5px 10px;
   width: 30%;
}

 .kolonka4 {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  background-color: #eb7628;
  margin: 5px 10px 5px 10px;
   width: 30%;
}

 .kolonka5 {
padding: 5px 10px;
display: inline-block;
margin: 2px 5px 2px 5px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
}

 .kolonka6 {
padding: 5px 10px;
display: inline-block;
margin: 2px 5px 2px 5px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #eb7628;
}

 .kolonka7 {
padding: 5px 10px;
display: inline-block;
margin: 2px 5px 2px 5px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c11ee6;
}
 
div#nav #myLinks {
  display: none;
} 

div#nav #myLinks_eshop {
  display: none;
} 

div#nav1 #myLinks_ponuka_mivardi {
  display: none;
} 

div#nav1 #myLinks_ponuka_3zbaits {
  display: none;
} 

div#nav #myLinks_mobil {
  display: none;
} 
  
 div#nav a.icon {
padding: 10px 15px;
display: inline;
margin: 5px 10px 5px 10px;
border: none;
color: white;
text-align: center;
text-decoration: none;

background-color: #c45002;
}

 /* Telo */  
  
img {
display: inline-block;
margin: 0 auto;
max-width: 800px;
}

.profilFoto {
display: inline-block;
width: 500px;
float: left;
margin: 0px 20px 0px 25px;
}

.profilTEXT {
text-align: left;
}

.text {
text-align: center;
}

.text-hlavicka {
text-align: right;
width: 100%;
background-color: #fcc097;

coloy  w ?? ;
font-family: cursive;

}

 /* Formatovanie textu P */ 
.p1 {
font-size: 20px;
}

.p2 {
font-size: 10px;
color: white;
font-family: cursive;
}

.kon {
display: block;
margin: 10 10;
width: 90%;
}

div#znacka {
padding: 10px 25px;
display: inline-block;
}
  
.button {
border: none;
color: white;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
}

.button1 {
width: 200px;
height: 200px;
}


.button2 {
width: 200px;
background-color: #c45002;
padding: 10px 25px;
margin: 4px 2px;
}

 /* krok spat samostatna stranka */
.button3 {
width: 200px;
background-color: #eb7628;
padding: 10px 25px;
margin: 4px 2px;
display: block;
}
  
  
div#book {
width: 60%;
min-height: 1000px;
float: auto;
background-color: #E3D6CD;
display: block;
}

article {
width: 98%;
overflow: auto;
background-color: #FFFFFF;
}
   
section {
width: 98%;
overflow: auto;
border: 1px solid #DAC6BB;
border-radius: 2px;
background-color: #FFFFFF;
margin: 3px;
padding: 5px;
}


/* produkt v ponuke */

div#nazov { 
width: 95%;
height: 100px;
margin: 0 2 0 2;
padding: 0 3px;
display: inline-block;
}

div#produkt { 
width: 20%;
height: auto;
float: auto;
border: 1px solid #241917;
display: inline-block;
margin: 5px;
padding: 3px;
background-color: #FFFFFF;
}


 /* produkt samostatna stranka */

 div#prehlad{
width: 90%;  
margin: 0 auto 15 auto;
display: inline-block;
}  

 div#popis{ 
width: 40%;
display: inline-block;
border: 1px solid #241917;
float: right;
background-color: #FFFFFF;
text-align: left;
padding: 50px 30px 50px 30px;
}  

 div#fotky{ 
width: 50%;
display: inline-block;
border: 1px solid #241917;
float: left;
background-color: #FFFFFF;
} 

.foto1 {
width: 70%;
display: block;
margin: 10 10;
}

.foto2 {
width: 30%;
display: inline-block;
margin: 10 10;
}

.foto_clanky {
width: 40%;
display: inline-block;
margin: 10 10;
}

 /* tabulky v produktoch */
 .tab1 {
background-color: #DAC6BB;
padding: 10;
}

 .tab1 {

}

.tbl-produkt1 {
padding: 20;
}


 /* tabulky v prehladoch */

table, th, td {
border: 1px solid;
text-align: center;
}  
  
table {
border-collapse: collapse;
width: 90%;
} 

th {
background-color: #DAC6BB;
}
   


h5 {
font-size: 20px;
color: white;
}

 /* nove menu */
 
ul.a
{
  list-style-type: none;
  background: #c45002;
  padding: 1px;
  margin: 5px;
  border-radius: 10px;
  border: 1px solid;
}


ul.b
{
  list-style-type: none;
  background: #f59a5d;
  padding: 2px;
  margin: 5px;
  
}

ul.celok
{
  width: 100%;
  list-style-type: none;

}

ul.stlpce
{
  width: 12%;
  display: inline-block;
}

ul li {
  background: #ffffff;
  color: black;
  padding: 5px;
  margin: 5px;
  text-decoration: none;
  font-size: 18px;
}

ul li a {
  background: #ffffff;
  color: black;
  padding: 5px;
  margin: 5px;
  text-decoration: none;
  font-size: 18px;
}

 /* Formulár */
 
 
 input[type=text] {
  width: 60%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

 input[type=sprava] {
  width: 60%;
  height: 100;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

 /* novy vzhlad */

.logo {
width: 200px;
}

.logo2 {
height: 50px;
}

.logo3 {
width: 50px;
}

div#menu_header { 
width: 90%;
}  

div#menu_lev1 { 
width: 100%;
padding: 0px 10px 10px 10px;
}  

div#menu_r { 
float: right;
}  

div#menu_l{ 
float: left;
} 


.kolonka_menu_lev1 {
padding: 10px 15px;
display: inline-block;
margin: 3px 7px 3px 7px;
border-radius: 7px;
border: 5px solid;
border-color: #a64605;
color: black;
text-align: center;
text-decoration: none;
background-color: #ffffff;
}

.kolonka_menu_lev2 {
padding: 10px 15px;
display: inline-block;
margin: 3px 7px 3px 7px;
border-radius: 7px;
border: 5px solid;
border-color: #d4671e;
color: black;
text-align: center;
text-decoration: none;
background-color: #ffffff;
}

.kolonka_menu_lev3 {
padding: 10px 15px;
display: inline-block;
margin: 3px 7px 3px 7px;
border-radius: 7px;
border: 5px solid;
border-color: #a64605;
color: black;
text-align: center;
text-decoration: none;
background-color: #FFFF00;
}

 /* nova peta */
div#nav_dole {
width: 60%;
display: inline-block;
border: 5px solid;
border-color: #a64605;
border-radius: 5px;
background-color: #ffffff;
margin: 50px 20px 0px 20px;
}

div#nav_dole_l {
float: left;
width: 50%;
}

div#nav_dole_r {
float: right;
width: 50%;
}

div#nav_dole_d {

}


input[type=submit] {
padding: 5px 10px;
margin: 2px 3px 2px 3px;
border-radius: 5px;
border: 5px solid;
border-color: #0ca819;
color: black;
text-align: center;
text-decoration: none;
background-color: #ffffff;
display: inline;
}