body {font-family: sans-serif, arial; background: #fff url(../images/body_bg.jpg) repeat-x; margin: 0; font-size: 12px;}

#web {float: left; width:100%; }
#main {margin: 0 auto;  width: 985px; min-height: 800px;}


#header {float: left; width: 955px; padding-left: 15px; padding-right: 15px; height: 56px; color: #fff;}
#logo {float: left; width: 210px; height: 56px; }
#logo a {float: left; margin-top: 4px; margin-left: 5px;}
#logo a img {float: left; border: none;}
#ie6 {display: none;}
#menu {float: left; width: 745px; height: 56px; font-size: 13px;}
#menu ul {list-style-type: none; display: block; margin: 0; padding: 0; float:left; margin-top: 31px; }
#menu li {display: inline; margin: 0; padding: 0; float: left; margin-right: 19px;}
#menu li span {float: left; margin-right: 4px;}
#menu li a {padding:0; margin:0; padding-top: 0; padding-bottom: 0; float: left;  text-decoration: none; color: #fff; }
#menu li a.sel {text-decoration: underline; font-weight: bold;}

#top {float: left; width: 955px; height: 335px; margin-left: 15px; background-image: url(../images/top_bg.png); background-repeat: repeat-x; background-position: 0px 14px;}
#top img.main {float: left; margin-top: 14px;}
#top .right {float: left; width: 442px; height: 335px; }
#top .klikyhak {float: left;margin-left: -65px; background-image: url(../images/klikyhak.png); background-repeat: none; width: 77px; height: 335px;}
#top .gift {background-image: url(../images/gift.png); background-repeat: no-repeat;width: 57px; height: 61px; float: right !important; margin-right: 4px;}
#top h1 {float: left; font-size: 13px; color: #fff; margin: 0; padding: 0; margin-top: 25px; }

#images {float: left; margin-top: -9px; width: 425px;margin-left: 5px; }
#images .img {float: left; width: 126px; height: 92px; background-image: url(../images/img_shadow.png); background-repeat: no-repeat; margin-right: 15px;}
#images .img a img {border: #fff 1px solid; width: 110px; height: 64px; }
#images .img a {text-decoration: none; color: #ea6a60;}
#images .img a.im {margin-left: 7px; margin-top: 11px; float: left; } 
#images .img h2 {width: 126px; text-align: center; font-size: 12px; color: #ea6a60; float: left; margin: 0; padding: 0;}

#content_hlavicka {float: left; width: 985px; height: 15px; background: #dbdbdb url(../images/content_prechod.png) no-repeat; }
#content {float: left; width: 965px; padding-left: 15px; padding-right: 15px; background-image: url(../images/main_bg.png); background-repeat: repeat-y;}
#inside {width: 965px; background-color: #fff; min-height: 400px; padding-bottom: 25px; position: relative;}



#footer {margin: 0 auto; width: 100%; background-color: #fff;}
#submenu {float: left; color: #76b7dd; width: 100%; /*height: 32px;*/ padding-top: 4px; background: #e2e2e2 url(../images/submenu_bg.png) repeat-y; background-position: center;}
#submenu a {color: #76b7dd; text-decoration: none;}
#submenu a:hover {color: #76b7dd; text-decoration: underline;}
#extlinks {float: left; background-color: #E2E2E2; text-align: center; width: 100%; padding-top: 5px;}
#extlinks a {color: #27749F;}
#mezera {float: left; width: 100%; height: 20px; background-color: #e2e2e2;}
#copy {float: left; width: 100%; height: 20px; padding-top: 5px; background-color: #bd130e; color: #fff;}

/* left */
#left {float: left; width: 205px; padding-right: 4px; background-image:url(../images/left_bg.png); background-repeat: no-repeat; background-position: right top; min-height: 296px; padding-top: 14px; margin-top: -6px; }
#left h1 {margin:0;} 
hr {float: left; width: 184px; margin-left: 8px; border-color: #e5e5e5; color: #e5e5e5; background-color: #e5e5e5; border:0; height: 1px; margin-top: 8px; margin-bottom: 8px;}
.navi {float: left; width: 160px; height: 20px; line-height:20px; padding-left: 36px; background-position: 8px 0px; background-repeat: no-repeat; margin-bottom: 6px; text-decoration: none; color: #494949; font-size: 13px; font-weight: bold; }
#rezervace {background-image: url(../images/ico_rezervace.png);}
#faq {background-image: url(../images/ico_faq.png);}
#kontakty {background-image: url(../images/ico_kontakty.png);}

#searchform {float: left; width: 176px; height: 200px; margin-top: 5px; padding-left: 12px; padding-right: 12px; background: #fff url(../images/panel_bg.jpg) no-repeat; background-position: bottom;}
#searchform form {float: left; width: 176px;}
#searchform form table {float: left; border: none; border-spacing: 0; border-collapse: collapse; width: 100%;}
#searchform input {float: left; width: 110px; border: #c9c9c9 1px solid;}
#searchform select {float: left; width: 114px;border: #c9c9c9 1px solid;}
#searchform label {float: left; width: 63px; color: #9c9c9c; font-weight: bold; }
#searchform table td {height: 29px; }
#searchform input.sbm {float: right; width: 70px; height: 20px; background-image: url(../images/btn_hledej.png); background-repeat: no-repeat; border: none;}
#search {background-image: url(../images/ico_lupa.png); background-repeat: no-repeat;}
.search {color: #d1342f !important;}

#infolinka {float: left; width: 182px; padding-left: 10px; margin-left: 3px; padding-right: 10px;  height: 33px; background: #fff url(../images/infolinka.png) no-repeat; margin-top: 10px;}
#infolinka span {height: 33px; line-height: 33px; font-weight: bold;}
#infolinka .left {float: left; color: #535353; }
#infolinka .right {float: right; color: #d1342f; }

#vernostni {float: left; margin-top: 10px; margin-left: 3px !important; width: 201px; height: 94px; background: #fff url(../images/vernostni.png) no-repeat; text-decoration: none;}
#vernostni span {color: #515151; float: right; width: 94px; margin-top: 33px; font-weight: bold; }
 

#right {/*position: absolute; top: 0px; right: 0px;*/ float: left; width: 176px; padding-left: 14px; margin-top: -6px;  background-image: url(../images/left_bg.png); background-repeat: no-repeat; background-position: left top; min-height: 296px; padding-top: 13px;}
#login {float: left; width: 186px; }
#right hr {width: 176px; margin-left: 0px;}
#login a {float: left; width: 166px; padding-left: 10px; background: #fff url(../images/rarr_blue.png) no-repeat 0px 4px; text-decoration: none; color: #4b4b4b; margin-bottom: 7px;} 

#balicek {float: left; width: 176px;}
#balicek h1 {font-size: 12px; margin: 0; padding: 0; color: #119fde; margin-bottom: 5px;}
#balicek img {margin-left: 38px;}
#balicek p {color: #a0a0a0; margin:0 0 10px; }

#pro {font-size: 11px; float: left; width: 169px; height: 148px; padding-top: 30px; padding-left: 15px; background: #fff url(../images/pro_bg.png) no-repeat; }
#pro span {float: left; width: 154px; color: #818181; font-weight: bold; margin-bottom: 5px;}
#pro a {color: #3F486E; font-weight: bold;}
#pro a:hover {color: #0085BF}

#asociace {float: left; width: 169px; margin-top: 20px; }
#asociace a img {border: none; }
#asociace a {margin-left: 30px; }

#center {float: left; width: 510px; min-height: 200px; padding-left: 24px; padding-right: 6px; }
#center p {text-align: justify;}
#center h1.gift {float: left; width: 519px; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; padding-bottom: 3px; padding-top: 5px; border-bottom: #d1342f 1px solid; color: #d1342f; font-size: 16px; background-image: url(../images/ico_gift_red.png); background-position: right; background-repeat: no-repeat;}
#center h2.gift {float: left; width: 519px; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; padding-bottom: 3px; padding-top: 5px; border-bottom: #1978a9 1px solid; color: #1978a9; font-size: 14px; background-image: url(../images/ico_gift_blue.png); background-position: right; background-repeat: no-repeat;}
#darky {float: left; width: 519px; background-image: url(../images/darky_bottom.png); background-repeat: no-repeat; background-position: bottom;  padding-bottom: 27px; margin-top: 10px;}
.darek {float: left; width: 135px; height: 170px; margin-left: 27px;}
a.img img {border: #ccc 1px solid; padding: 4px; float: left;}
.darek a {float: left; text-align: center; width: 135px; margin-bottom: 4px;}
a.name {color: #525852; font-weight: bold;}
a.detail {color: #6db1db; text-decoration: none;}

#select {float: left; width: 209px; background: #e2f4fe url(../images/menu_bg.png) repeat-y; margin-top: -6px; }
#menu_head {float: left; height: 30px; width: 100%; background: #fff url(../images/menu_top.png) no-repeat; }
#menu_head h1 {float: left; margin: 0; padding: 0; font-size: 13px; color: #FFF; padding: 5px; }
#menu_content {float: left; padding-left: 9px; padding-right: 14px; width: 186px; }
#menu_content a {float: left; width: 177px; padding-bottom: 3px; padding-top: 3px; border-bottom: #b9c3c9 1px dotted; padding-left: 9px; background-image: url(../images/menu_rarr.png); background-position: 0px 9px; background-repeat: no-repeat; text-decoration: none; color: #000;}
#menu_content a.sel {background-image: url(../images/menu_rarr.png); color: #d1342f !important;}
#menu_bottom {float: left; width: 100%; height: 57px; background: #fff url(../images/menu_bottom.png) no-repeat; }

#center.with_text {width: 540px; padding: 0; padding-top: 5px; position: relative;}
#text {float: left; width: 519px; padding: 10px; margin-left: 5px; background: #fff url(../images/text_bg.png) no-repeat top; min-height: 100px;}
#text h1 {float: left; margin: 0; padding: 0; width: 519px; color: #d1342f; font-size: 15px; margin-bottom: 10px;}
#text p {margin:0;margin-bottom: 10px;}
#text p img.left {float: left; margin: 0px 10px; }
#text p img.right {float: right; margin: 0px 10px; }
#text h3 {font-weight: normal; color:#d1342f; margin: 0; padding: 0; margin-top: 5px; font-size: 13px;} 
#center .item {float: left; margin-left: 10px; width: 532px; margin-bottom: 10px;}
*html #center .item {margin-left: 5px;}
#center .item .head {float: left; width: 530px;  background: #fff url(../images/red_cap.png) no-repeat;}
/*#center .item .head a {float: right; color: #fff; margin: 5px; }*/
#center .item .content {float: left; width: 528px; border: #e5e5e5 1px solid; border-top: none; }
#center .item .head h1 {float: left; font-size: 14px; color: #fff; margin: 5px 0px 0px 5px; width: 100%;}
#center .item .head h1 a {width: 100%; display: block; color: #fff; font-size: 13px; height: 19px;}
#center .silver  .head {background-image: url(../images/silver_cap.png) !important;}
#center .silver  a {color: #000 !important;}
#center .silver  h1 {color: #000 !important;}
#center .item .left {float: left; width: 120px; padding: 6px; }
#center .item .right {float: left; width: 388px; padding-top: 6px;}
#center .item .right p {text-align: justify; margin: 0; margin-left: 3px;}
#center .item span {float: right; color: #2c749d; margin-right: 10px;}

#text .levy {float: left; width: 300px; padding-right: 10px;}
#text .pravy {float: left; width: 200px;}
#text .pravy img {border: #fff 3px solid; float: left; margin-bottom: 10px; }
#text .pravy a {float: left; width: 160px; padding-left: 21px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0px 3px; margin-left: 13px; color: #515151; margin-bottom: 5px;}
#adrenalin {float: left; margin-top: 105px; margin-left: 45px;}
#gallery {float: left; width: 510px; height: 91px; background: #88c8e8 url(../images/gal_bg.png) no-repeat; padding-left: 8px; padding-right: 8px; margin-top: 20px;}
#gallery a img {border: none; float: left;}
#gallery a {float:left; margin:3px; margin-top:10px; }
#text .levy table {border-spacing: 0; border-collapse: collapse;  float: left;}
#text .levy table td.wider {width: 100px;}
#text a {color: #d33431; }
#text p.no_margin_bottom {margin-bottom: 0;}
#text address {font-style: normal;}
#text .odstavec h1 {color: #d03530; width:100%; text-decoration: underline; font-weight: normal; font-size: 12px; margin: 0; padding: 0;}
#text .odstavec {float: left; margin-bottom: 10px; width: 100%;}
#text .infolinka {margin-left: 50px; font-size: 15px;float: left; width: 150px;}
#text .infolinka .cepice {margin-left: 43px;margin-bottom: 4px;}
#text .infolinka h1 {width: 100% !important;margin: 0; text-align: center; font-size: 18px; font-weight: normal;}
#text .infolinka span {width: 100%; text-align: center; float: left;}
#text h2 {color: #cb3536; font-size: 15px; font-weight: normal; padding-top: 20px; }
.boxik {float: left; width: 100%; }
.boxik .ousko {float: left; height: 22px; margin: 10px 0px 0px 10px; background-color: #E5E5E5;}
.boxik .ousko-left {background: url(../images/tab_top_left.png) no-repeat; width: 16px;}
.boxik .ousko-right {background: url(../images/tab_top_right.png) no-repeat; width: 16px;}
.boxik .ousko div {float: left; height: 22px; line-height: 22px; display: inline;}
.boxik .obsah {float: left; width: 499px; padding: 10px; border: #e5e5e5 1px solid;}
.boxik .obsah p {margin-bottom: 0 !important;}
table.right {float: right !important; margin-top: 10px;}
.boxik table {border-spacing: 0; border-collapse: collapse; float: left;}
.boxik table td {}
.boxik table td.top  {vertical-align: top; width: 150px;}
.boxik table td.grey {background-color: #e5e5e5; border-top: #e5e5e5 1px solid !important;}
.boxik table td.grey span {margin-left: 17px; white-space: nowrap;}
.boxik table input {width: 320px; padding-top: 4px; height: 20px; border: #e5e5e5 1px solid;}
.boxik table .small {width: 90px; border: none !important; }
.boxik table.right {margin-top: 25px;}
.boxik table input.small {}
.boxik table td.small {border: #e5e5e5 1px solid !important;}
.boxik table td.btn-right {text-align: right;}
.boxik table input.checkbox {width: 16px; height: 16px;}
.boxik table textarea {width: 320px; height: 117px; border: #e5e5e5 1px solid;}

.switcher_ch {float: left; width: 100%;}

#text .sbm {padding: 0px 10px !important; width: auto; height: 28px !important; border: #e5e5e5 1px solid; background: #fff url(../images/btn_odeslat_bg.png) repeat-x;color: #07628e; font-size: 11px;}
#text .sbm.nocode {width: 210px;}
/*
#text .sbm {padding-top: 0 !important; width: 110px !important; height: 28px !important; border: #e5e5e5 1px solid; background: #fff url(../images/btn_odeslat_bg.png) repeat-x;color: #07628e; font-size: 14px;}
*/
#text a.sbm {float: left; width: 280px !important; text-align: center; color: #d43937; padding-top: 6px !important; height: 20px !important; text-decoration: none;}

#table {float: left; margin-left: 10px; margin-top: 15px; }
#table table {border-spacing: 0; border-collapse: collapse; border: #dcdcdc 1px solid; }
#table table td { border: #dcdcdc 1px solid; padding-left: 5px;}
#table table td.center {text-align: center;}
#table table td, #table table th { height: 29px;}
#table table th {background-color: #444; color: #fff; border: #dcdcdc 1px solid; padding-left: 5px;}
#table table th.objednat {background-color: #aaa; color: #fff;}
#table table tr.dark {background-color: #808080; color: #fff;}
#table table th.t1 {width: 270px; text-align: left;}
#table table th.t2 {width: 82px;}
#table table th.t3 {width: 52px;}
#table table th.t4 {}
#table a img {border: none;}
.kontakt {float: left; margin-top: 18px; /*width: 300px;*/color: #535353;}
.kontakt a {text-decoration: none; color: #535353 !important;}
.kontakt a:hover {text-decoration: underline;}
.kontakt h1 {font-size: 15px !important; color: #08648d !important; margin-bottom: 0 !important; font-weight: normal;}
.kontakt h2 {width: 150px !important; padding: 0 !important; font-size: 15px !important; color: #08648d !important; margin-bottom: 0 !important; font-weight: normal;}
#nej {float: left; width: 186px;}
#nej .blue {float: left; clear: both; color: #0098dc; }
#nej .category {float: left; clear: both; color: #d4423d; font-weight: bold; margin-top: 3px; margin-bottom: 3px; }
#nej a {color: #535353; float: left; clear: both; margin-top: 2px; width: 170px;}
.onas_img {float: right; padding: 3px; border: #c2c2c2 1px solid; margin: 10px; margin-right: 0;}
.cepice {float: left; width: 46px; height: 41px; background-image: url(../images/cepice.png); background-repeat: none; margin-top: 10px;}

#footer .in {width: 100%; text-align: center;}

*html #content { background: none; padding-left: 1px;}
*html #inside {height: 500px; overflow: visible;}
*html #top {margin-left: 7px; }
*html #text .infolinka {margin-left: 0 !important;}
*html #text {margin-left:2px;}
*html #gallery {padding-right: 0;}
*html #table {margin-left: 2px;}
*html #gallery a {margin-right: 2px; margin-top: 9px !important;}
*html #adrenalin {margin-top: 56px; margin-left: 22px;}
*html #content {margin-left: 7px;}
*html #images {margin-left: 0; }
*html #images .img {margin-right: 13px;}
*html #text .infolinka .cepice {margin-left: 20px;}


/*kosik*/
#center.with_text #cart table { border: 1px solid #dcdcdc; width: 100%;}
#center.with_text #cart th { padding: 5px; color: #119fde; }
#center.with_text #cart input { margin-left: 15px;}
#center.with_text #cart a { margin-left: 10px;}
#center.with_text #cart img { border: 0; }
#center.with_text #cart .form_price { margin-left: 0px; border: 0; text-align: right;}
#center.with_text #cart .form_points { width: 20px; border: 0; text-align: right;}
#center.with_text #cart .total_price { color: #119fde; font-weight: bold; padding-left: 12px;}
#center.with_text #cart .form_submit { color: #119fde; background-color: #fff; float: right; padding: 2px; margin: 5px;}

/*
*html .item, .item * {border: 1px solid red;}
*html #right, #right * {border: 1px solid blue;}
*html #center * {border: 1px solid red;}
*/

.hidden{
    visibility: hidden;
    display: none;
}

strong.highlight {background-color: #99ccff; font-weight: normal;}