/* CSS Style Sheet by HoNzA Malík */
/* HTML ELEMENTY */
body {
  background-color: #D7E4EC;
  font: normal 10pt/12pt Arial;
}
h1 {
    color: white;
    padding-top: 30px;
    padding-left: 80px;
    font: bold 18pt/20pt 'Verdana';
}
h2 {
  padding-left: 50px;
  margin-top: 20px;
}
h3  {
  margin-left: 20px;
}
a:link {
  color: #0000EE;
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:visited {
  color: #0000EE;
  text-decoration: none;
}
a:hover {
  color: #0000BB;
  text-decoration: none;
}
img {
  border: 0px solid #00008E;
  margin-left: auto;
  margin-right: auto;
}
acronym {
    cursor: help;
    border-bottom: 1px dashed black;
}
form {margin-top: 0px; margin-bottom: 0px;}
input {
  border: 1px solid blue;
}
textarea {
  border: 1px solid blue;
  font: normal 8pt/10pt 'Verdana';
}


/* OBSLUHA MENU */
#menu {
  width: 798px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgb(0,102,255);
  border-left: 1px solid #00008E;
  border-right: 1px solid #00008E;
}
.menu-polozka {
  font: bold 10pt/12pt Verdana;
  color: rgb(0,0,155);
  padding-left: 7px;
  padding-right: 7px;
}
.menu-polozka a:link{
  color: white;
}
.menu-polozka a:visited{
  color: white;
}
.menu-polozka a:hover{
  color: white;
  background-color: rgb(0,0,153);
}

.menu-polozka2 {
  font: bold 10pt/12pt Verdana;
  color: #ff9a66;
  padding-left: 7px;
  padding-right: 7px;
}
.menu-polozka2 a:link{
  color: #ff9a66;
}
.menu-polozka2 a:visited{
  color: #ff9a66;
}
.menu-polozka2 a:hover{
  color: #ff9a66;
  background-color: rgb(0,0,153);
}

/* OBSHLUHA STRANKY */
#reklamy {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 700px;
}
#reklama-l {
  margin-left: auto;
  margin-right: auto;
  float:left;
  width: 300px;
  height: 260px;
  text-align: center;
  border: 1px dotted black;
}
#reklama-p {
  margin-left: auto;
  margin-right: auto;
  float: right;
  width: 300px;
  height: 120px;
  text-align: center;
  border: 1px dotted black;
}
#page {
  padding-top: 0px; 
  margin-top: 0px;
  width: 800px;
  /*border: 1px solid #000099;*/
  margin-left: auto;
  margin-right: auto;
  
}
#title {
  margin-top: 0px;
  border: 1px solid #00008E;
  height: 100px;
  padding-left: 0px;
  padding-top: 0px;
  background: url('www_img/titulek-novy01.jpg') no-repeat;
}
#kosik {
  float: right;
  border: 0px solid black;
  margin-top: 15px;
  margin-right: 10px;
  width: 150px;
  font: bold 8pt/14pt 'Verdana'; 
  text-align: right;
  color: white;
}
#kosik a:link {
  color: white;
}
#kosik a:visited {
  color: white;
}
#obsah {
  background-color: #FFFFFF;
  width: 798px;
  border: 1px solid #00008E;
  padding-bottom: 30px;
}
#autor {
   color: #92BCD6;
   font: bold 7pt/9pt Verdana;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
}/*
.autor a:link, a:visited, a:active {
  color: #92BCD6;
}
.autor a:hover {
  color: #5697BF;
}
*/
/* OSTATNI ID */

/* TOPENI */
#topeni {
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
.t-img {
  border: none;
  margin-left: 0px;
  margin-right: 0px;
}
.polozka-topeni {
  border: 1px solid #00008E;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  clear:both;
}
.polozka-bazen {
  border: 1px solid #00008E;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.bezna {
  float: left;
  margin-left: 100px;
  margin-bottom: 5px;
}
.nase {
  float: left;
  margin-right: 100px;
  margin-bottom: 5px;
}
.cena0 {
  color: #848484;
  font: italic 9pt/11pt 'Arial';
  text-decoration: line-through;
}
.cena1 {
  color: red;
  font: bold 10pt/12pt 'Arial';
}
/* FIRMA */

.fotky {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
}
.foto {
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid darkblue;
}
.text {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  text-indent: 30px;
}
.text-sam {
  width: 650px;
  margin-top: 100px;
  margin-bottom: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  text-indent: 30px;
}
.upoutavka {
  background-color: #FFFFCC;
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px dotted red;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}


/* KONTAKT */
.kontakt {
  background-color: #D7E4EC;
  width: 540px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.kontakt-table {
  margin-left: auto;
  margin-right: auto;
}
.kontakt-table-space {
  padding-bottom: 15px;
}
/* KOTEL */
.kotel-typ-menu {
  background-color: #D0E2FF;
  border-top: 1px solid #5672A0;
  border-bottom: 1px solid #5672A0;
  margin-top: 0px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.polozka-kotel {
  width: 180px;
  border: 1px solid darkblue;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
}
.polozka-akce {
  width: 180px;
  border: 2px dashed red;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
}
.kotel-nazev {
  text-align: center;
  font: bold 8pt/12pt 'Verdana';
}
.kotel-typ {
  color: #4AAFFD;
  font: normal 10pt/12pt 'Verdana';
  font-variant: small-caps;
  padding-right: 10px;
}
kotel-obr {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  border: 0px;
}
kotel-obr a:link{
  border: 20px solid black;
}
.dph {
  font: italic 6pt/10pt 'Verdana'; 
}
.top {
  font: italic 6pt/10pt 'Verdana';
  margin-left: 80%;
  padding-right: 10px;
}
.spec-obr {
  float: right;
}
.specifikace {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
  background-color: #D7E4EC;
}

/* CERPADLA */
.specifikace2 {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
  background-color: #D7E4EC;
  text-align: center;
}

cerp-obr {
  margin-left: 10px;
  margin-right: 10px;    
}
.tbl-cerpadla {
  margin-left: auto;
  margin-right: auto; 
  margin-top: 10px;
  margin-bottom: 15px;
  width: 600px;
  cellspacing: 2px;
}
.zahlavi {
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  font: bold 8pt/10pt 'Verdana';
}

/* CENIKY */


.ceniky {
  margin-bottom: 20px;
}
.cenik-zahlavi {
  font: bold 8pt/12pt 'Verdana';
  color: blue;
  text-align: center;
}
.cenik {
  width: 590px;
  margin-left: auto;
  margin-right: auto;
}
.cenik-polozka {
  border-top: 1px dashed black;
  padding-left: 2px;
  padding-right: 2px;
  font: bold 9pt/14pt 'Verdana';
  vertical-align: top;
}
.cenik-polozka2 {
  border-top: 1px dashed black;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  font: normal 8pt/14pt 'Verdana';
  vertical-align: top;
}

/* OBJEDNAVKA */

.objednavka {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  padding: 5px 10px;
  font: normal 9pt/14pt 'Verdana';   
}
.objednavka-zbozi {
  font: bold 10pt/14pt 'Verdana';
  margin-top: 10px;
  margin-bottom: 10px;
}

/* KOSIK */
.kosik {
   margin-bottom: 20px;
   margin-top: 20px;
    margin-left: auto;
    margin-right: auto;  
    width: 600px;
}
.kosik-zahlavi {
  font: bold 8pt/12pt 'Verdana';
  text-align: center;
  color: blue;
  padding-bottom: 5px;
  border-bottom: 1px dashed black;
}
.kosik-polozka {
  font: normal 8pt/18pt 'Verdana';
  padding-left: 20px;
  padding-right: 10px;
}
.kosik-polozka2 {
  font: normal 8pt/18pt 'Verdana';
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.kosik-suma1 {
  border-top: 1px dashed black;
  padding-top: 10px;
  font: bold 10pt/18pt 'Verdana';
  font-variant: small-caps;
  padding-left: 30px;
}
.kosik-suma2 {
  border-top: 1px dashed black;
  padding-top: 10px;
  font: bold 10pt/18pt 'Verdana';
  font-variant: small-caps;
  padding-right: 10px;
}
.podminky {
  width: 400px;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.udaje {
  width: 400px;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.udaje-table {
  text-align: left;
}
.udaje1 {
  font: bold 8pt/16pt 'Verdana';
  vertical-align: top;
}
.udaje2 {
  padding-left: 10px;
}
.chyba {
  color: red;
  font: bold 9pt/14pt 'Verdana';
  text-align: center;
  font-variant: small-caps;
  margin-top: 50px;
  margin-bottom: 80px;
}
.warning {
  font: bold 8pt/10pt 'Verdana';
  color: red;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  margin-right: 30px;
  border: 1px dotted red;
}
.bazen {
  border: 1px solid blue;
  font: normal 8pt/10pt 'Verdana';
  margin-left: auto;
  margin-right: auto;
}
.bazen_head {
  border-bottom: 1px dotted blue;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font: bold 8pt/10pt 'Verdana';
}
.bazen_body {
  border-bottom: 1px dotted #D7E4EC;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font: normal 8pt/10pt 'Verdana';
}
.oznameni {
  color: blue;
  width: 550px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left:auto;
  margin-right: auto;
  border: 2px dashed blue;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font: bold 16pt/18pt 'Arial'; 
}
.akce {
  color: red;
  width: 550px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left:auto;
  margin-right: auto;
  border: 1px dotted red;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font: bold 16pt/18pt 'Arial'; 
}
.akce-text {
  color: black;
  font: normal 10pt/12pt 'Verdana';
}
.akce-subtext {
  color: black;
  font: normal 8pt/10pt 'Verdana';
  text-align: right;
}