* {
margin:0;
padding: 0;
box-sizing: border-box;
}


h1{
 width: 1100px;
 text-align: center;
 font-size: 60px;
 font-weight: 900;
 margin: 25px auto;
}


a{
 text-decoration: none;
 }

ul{
 list-style-position: inside;
}

.container {
 width: 1100px;
 margin: 0 auto;  
 background: rgba(88, 88, 88, 0.5);
 display: flex;
  }

.headermenu{
 display: flex;
 justify-content: space-between; 
 gap: 20px;
 margin: 25px 10px 25px 25px;
}


.headermenu li{
   font-size: 45px;
   list-style: none;
   }

.headermenu a{
   color: rgb(22, 22, 22);
}   

.headermenu a:hover{
  color: rgb(189, 189, 189);
  transition: 0.5s ease-in-out;
  font-size: 50px;
 
}

.headermenuInfo{
   font-size: 28px;
   color: rgb(219, 219, 219);
   margin: 25px 10px;
}

.footer{
 width: 1100px;
 background: rgba(88, 88, 88, 0.5);
 margin: 0 auto;
 font-size: 25px;
 padding: 20px;
}

.footer p{
 
}

.footer a{
 padding: 15px;
 color: rgb(201, 201, 201);
}

.footer a:hover{
  transition: 0.5s ease-in-out;
  font-size: 40px;
  color: black;
}

 /*   i n d e x   */

 .indexbody{
 background: url("../img/indexbody02.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
 
.indexmain h2{
 font-size: 35px;
 margin: 30px;
color: rgb(14, 14, 14);
}

.indexmain h3{
  color: rgb(221, 221, 221);
  font-size: 30px;
}

.indexmain p{
 padding: 10px 20px;
 margin: 20px 0;
 font-size: 30px; 
color: rgb(20, 20, 20);
}

.indexmain li{
  color: rgb(201, 201, 201);
}

.indexmain a{
color: rgb(201, 201, 201);
}

.indexmain a:hover{
  transition: 0.5s ease-in-out;
  font-size: 40px;
  color: black;
}

.indexmain img{
  width: 40%;
}

.indexmain{
  width: 1100px;
  text-align: center;
  margin: 0 auto;
 }

 .indexmainseznam{
  padding: 20px;
 }

 .indexmainseznam h3{
  margin: 30px 0;
 }

 .seznamnabidky{
  font-size: 25px;
  text-align: center;
 }

.prvnitxt{
 width: 45%;
  border: solid white;
 border-radius: 15px;
 padding: 15px 0 ;
  }

 .druhytxt{
   width:45%;
  border: solid white;
  border-radius: 15px;
  padding: 15px 0;
}
 
.tretitxt{
   width:45%;
  border: solid white;
  border-radius: 15px;
  padding: 15px 0;
 }

.ctvrtytxt{
   width:45%;
  border: solid white;
 border-radius: 15px;
 padding: 15px 0;
}
 
.patytxt{
   width:45%;
  border: solid white;
  border-radius: 15px;
  padding: 15px 0;
 }

.sestytxt{
   width: 45%;
   border: solid white;
  border-radius: 15px;
 padding: 15px 0;
 }

.sedmytxt{
   width:45%;
  border: solid white;
  border-radius: 15px;
  padding: 15px 0;
 }

.osmytxt{
   width:45%;
 border: solid white;
 border-radius: 15px;
 padding: 15px 0;
  }

.devatytxt{
 width:45%;
  border: solid white;
 border-radius: 15px;
 padding: 15px 20px;
 }

.desatytxt{
 width: 45%;
 border: solid white;
 border-radius: 15px;
 padding: 15px 0;
 }

 .prvni{
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
}

 .druhy{
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
} 

.treti{
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
}

.ctvrty{
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
}

.paty{
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
}
 
.sesty{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
 }

 .sedmy{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
 }

 .osmy{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
 }

 .devaty{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
 }

 .desaty{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
 }

 .sedmy img{
  margin-top: 20px;
 }

 .osmy img{
  margin-top: 20px;
 }

 .devaty img{
  margin-top: 20px;
  margin-bottom: 50px;
 }


/*  e l e k t r i k a  */

.elbody{
 background: url("../img/elektrobody03.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.elmain{
  text-align: center;
  color: black;
  margin-top: 30px;
}

.elmain h2{
  font-size: 30px;
  margin: 30px 0;
}

.elmain p{
  font-size: 25px;
  margin-bottom: 30px;
}

/*  a u t a t   */

.autabody{
  background: url("../img/autobody03.jpg");
  background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.foto {
  width: 1100px;
  margin: 0 auto;
 }

.foto img {
  width: 15%;
}

.foto img:hover {
   transform: scale(2);
   transition: 2s;
}

.autamain{
  text-align: center;
}

.autamain h2 {
  color: white;
  margin: 30px 0 ;
  font-size: 40px;
}

.autamain li {
  color: white;
  font-size: 25px;
}

.autamain p {
  color: white;
  font-size: 20px;
  margin: 20px 0;
}

  /*   c e n i k   */

.cenikbody{
 background: url("../img/cenikbody02.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.cenikmain{
width: 1100px;
margin: 30px auto;
color: #424242;
}

.cenikmain h2{
 font-size: 30px; 
 margin: 30px auto; 
}

.cenikmain li {
 font-size: 25px;  
}

.cenikmain p {
 font-size: 25px;  
 margin: 30px 0;
}


 /*   k o n t a k t  */

 .kontaktbody{
 background: url("../img/kontaktbody03.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
 .kontaktmain{
  width: 1100px;
  color: #b3b3b3;
  margin: 20px auto;
  text-align: center;
 }

  .kontaktmain h2{
  font-size: 30px;
  margin: 30px 0;
 }

 .kontaktmain p{
  font-size: 25px;
 }

  .kontaktmain li{
  font-size: 25px;
 }