/* Fotogaleria */

.container {
  position: relative;
  text-align: center;
  color: white;
}

.kolonka_foto_album {
  padding: 10px;

}

.kolonka_album {
  position: relative;
  text-align: center;
  color: white;
  width: 80%;
  font-size: 30px;

}

.fotoalbum {
  position: relative;
  text-align: center;
  color: white;
  width: 95%;
  padding: 5px;
}

.fotoalbum_foto {

}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}







body {
background-image: url(obrazky/mobil.jpg);
background-size: 100% auto;
background-attachment: fixed;
margin: 0 auto;
}

 
 /* Menu */

#nav {
width: 100%;
margin: 0px 0px 3px 0px;

}

#nav1 {
width: 100%;
margin: 0px 0px 3px 0px;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 10;

}
 
#nav2 {
width: 100%;
margin: 0px 0px 3px 0px;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 100;

}
 
 
.kolonka1 {
padding: 10px 15px;
display: inline-block;
margin: 2px 2px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
}

.kolonka2 {
padding: 10px 15px;
display: none;
margin: 2px 2px;
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: 2px 2px;
}

 .kolonka4 {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  background-color: #eb7628;
 margin: 2px 2px;
}

.kolonka5 {
padding: 3px 6px;
display: inline-block;
margin: 2px 2px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
} 

.kolonka6 {
padding: 3px 6px;
display: inline-block;
margin: 2px 2px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #eb7628;
} 

.kolonka7 {
padding: 3px 6px;
display: inline-block;
margin: 2px 2px;
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;
margin: 2px 2px;
border: none;
color: white;
text-align: center;
text-decoration: none;
background-color: #c45002;
display: inline;
}

  
 /* Telo */  

img {
display: inline-block;
margin: 0 auto;
width: 100%;
}

.profilFoto {
display: inline-block;
width: 70%;
}

.profilTEXT {
text-align: center;
}

.text {
text-align: center;
margin: 0px 2px 0px 2px;
}

.text-hlavicka {
text-align: right;
width: 100%;
background-color: #fcc097;
color: white;
font-family: cursive;

}

 /* Formatovanie textu P */ 
.p1 {
font-size: 18px;
}

.p2 {
font-size: 12px;
color: white;
font-family: cursive;
}

.kon {
display: block;
margin: 10 10;
width: 90%;
}
  
div#znacka {
padding: 5px 10px;
display: inline-block;
} 
      
.button {
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

.button1 {
width: 100px;
height: 100px;
}


.button2 {
width: 47%;
max-width: 170px;
background-color: #c45002;
padding: 10px 8px;
margin: 2px 2px;
}

 /* krok spat samostatna stranka */
.button3 {
width: 47%;
max-width: 170px;
background-color: #eb7628;
padding: 10px 8px;
margin: 2px 2px;
display: block;
}

     
div#book {
width: 98%;
display: block;
background-color: #E3D6CD;
}


article {
width: 97%;
overflow: auto;
background-color: #FFFFFF;
}
   
section {
overflow: auto;
border: 1px solid #DAC6BB;
border-radius: 2px;
background-color: #FFFFFF;
margin: 5px;
padding: 3px;
}


 /* produkt v ponuke */
div#produkt { 
width: 46%;
float: auto;
border: 1px solid #241917;
display: inline-block;
margin: 2px;
padding: 3px;
background-color: #FFFFFF;
}

div#nazov { 
height: 100px;

}

div#dostupnost { 

height: auto;

}

div#produkt_foto { 
height: auto;

}

 /* produkt samostatna stranka */

div#popis{ 
text-align: left;
text-decoration: none;
width: 95%;
float: auto;
border: 1px solid #241917;
display: inline-block;
margin: 5px;
padding: 3px;
background-color: #FFFFFF;
padding: 5px 5px 10px 5px;
}  

.foto1 {
display: block;
margin: 5 5;
width: 90%;
}

.foto2 {
display: inline-block;
margin: 5 5;
width: 45%;
}

.foto_clanky {
width: 90%;
display: block;
margin: 10 10;
}


 /* tabulky v produktoch */
 .tab1 {
background-color: #DAC6BB;
padding: 5;
}

 .tab2 {
padding: 5;
}

.tbl-produkt1 {
width: 100%;
padding: 5;
}

 /* tabulky v prehladoch */
 
table, th, td {
border: 1px solid;
text-align: center;
}  
  
table {
border-collapse: collapse;
width: auto;
} 
   
th {
background-color: #DAC6BB;
} 
 

h5 {
font-size: 10px;
color: white;
}

/* nove menu */
 
ul.a
{
  background: #c45002;
  padding: 2px;
  margin: 2px;
  border-radius: 2px;
  border: 1px solid;
  width: 90%;
 list-style-type: none;
}


ul.b
{
  background: #f59a5d;
  padding: 2px;
  margin: 2px; 
  list-style-type: none; 
}

ul.celok
{
}

ul.stlpce
{
}

ul li {
  background: #ffffff;
  padding: 5px;
  margin: 2px;
}

ul li a {
  color: black;
  text-decoration: none;
  font-size: 16px;
}


 /* Formulár */
 
 input[type=text] {
  width: 98%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

 input[type=sprava] {
  width: 98%;
  height: 100;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

 /* novy vzhlad */

.logo {
width: 80;
}

.logo2 {
width: 50;
display: inline;
}

.logo3 {
width: 50px;
}

div#menu_header{ 
width: 100%;
}  

div#menu_r{ 
float: right;

}  

div#menu_l{ 
float: left;

}  

div#logo1{ 

}  

.kolonka_menu_lev1 {
padding: 2px 5px;
display: inline-block;
margin: 2px;
border-radius: 3px;
border: 3px solid;
border-color: #a64605;
color: black;
text-align: center;
text-decoration: none;
background: #ffffff;
}

.kolonka_menu_lev2 {
padding: 2px 5px;
display: inline-block;
margin: 2px;
border-radius: 2px;
border: 3px solid;
border-color: #fcef5d;
color: black;
text-align: center;
text-decoration: none;
background: #ffffff;
}

 .kolonka3 {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  background-color: #c45002;
 margin: 2px 2px;
}

div#menu_lev1{ 
width: 100%;
padding: -10px 0px 0px 0px;

}  

div#menu_lev2{ 


}  

 /* nova peta */
div#nav_dole {
width: 95%;
display: inline-block;
border: 5px solid;
border-color: #a64605;
border-radius: 5px;
background-color: #ffffff;
margin: 20px 0px 0px 0px;
}

div#nav_dole_l {

}

div#nav_dole_r {

}

div#nav_dole_d {

}

input[type=submit] {
padding: 3px 5px;
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;
}