/* CSS Reset v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* styles */
body {
font: 13px/1.5 "Tahoma", "Geneva CE", lucida, sans-serif;
color: #333;
background-color: #efefef;
}
ul {list-style: disc; padding-left: 30px;}
ol {list-style: decimal; padding-left: 30px;}
a {text-decoration: none; color: #1e93d4;}
h1, h2, h3, .h1, .h2, .h3 {font-family: "Trebuchet MS"; font-weight: bold;}
h1, .h1 {font-size: 1.3em; padding: 10px;}
h2, .h2 {font-size: 1.1em; padding: 5px;}
h3, .h3 {font-size: 1em; padding: 5px;}
/* notifikace */
.msg, ul.error {width: 460px; padding:10px 20px; margin: 5px auto; border:1px solid #DD7; background:#FFA; font-weight:bold;}
.msg.error, ul.error {border:1px solid #ffafa9; background:#ffdbd8; color:#e60404;}
.msg.success {border:1px solid #ADD65B; background:#DDFBB0 url("../imgs/msg-ok00.gif") 7px 10px no-repeat; color:#3A0;}
.msg.nfo {border:1px solid #8DC3F7; background:#DEEDFD url("../imgs/msg-nfo0.gif") 10px 8px no-repeat; color:#0077CC;}
.top-right-corner {position:absolute; top: 15px; right:15px;}
.cleaner {visibility: hidden; clear: both; height:0px;margin:0px;padding:0;}
.ten-px {height: 10px;}
.five-px {height: 5px;}
#main, #main-bottom, #footer, #footer-before, #footer-after
{width: 940px; margin: 0px auto; padding: 0 10px; background: transparent url('/images/layout/main.bg.png') repeat-y;}
#main-bottom {background: url(/images/layout/main.bottom.png) no-repeat; height: 12px;}
/* TODO - fixme */
#header {height: 280px; background: transparent url('/images/layout/header.bg7.1.jpg') 0 0px no-repeat; position: relative;}
#header #main-menu {padding-top: 237px;}
#header #main-menu ul {list-style: none; padding-left: 0; height: 41px; border: 1px solid #dc6b01; background: #ff7d00 url('/images/layout/menu.bg.png') 0 0 repeat-x;}
#header #main-menu ul li {float: left;}
#header #main-menu ul li.separator {width: 2px; height: 21px; padding: 10px 0; background: transparent url('/images/layout/menu.bg.separator.png') 0 0 no-repeat;}
#header #main-menu a {display: block; height: 21px; padding: 10px 30px; margin-bottom: 1px; color: #dff1fb; font-weight: bold;}
#header #main-menu a:hover, #header #main-menu a.active {background-color: orange;}
#header a.home {position: absolute; top: 80px; left: 80px; width: 288px; height: 81px;}
#header a.home span {visibility:hidden;}
#header #ears a {display: block; float: right; width: 210px; padding: 3px 0 0 0; margin-top: -1px; height: 59px; text-align: center; margin-right: 10px; background: /*#f2f2f2*/ transparent url('/images/layout/header.ear.png') 0 0 no-repeat; font-size: 1.35em; font-weight: bold; color: #134069; line-height: 1.25em;}
#header #ears a span {color: #2a9cd8;}
#header #ears a:hover, #header #ears a.active {color: #999;}
#header #ears a:hover span, #header #ears a.active span {color: #ff7d00;}
#content {clear: both; padding:10px; background-color: #FFF;}
/* left column */
#left {float: left; width: 260px;}
#left h2, #left .h2 {margin-left: 10px; font-size: 1em; }
/* left menu */
#left #left-menu.rounded {padding: 3px 0 0 0; margin-bottom: 10px;}
#left .left-menu {overflow: visible; background: #1e93d4 url('/images/layout/left.menu.bg.png') 0 0 repeat-y; }
#left .left-menu-before {background: url("/images/layout/left.menu.top.png") no-repeat; height: 3px;}
#left .left-menu-after {background: url("/images/layout/left.menu.bottom.png") no-repeat; height: 3px; margin-bottom: 10px;}
#left #left-menu ul {list-style: none; padding: 2px; margin: 0px 4px;}
#left #left-menu h2 {padding-bottom:0; margin-bottom: 0; color: #FFF;}
#left #left-menu li {margin: 2px 0 0 0; padding:0;}
#left #left-menu a.menu-item/*, #left #left-menu a.menu-item-active*/ {display: block; color: #2977b9; font-size: 0.95em; padding: 5px 10px; font-weight: bold; *margin-top: -3px;
background: #fcfcfc url('/images/layout/left.menu.item.bg.png') 0 0 repeat-y;}
#left #left-menu a.rounded {margin-bottom: 4px; margin-top:3px; padding: 6px 10px;}
/*#left #left-menu a.menu-item-active {background: #d8edff !important; border: 1px solid #b1d8ef; margin: 3px 0; border-width: 1px 0 1px 1px; width: 245px;}*/
#left #left-menu .menu-item-before {background: url("/images/layout/left.menu.item.top.png") no-repeat; *margin-top: -15px; height: 2px;}
/*#left #left-menu .menu-item-active-before {visibility: hidden;}*/
#left #left-menu .menu-item-after {background: url("/images/layout/left.menu.item.bottom.png") no-repeat; height: 2px;}
/*#left #left-menu .menu-item-active-after {visibility: hidden;}*/
/* left search form */
#left #search.rounded {padding: 3px 0 4px 0; margin-bottom: 10px;}
#left #search {color: #1e93d6; background: #d8edff url('/images/layout/search.bg.png') 0 0 repeat-y; padding-bottom:1px;}
#left #search .h2 {color: #104068;}
#left #search form {margin: 0px 6px 2px 6px;}
#left .search-before {background: url("/images/layout/search.top.png"); height: 3px;}
#left .search-after {background: url("/images/layout/search.bottom.png"); height: 3px; margin-bottom: 10px;}
#left .row {padding: 4px 6px; background-color: #b2d8ef}
#left .row label {display: block; float: left; font-weight: bold; width: 55px;}
#left .row input {padding-left: 3px; width: 169px;}
#left .row select {width: 177px;}
#left .row.rounded {padding: 5px 6px; margin-bottom: 5px;}
#left .row-before, .row-after {background: url("/images/layout/search.row.round.png") no-repeat; height: 1px;}
#left .row-after {margin-bottom: 5px;}
#left .row-nobg {padding: 0; background: none;}
#left .row-nobg input {margin-left:0; margin-bottom: 0; vertical-align: middle;}
#left .submit {float: right; margin-top: 35px;}
#left #related-orders ul {list-style: none; margin: 0; padding: 0 0 0 12px; font-size: 0.85em;}
#left #related-orders li {padding: 2px 0;}
/* banner */
#left .box {background: #efefef url('/images/layout/left.box.bg.png') 0 0 repeat-y; padding: 0 5px 2px 5px;}
#left .box .h2 {padding-bottom: 2px; margin-left: 5px; color: #777;}
#left .box.rounded {padding: 3px 5px 5px 5px; margin-bottom: 10px;}
#left .box-before {background: url("/images/layout/left.box.top.png") no-repeat; height: 3px;}
#left .box-after {background: url("/images/layout/left.box.bottom.png") no-repeat; height: 3px;margin-bottom: 10px;}
/* offices */
#left #offices {}
#left #offices h3 {padding-top: 0;}
#left #offices .h2 {margin-left: 5px;}
#left #offices .item.rounded {padding: 8px; margin-top: 4px; }
#left #offices .item {background: #fbfbfb url('/images/layout/offices.item.bg.png') repeat-y; padding: 6px 8px; height: 81px; line-height: 1.5em; font-size: 0.9em}
#left #offices .item img {float:left; margin-right: 7px; border: 1px solid #dadada;}
#left #offices .item-before {background: #fbfbfb url('/images/layout/offices.item.top.png'); height: 2px; margin-top: 4px;}
#left #offices .item-after {background: #fbfbfb url('/images/layout/offices.item.bottom.png'); height: 2px;}
/* right column - content */
#right {margin-left: 270px;}
#right h1, #right .h1 {padding-top:0; padding-left:0; font-size: 1.6em; color: #1777c1}
#right #search {padding-top: 5px;}
#right #search .h2, #news .h2 {padding: 0 0 5px 0; font-family: "Trebuchet MS"; color: #1774BA; font-size: 1.4em; font-weight: bold;}
#right #cena_od, #right #cena_do {width: 115px;}
#right .row .column-left, #right .row .column-right {background: #1E93D4; margin-bottom: 5px;}
#right .row .column-left, #right .row .column-left-before
{float: left; width: 295px; padding: 5px 5px 5px 10px; margin-right: 5px;}
#right .row .column-left select {width: 237px; margin-right: 3px;}
#right .row label {display: block; float: left; width: 55px; color: #FFF;}
#right .row .column-right {padding: 5px 5px 5px 10px; margin-left: 315px;}
#right .row .column-right select {width: 233px;}
#right .row .column-right input {width: 227px; height: 14px;}
#right .row.nobg {padding: 10px 0px 0px 0;}
#right .row.nobg input {vertical-align: middle; margin-left: 0;}
#right .row.nobg label {width: 100px; color: #114068}
/* homepage */
#right .column {float: left; width: 320px;}
#right .box {padding: 2px 5px 2px 5px; background: #d7edff url('/images/layout/home.box.bg.png') 0 0 repeat-y;}
#right .box .h2, #right .box h2 {color: #114068; padding: 0; margin-left:10px; font-size: 1em;}
#right .box.rounded {padding: 5px 5px 6px 5px;}
#right .box-before {background: url("/images/layout/home.box.top.png"); height: 3px;}
#right .box-after {background: url("/images/layout/home.box.bottom.png"); height: 3px;}
#right .box-item {background: #fefefe url('/images/layout/home.box-item.bg.png') 0 0 repeat-y; color: #676767; font-size: 0.9em; padding: 7px; line-height: 140%; height: 80px;}
#right .box-item .image {float: left; margin-right: 7px; border: 1px solid #dadada; width:106px; height:80px}
#right .box-item h3 {color: #000; padding: 0;}
#right .box-item.rounded {padding:7px 7px 9px 7px; margin-top:6px;}
#right .box-item-before {background: url("/images/layout/home.box-item.top.png"); height: 2px; margin-top: 4px;}
#right .box-item-after {background: url("/images/layout/home.box-item.bottom.png"); height: 2px;}
#content .content {/*position: relative;*/padding: 10px 15px; background: #d7edff url('/images/layout/content.bg.png') repeat-y; color: #114068;}
#content .content.rounded {padding: 12px 15px; margin-bottom: 10px;}
#content .content-before {background: #d7edff url('/images/layout/content.top.png'); height: 3px;}
#content .content-after {background: #d7edff url('/images/layout/content.bottom.png'); height: 3px; margin-bottom: 10px;}
#content .content form fieldset {border: 2px solid #b2d8ef; padding: 0px 10px 10px 10px; margin-top: 5px; }
#content .content form fieldset legend {font-weight: bold; padding: 5px; color: #1777c1;}
/*#content .content #wannaBuyForm fieldset input:focus {border: 2px solid #ff8600;}
#content .content #wannaBuyForm fieldset textarea:focus {border: 2px solid #ff8600;}*/
#content .content form.form {text-align: left; }
#content .content form.form table th {font-weight: normal; padding: 3px; vertical-align: top;}
#content .content form.form table td { padding: 3px;}
#content .content form.form label {display: block; width: 100px; text-align: left;}
#content .content form.form label.required {font-weight: bold;}
#content .content form.form select {width: 140px;}
#content .content form.form input.button {margin: 10px 10px 10px -12px;}
#content form#contactForm table th {text-align: left;}
#content form#contactForm table td {padding: 3px;}
#content form#contactForm input.button {margin: 6px 6px 6px -7px;}
/* list */
#right .item {margin-top: 10px; border-collapse: separate; border: 1px solid #b4d8ee; color: #2a2a2a}
#right .item td {background: #e3eef4 url('/images/layout/right.table.bg.png'); padding: 3px 4px 4px 4px; border: 1px solid #fefffb; border-top: 0; border-left: 0;}
#right .item th {padding: 6px 5px 5px 7px; vertical-align: baseline; background: #d7e7f4 url('/images/layout/orders.item.header.bg.png') repeat-x; border: 1px solid #fefffb;text-align: left; color: #0b3b69;}
#right .item .item-heading {float: right; margin-top: -2px; height: 21px; *height: 22px; padding:0;}
#right .item .image {background: #FBFBFB; padding: 0; vertical-align: top; width: 170px; height: 128px; border-left: 1px solid #fefffb; }
#right .item .image img {vertical-align: top;}
#right .item .description {background: #FFF; vertical-align: top; height: 76px; padding: 5px 5px;}
#right .item a {color: #1b98d0; text-decoration: underline;}
#right .item .inner {border-right: 1px solid #cddbe4; width: 70px; color: #113e65;}
#right .item .right {border-left: 1px solid #fefffb;}
#right .item .bottom {border-bottom: 0;}
#right .item .reserved {background: #ffeb9c url('/images/layout/zadano.bg.png') 300px 40px no-repeat;}
#right .item .sold {background: #ffb1b1 url('/images/layout/prodano.bg.png') 272px 42px no-repeat;}
#right .item .exclusive {float:right;color: #ff6900;font-weight: bold;}
/*#right .item .description .text-bg {float: right;/ *position: absolute; z-index: 0; right:0;bottom:0; * /font-size: 3.5em; line-height: 0.8em; font-weight: bold; font-variant: small-caps;}*/
.price {color: #f96c00}
.original_price {text-decoration: line-through;}
/* detail */
#right #breadcrumbs-navigation {margin-bottom: 10px; padding: 4px 6px; height: 23px; border: none; background: transparent url('/images/layout/breadcrumbs.bg.png') 0 0 no-repeat}
#right #detail h1 {float:left; padding: 0 15px 5px 0; font-family: "Arial"; color: #1774BA; font-size: 1.5em; font-weight: bold;}
#right #detail .heading {height: 35px;}
#right #detail .heading img {margin-top: 3px;}
#right #detail #image_wrapper {padding: 10px; height: 353px; width: 470px; background: #FFF;}
#right #detail #images/layout {min-height: 360px; _height: 380px; width: 102px; float: right;}
#right #detail #images/layout img {border: 1px solid #f6fbff; margin: 0 0 10px 0; _margin-bottom: 3px;}
#right #info {margin: 20px 3px 0 0; border: 1px solid #b2d8ed; border-collapse: separate; width: 100%;}
#right #info td {padding: 3px 6px; height: 20px; border: 1px solid #fffeff; border-bottom: 1px solid #cbd9e2; background: #e3eef4 url('/images/layout/right.table.bg.png') 0 0 repeat-x;}
#right #info .left {border-width: 1px 0 1px 1px; color: #114068;}
#right #info .inner {border-width: 1px 0 1px 0; color: #2b2b2b; font-weight: bold; width: 333px;}
#right #info .right {border-width: 0 1px 0 1px; font-weight: bold; width: 160px;}
#right #info .top {border-top-width: 1px;}
#right #info .bottom {border-bottom: 1px solid #fffeff; vertical-align: middle;}
#right #info .bottom, #right #info .right {height: auto; background-image: none;}
#right #info-bottom, #right #description-bottom, #right .advert-bottom {background: url(/images/layout/description.bottom.png) 0 0 no-repeat; height: 5px;}
#right #info .right.bottom {text-align: center;}
#right #info .header {color: #114068; font-weight: normal;}
#right #info .photo {border: 5px solid #FFF; margin: 8px;}
#right #info .value {color: #114068; }
#right #info .price {font-size: 1.4em;}
#right #description {position: relative; margin: 15px 3px 0 1px; padding: 10px; color: #2b2b2b; width: 596px; background-color: #FFF; border: 1px solid #FFF;}
#right #description.sold {background-color: #ffb1b1;}
#right #description.sold .status {position:absolute; bottom: 2px; right:5px; color: #ff4b56; font-size: 4em; font-weight: bold; line-height: 1em;}
#right #description.reserved {background-color: #ffeb9c;}
#right #description.reserved .status {position:absolute; bottom: 2px; right:5px; color: #e8b607; font-size: 4em; font-weight: bold; line-height: 1em;}
.nextPage, .prevPage {display: block; padding: 0 0 5px 0; margin: 0 9px; text-align: center; cursor: pointer; cursor: hand; border: 1px solid transparent;}
.nextPage:hover, .prevPage:hover {border: 1px solid #257cb2;}
.prevPage {padding: 3px 0;}
.nextPage {padding: 3px 0;}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 100px;
height:340px;/*377px*/;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
height:5000em;
position:absolute;
}
div.scrollable img {margin: 3px 9px; max-width: 80px; max-height: 60px; border: 1px solid #f4faff}
/*div.scrollable img.active {margin: 0 4px; width: 90px; border: 1px solid #666}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
/*float:left;*/
}
/* you may want to setup some decorations to active the item */
div.items .active {
margin: 0 5px;
border:1px solid #ccc;
padding: 4px;
background-color:#fff;
}
/* Poptavky */
.advert-item {width: 620px; margin-top: 10px; border-collapse: separate; border: 1px solid #b4d8ee; }
.advert-item td {padding: 3px 6px; height: 20px; vertical-align:top;border: 1px solid #fffeff; border-bottom: 1px solid #cbd9e2; background: #e3eef4 url('/images/layout/right.table.bg.png') 0 0 repeat-x; margin:0;}
.advert-item td.left {border-width: 1px 0 1px 1px;}
.advert-item td.right {border-width: 1px 1px 0 0; border-bottom: 1px solid #FFF; background:#e3eef5; line-height: 2em;font-weight: bold;}
.advert-item td.text {background: #FFF; border-width: 1px 0 0 0; color: #2b2b2b; }
.advert-item .header {color: #114068; font-weight: normal; }
#demotip {
display:none;
background:transparent url('/images/layout/tooltip2.png') no-repeat;
font-size:12px;
font-weight: bold;
text-align: center;
height: 29px;
width:172px;
padding:15px;
font-variant: small-caps;
color:#55addf;
z-index: 100;
}
#footer {color: #999; text-align: center; padding-top: 12px; padding-bottom: 12px;}
#footer-before {background: url(/images/layout/main.top.png) no-repeat; height: 12px;}
#footer-after {background: url(/images/layout/main.bottom.png) no-repeat; height: 12px;}
#footer a {color: #127dcb;}
#footer a:hover {text-decoration: underline;}
#footer-links, #footer-links a {width: 940px; margin: 0 auto; font-size: 0.85em; color: #999; text-align: center; margin-top: 10px; padding:0 0 15px 0; }