/* CSS Document */

* {margin: 0; padding: 0;}
body  {font-family: 'Verdana', Verdana, sans-serif; font-size: 14px; background: #fff; color: #666; text-align: center; margin: 0; padding: 0;}

/* Sticky footer */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap-in {padding-bottom: 54px;}

/* */

a:link  {color: #168add; text-decoration: underline; font-weight: normal;}
a:visited  {color: #168add; text-decoration: underline; font-weight: normal;}
a:hover {color: #168add; text-decoration: none;}
a img {border: none;}

h2  {color: #168add; font-size: 22px; font-weight: bold; margin: 8px;}
h3  {color: #168add; font-size: 16px; font-weight: bold; margin: 24px 8px 10px 8px;}

p {margin: 10px; text-align: justify;}
p strong  {color: #168add;}

hr  {height: 1px; color: #168add; background-color: #168add; border: 0px solid #168add; margin-top: 30px; margin-bottom: 30px; width: 800px;}

.left {float: left;}
.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0;}
.shade  {width: 960px; height: 16px; background: url(../img/shade.png) no-repeat 0 0; display: block;}

/* Header */

a.order {position: absolute; display: block; overflow: hidden; width: 193px; height: 42px; top: 8px; right: 310px; z-index: 1000;}
a.order span  {position: absolute; top: 0; left: 0; display: block; width: 193px; height: 42px; background: url(../img/order.png) 0 0 no-repeat; cursor: pointer;}
a:hover.order span  {position: absolute; top: 0; left: 0; display: block; width: 193px; height: 42px; background: url(../img/order.png) 0 -42px no-repeat; cursor: pointer;}

#head {width: 960px; text-align: center; margin: 0 auto; position: relative; overflow: hidden; padding: 0; height: 135px;}

#head a {color: blue;}

/* Menu */

ul.menu  {list-style: none; position: relative; left: 50px; top: 15px; padding-bottom: 15px; float: left; font-size: 10px;}
ul.menu li a  {font-size: 12px; width: 255px; height: 22px; margin: 1px; background: url(../img/menu.png) no-repeat top right; padding-left: 5px; padding-top: 8px; display: block; color: white; text-decoration: none;}
ul.menu li a:hover  {background: url(../img/menu.png) no-repeat 255px -30px #5abee2; display: block; color: #025fa6; text-decoration: none;}

/* Logo */

#head h1 {width: 267px; height: 42px; overflow: hidden; display: block; position: relative; float: left; top: 52px; left: 60px;}
#head h1 a span  {position: absolute; top: 0; left: 0; background: url(../img/layout2_03.jpg) no-repeat 0 0; width: 267px; height: 42px; overflow: hidden; display: block; cursor: pointer;}

#head .title  {float: right; position: relative; top: 55px; right: 70px; color: #168add; font-size: 24px;}

/* Content */

#page {width: 960px; text-align: left; margin: 0 auto; position: relative; overflow: hidden; padding: 0;}

#content  {float: right; width: 612px; display: block; margin-right: 18px;}

/* */

.gallery  {text-align: center; margin: 0 auto;}
.gallery img  {margin: 8px; border: 2px solid #168add; padding: 1px;}
.gallery img a  {margin: 8px; border: 2px solid #168add; padding: 1px;}

/* */

.highlight {background: url(../img/layout2_07.jpg) no-repeat top left #3899e2; width: 960px; padding-bottom: 15px;}
.highlight p  {float: right; color: white; font-size: 14px; font-weight: normal; width: 500px; position: relative; top: 82px; right: 50px; margin: 8px;}
.highlight p a  {color: #fcf300; font-weight: bold; text-decoration: underline;}
.highlight p a:hover  {text-decoration: none;}

/* */

.box  {float: left; width: 259px; display: block; background: url(../img/layout2_21.jpg) repeat-x 0 74px; margin-left: 43px;}
.box ul {margin-left: 6px; margin-top: 6px; width: 242px; list-style: none;}
.box ul li  {background: url(../img/arr.png) no-repeat 0 5px; padding-left: 14px; font-size: 14px; color: #168add;}
.box a  {position: relative; margin-top: 14px; margin-left: 44px; width: 163px; height: 42px; display: block;}
.box a span {position: absolute; top: 0; left: 0; background: url(../img/layout2_24.jpg) no-repeat 0 0; width: 163px; height: 42px; display: block; cursor: pointer;}

h2.zdrav  {width: 259px; height: 73px; position: relative; top: 0; left: 0; margin: 0;}
h2.zdrav span  {position: absolute; top: 0; left: 0; background: url(../img/layout2_11.jpg) no-repeat 0 0; width: 259px; height: 73px;}

h2.prum  {width: 259px; height: 73px; position: relative; top: 0; left: 0; margin: 0;}
h2.prum span  {position: absolute; top: 0; left: 0; background: url(../img/layout2_13.jpg) no-repeat 0 0; width: 259px; height: 73px;}

h2.hotel  {width: 259px; height: 73px; position: relative; top: 0; left: 0; margin: 0;}
h2.hotel span  {position: absolute; top: 0; left: 0; background: url(../img/layout2_15.jpg) no-repeat 0 0; width: 259px; height: 73px;}

/* */

h3.ref  {margin-top: 38px; position: relative; display: block; width: 187px; height: 34px;}
h3.ref span  {position: absolute; display: block; width: 187px; height: 34px; top: 0; left: 0; background: url(../img/layout2_28.jpg) no-repeat 0 0;}
.refindex {margin-left: 44px; margin-top: 6px;}
.refpage {margin-left: 28px; margin-top: 6px;}
.refpage2 {margin-left: 48px; margin-top: 6px;}
a.btn {margin-top: 2px; position: relative; display: block; width: 108px; height: 25px; left: 800px;}
a.btn span  {position: absolute; display: block; width: 108px; height: 25px; top: 0; left: 0; background: url(../img/layout2_32.jpg) no-repeat 0 0; cursor: pointer;}

/* */

ul.service {list-style: none; margin-left: 10px;}
ul.service li  {background: url(../img/arr.png) no-repeat 8px 19px #eee; padding: 14px 14px 14px 22px; font-size: 14px; color: #666; margin-top: 5px;}

ul.kontakty1 {list-style: none; margin-left: 14px; width: 462px; float: left;}
ul.kontakty1 li  {background: #eee; padding: 14px; font-size: 14px; color: #666; margin-top: 5px;}
ul.kontakty2 {list-style: none; margin-right: 14px; width: 462px; float: right;}
ul.kontakty2 li  {background: #eee; padding: 14px; font-size: 14px; color: #666; margin-top: 5px;}

.blue {color: #168add;}

/* Table */

table {width: 880px; margin-top: 6px; margin-left: 30px; font-size: 14px;}
table th  {background: #808285; color: white; font-weight: bold; padding: 4px;}
table td {background: none; border: none; width: 220px; height: 100px; text-align: center; font-weight: bold;}

/* Sidebar */

#sidebar  {width: 330px; float: left; display: block;}
#sidebar img  {margin: 14px 38px; border: 2px solid #168add; padding: 1px;}

/* */

.kontakt  {background: url(../img/layout_13.jpg) no-repeat top center #007dc6; color: white; width: 234px; padding: 8px; height: 184px;}
.kontakt h2 {color: white;}
.call {font-size: 14px; font-weight: bold; padding-left: 40px; background: url(../img/call.png) no-repeat 0 5px; line-height: 34px; display: block; margin-left: 20px;}
.call span  {color: #ccc;}
.mess {font-size: 14px; font-weight: bold; padding-left: 40px; background: url(../img/mess.png) no-repeat 0 9px; line-height: 34px; display: block; margin-left: 20px;}
.mess a {color: white; font-weight: bold;}

/* */

.shortlinks {background: url(../img/layout_20.jpg) no-repeat bottom center; height: 109px;}
a.shop  {position: relative; display: block; width: 250px; height: 33px;}
a.shop span {position: absolute; width: 250px; height: 33px; background: url(../img/layout_01.jpg) no-repeat 0 0; top: 0; left: 0;}
a.shop span:hover {background: url(../img/layout_01.jpg) no-repeat 0 -33px; cursor: pointer;}

a.uspory  {position: relative; display: block; width: 250px; height: 38px;}
a.uspory span {position: absolute; width: 250px; height: 38px; background: url(../img/layout_03.jpg) no-repeat 0 0; top: 0; left: 0;}
a.uspory span:hover {background: url(../img/layout_03.jpg) no-repeat 0 -38px; cursor: pointer;}

.separator  {background: url(../img/layout_18.jpg) no-repeat top center; height: 1px; width: 250px; position: relative;}

/* Footer */

.cta  {background: #c3e5fe; margin-top: 20px;}
.ctalign  {width: 960px; text-align: left; margin: 0 auto; position: relative; padding: 12px 12px 26px 12px;}
.ctalign ul {list-style: none; margin-left: 8px;}

.footer {background: url(../img/layout2_36.jpg) repeat-x 0 0; height: 70px; margin-top: 40px; color: white; font-size: 10px;}
.footeralign {width: 960px; text-align: left; margin: 0 auto; position: relative; height: 41px; padding-top: 29px;}
.nospace  {margin: 0;}

.footer a  {color: #fcf300; text-decoration: underline;}
.footer a:hover  {text-decoration: none;}