@charset "utf-8";
/* CSS Document */

* {
 margin: 0px;
 padding: 0px;
 font-family: Verdana; font-size: 12pt
}

a { color: red; text-decoration: none;}
a:hover { color: black; text-decoration: none}


div.layout {
 width: 70%;
 margin: 60px auto 30px auto;
 background-color: #fffbc9;
 position: relative; border: 2px solid black
}


div.logo {
 width: 100%;
 height: 172px;
 position: absolute;
 top: -32px
}

img.logo {
 margin: auto; display: block
}

div.cleaner {
 clear: both
}

div.left-top-corner {
 width: 27px;
 height: 25px;
 background-image:url(img/left-top-corner.png);
 background-repeat: no-repeat;
 position: absolute;
 left: -5px;
 top: -4px;
}

div.right-top-corner {
 width: 27px;
 height: 25px;
 background-image:url(img/right-top-corner.png);
 background-repeat: no-repeat;
 position: absolute;
 right: -6px;
 top: -4px;
}

div.left-bottom-corner {
 width: 27px;
 height: 25px;
 background-image:url(img/left-bottom-corner.png);
 background-repeat: no-repeat;
 position: absolute;
 left: -5px;
 bottom: -4px;
}

div.right-bottom-corner {
 width: 27px;
 height: 25px;
 background-image:url(img/right-bottom-corner.png);
 background-repeat: no-repeat;
 position: absolute;
 right: -6px;
 bottom: -4px;
}

div.left-container {
 width: calc(30% - 40px);
 min-height: 200px;
 /*position: relative;*/
 /*top: 0px; left: 0px;*/
 padding: 125px 20px 20px 20px;
 line-height: 1.5em; font-size: 10pt
}

div.center-container {
 width: 40%;
 margin-right: 30%;
 padding-top: 150px;
 float: right;
}

div.right-container {
 width: calc(30% - 40px);
 min-height: 200px;
 position: absolute;
 top: 0px; right: 0px;
 padding: 125px 20px 20px 20px;
 line-height: 1.5em
}

div.photo-container {
 width: 100%;
 text-align: center;
}

img.photo {
 border: 2px solid black;
}

div.text-center-container {
 text-align: center; line-height: 1.5em;
 padding: 10px 20px 10px 20px; font-weight: bold
}

div.line-center-container {
 width: 100%;
 height: 11px;
 background-image:url(img/line-background.png);
 background-repeat: repeat-x;
}

div.cenik-center-container {
 text-align: center; line-height: 1.5em;
 padding: 10px 20px 10px 20px
}

@media screen and (max-width: 1680px){ /* 920px - Start */
 body {}
 div.layout { width: 80%}
}

@media screen and (max-width: 1480px){ /* 920px - Start */
 body {}
 div.layout { width: 85%}
}

@media screen and (max-width: 1280px){ /* 920px - Start */
 body {}
 div.layout { width: 90%}
}

@media screen and (max-width: 920px){ /* 920px - Start */
 
 div.layout { padding-bottom: 40px}
 
 div.logo {
 width: 100%;
 height: auto;
 position: absolute;
 top: -32px
}

img.logo {

}
 
 
 div.left-container {
  width: 90%;
  position: relative;
  padding: 20px 0px 0px 0px;
  text-align: center;
  margin: auto;
 }
 
 div.center-container {
 width: 100%;
 min-height: 200px;
 float: none;
}
 
 div.right-container {
  width: 90%;
  position: relative;
  padding: 20px 0px 0px 0px;
  text-align: center;
  margin: auto
 }
 
 div.text-center-container {
  width: 90%
 }
 
 div.line-center-container {
  width: 90%; margin: auto
 }
 
} /* 920px - Konec */


@media screen and (max-width: 680px){ /* 920px - Start */
body {}
 
 div.center-container {
  padding-top: 140px
 }
 
 div.logo {
  top: -29px
 }

 img.logo {
  width: 500px;
  height: auto;
 }

}

@media screen and (max-width: 600px){ /* 920px - Start */
body {}
 
 div.center-container {
  padding-top: 125px
 }
 
 div.logo {
  top: -26px
 }

 img.logo {
  width: 450px;
  height: auto;
 }

}

@media screen and (max-width: 550px){ /* 920px - Start */
body {}

 div.center-container {
  padding-top: 115px
 }
 
 div.logo {
  top: -23px
 }

 img.logo {
  width: 400px;
  height: auto;
 }

}

@media screen and (max-width: 500px){ /* 920px - Start */
body {}

 div.center-container {
  padding-top: 100px
 }
 
 div.logo {
  top: -20px
 }

 img.logo {
  width: 350px;
  height: auto;
 }

}

@media screen and (max-width: 400px){ /* 920px - Start */
body {}



 div.center-container {
  padding-top: 80px
 }
 
 div.logo {
  top: -14px
 }

 img.logo {
  width: 250px;
  height: auto;
 }

 img.photo {
  width: 80%;
  height: auto;
 }

}

@media screen and (max-width: 350px){ /* 920px - Start */
 
 body {}

 div.center-container {
  padding-top: 60px
 }
 
 div.logo {
  top: -12px
 }

 img.logo {
  width: 200px;
  height: auto;
 }

 img.photo {
  width: 80%;
  height: auto;
 }

}