/* general */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #595959;
  text-align: center;
  background: white;
}

a, a:link {
  color: #5ba1ef;
  text-decoration: underline;
}

a:visited {
  color: #595959;
}

a:hover, a:active, a:focus {
  color: #0d4f98;
}

.blue {
  color: #5ba1ef;
}

.darkblue {
  color: #0d4f98;
}

/* logo */
.logo {
  width: 282px;
  height: 66px;
  color: #5ba1ef;
  font-size: 190%;
  float: left;
}

.logo a {
  display: block;
}


h1 {
  color: #5ba1ef;
  font-size: 20px;
  margin-bottom: 10px;
}

h1 a {
  display: block;
}

h1.odsadit-shora {
  margin-top: 2em;
}

#left p strong{
  font-size: 13px;
}
#left h2{
  font-size: 15px;
}
#left h3{
  font-size: 13px;
}
/* aktivni polozka menu */
h2 {
  clear: left;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

h3 {
  font-size: 100%;
  color: #000;

}

h4 {
  font-size: 110%;
  color: #0d4f98;
  margin: 20px 0 10px;
}

h5 {
  font-size: 110%;
  color:  #5ba1ef;

}

p {
  margin: 10px 0;
  line-height: 150%;
}

#obsah ul {
  margin: 10px 0;
  line-height: 150%;
}

#obsah ul li {
  margin: 5px 0px 5px 30px;
  list-style-type:none;
  background:url(../files/images/layout/dot.jpg) left top no-repeat;
  padding-left:15px;
}

.cistic {
  height: 0px;
  _width: 1px;
  _font-size: 1px;
  _line-height: 1px;
  _margin: -1px -1px 0 0;
  clear: both;
}

.strong {
  font-weight: bold;
}

img.left {
  margin: 0 20px 20px 0;
  border: 1px solid #093474;
  float: left;
}

img.right {
  border: 1px solid #093474;
  margin: 0 0 20px 20px;
  float: right;
}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  =font-size: 85%;
}

address {
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
  margin: 20px 0;
  line-height: 150%;
}

td {
  _font-size:70%;
}

/***************** layout *************/

#main {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#header {
  width: 800px;
  height: 287px;
  float: left;
  position:relative;
}

#header-home {
  width: 800px;
  height: 287px;
  background: url("../files/images/layout/united-spa-bg.jpg") no-repeat;
  float: left;
  position:relative;
}



#top {
  width: 518px;
  height: 25px;
  font-size: 100%;
  border-bottom: 2px solid #5ba1ef;
  padding-top: 31px;
  line-height: 100%;
  background: url("../files/images/layout/podlogo.jpg") no-repeat 0 0;
  float: left;
}

#menu {
  width: 502px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #5ba1ef url("../files/images/layout/roh.jpg") no-repeat top left;
  float: right;
}

/*Logo*/
#logo-box {
  position:absolute;
  top:0px;
  left:0px;
}
a.logo{
  color:#000000;
  font-size:2em;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:282px;
  height:66px;
  text-align:right;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/united-spa.jpg) top left no-repeat;
  width:282px;
  height:66px;
}
/*Logo*/


#menu a, #menu a:visited {
  color: white;
}

#menu a:hover, #menu a:active, #menu a:focus {
  color: #0d4f98;
}
#menu a.act, #menu strong {
  text-decoration:none;
  font-weight:bold;
  color: #0d4f98;
}

.oddelovac {
  padding: 0 1px;
  color: #0d4f98;
}


/**obsah**/

#obsah {
  width: 760px;
  _width: 800px;
  padding: 20px;
  background: #f6f6f6;
}

#left {
  width: 370px; /* 385px */
  float: left;
}

#right {
  width: 370px; /* 352px */
  float: right;
}

#banner-vpravo {
  float: right;
  padding: 30px 0 0 15px;
}

/* formular */

input, textarea, select {
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
  padding: 3px;
  background: white;
  font-size: 100%;
  border: 1px solid #cacaca;
}

fieldset {
  padding: 20px;
  background: #e9e9e9;
  margin-bottom: 10px;
}
fieldset p {
  margin: 0 0 10px 0;
}
input#odeslat {
  margin: 5px 0;
  float: right;
  padding: 3px 10px;
  font-weight: bold;
  border: 0;
  background: #5ba1ef;
  color: white;
}

textarea {
  width: 98%;
}

.button {
  background-color:#5ba1ef;
  color:#0D4F98;
  font-weight:bold;
}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* paticka */


#paticka {
  width: 800px;
  height: 25px;
  line-height: 25px;
  font-size: 90%;
  =font-size: 85%;
  color: #999;
  float: left;
  text-align: center;
  margin: 10px 0;
  background: #f6f6f6 url("../files/images/layout/paticka.jpg") repeat-x bottom left;
  clear: both;
}


/* styly pavel */
br.clear {
  height:0px;
  line-height:0px;
  font-size:0px;
  overflow:hidden;
}
.center {
  text-align:center;
}

/* Header, Submenu */
#header {
  position:relative;
  overflow:hidden;
}
#header h2{
  position:absolute;
  font-weight:normal;
  font-size:2.5em;
  left:12px;
  top:173px;
  z-index:1;
}
#submenu {
  position:absolute;
  top:211px;
  z-index:2;
}
#submenu ul li{
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:left;
}
#submenu ul li a{
  color:#ffffff;
  text-decoration:none;
  display:block;
  float:left;
  padding:7px 10px;
  background:url(../files/images/layout/bg-submenu.png) left top repeat;
  margin:1px 0px;
}
#submenu ul li a:hover, #submenu ul li.act a{
  font-size:1.2em;
  margin:0px;
  background:#000000;
  color:#d2e3f6;
}
/* Header, Submenu */
/* Breadcrumb */
#breadcrumb {
  position:absolute;
  top:260px;
  left:0px;
  font-weight:bold;
  color:#595959;
  z-index:2;
}
#breadcrumb a{
  color:#595959;
  text-decoration:none;
}
#breadcrumb a:hover {
  color: #0d4f98;
}
/* Breadcrumb */

/* Product-left */
#product-top-line {
  width:370px;
  overflow:hidden;
  margin-top:-29px;
}
#product-top-line h1 {
  width:auto;
  font-size:1.3em;
  font-weight:normal;
  height:auto;
  clear: none;
  margin: 0px;
  padding: 0px;
  padding-top:24px;
  _padding-top:27px;
}
#product-top-line h2 {
  width:auto;
  font-size:2.7em;
  font-weight:normal;
  height:auto;
  margin: 0px;
  padding: 0px;
  color: #5ba1ef;
}
#product-top-line p {
  background:url(../files/images/layout/bg-price-right-bottom.png) right bottom no-repeat #5ba1ef;
  width:auto;
  float:right;
  color:#ffffff;
  position:relative;
  padding:20px 8px 13px 8px;
}
#product-top-line p span{
  background:url(../files/images/layout/bg-price-left-bottom.png) left bottom no-repeat #5ba1ef;
  display:block;
  width:5px;
  height:6px;
  position:absolute;
  left:0px;
  bottom:0px;
}
#product-top-line p strong{
  font-size:2.3em;
  font-weight:normal;
}
#obsah ol {
  margin: 10px 0;
  padding-left:30px;
}
#obsah ol li {
  line-height: 150%;
}
/* Product-left */

/* Product-zalozky */
#produkt-zalozky {
  background:url(../files/images/layout/bg-price-left-top.png) left top no-repeat #5ba1ef;
  padding-left:15px;
  overflow:hidden;
  padding-top:10px;
  =padding-top:9px;
}
#produkt-zalozky ol{
  padding:0px;
  margin:0px;
}
#produkt-zalozky ol li{
  list-style-type:none;
  display:inline;
}
#produkt-zalozky ol li a{
  padding:15px;
  color:#ffffff;
  line-height:2.3em;
  text-decoration:none;
}
#produkt-zalozky ol li.act a, #produkt-zalozky ol li a:hover{
  background:#ffffff;
  color:#5ba1ef;
}
#zalozky-detail {
  background:#ffffff;
}
#zalozky-detail .zalozka-detail {
  padding:10px 0px;
}
#zalozky-detail .zalozka-detail table{
  width:99%;
}
#zalozky-detail .zalozka-detail table td{
  padding:3px 5px;
}
/* box-zalozka-grey */
.box-zalozka-grey {
  width: 364px;
  overflow:hidden;
  background:#f1f1f1;
  padding:3px;
  margin-bottom:18px;
}
.box-zalozka-grey .foto, .box-zalozka-grey .foto-nolightbox{
  float:left;
  width:125px;
}
.box-zalozka-grey .text{
  margin-left:135px;
}
.box-zalozka-grey h3{
  font-size:1.25em;
  margin:0px;
  padding:0px;
}
.box-zalozka-grey p{
  margin:0px;
  padding:3px 0px;
  line-height:1.3em;
}
/* box-zalozka-grey */
#zalozky-detail #barvy p {
  padding:0px 13px;
  margin:2px 0px;
}
#zalozky-detail #barvy p img{
  padding:0px 7px 7px 0px;
}

#zalozky-detail #barvy h4, #zalozky-detail #barvy h5 {
  padding:0px 0 0 13px;
}

/* Product-zalozky */

/* styly pavel */
div.lista-seo{
  margin-top: 10px;
  color: #AEAEAE;
  font-size: 9px;
}
div.lista-seo a{
  color: #AEAEAE;
  font-size: 9px;
}
div.lista-seo a:hover{
  text-decoration: none;
}
td{
  padding:3px;

}
.prehled{

  text-align: center;
}

.prehled2{
  color: White;
  font-weight: bolder;
  text-align: center;
}
.prehled3{
  font-weight: bold;
  text-align: center;
}

td.gall
{
  width: 156px;
  height: 156px;
  background-color: #F7F3F7;
  border: 1px solid #DEDFDE;
  text-align: center;
  vertical-align: middle;
}

td.gall img
{
  border: 1px solid #000000;
  cursor: pointer;
}

/* fotogalerie */

.fotogalerie {
  margin-bottom:20px;
  width:760px;
  overflow:hidden;
}

.fotogalerie .img-out {
  text-align: center;
  width:180px;
  float:left;
  margin:5px 10px 5px 0px;
  display:table;
  height:180px;
  background-color: #E5ECF9;
  overflow:hidden;
  =position: relative;
}
.fotogalerie .fotog-navysku
{
  height:152px;
}

.fotogalerie .fotog-prava {
  margin:4px 0px 4px 0px;
}

.fotogalerie .img-out .img-in {
  text-align: center;
  margin:0px auto;
  display:table-cell;
  vertical-align: middle;
  background-color: #E5ECF9;
}
.fotogalerie a{=position: absolute; =top: 50%;}

.fotogalerie img{
  background-color: #fff;
  padding: 5px;
  border: 1px solid #b5b5b5;
  margin-top:2px;
  =left: -50%; =top: -50%; =position: relative;
}

.cistic, .clear {
  clear: both;
}

/*paticka-certifikace*/
#paticka-certifikace {
  margin-top:2px;
  text-align:center;
}
#paticka-certifikace ul li {
  list-style-type:none;
  padding:0px 3px;
  display:inline;
}
/*paticka-certifikace*/
