html {
height: 100%;
}
@font-face {
font-family: 'MyriadProCondensed';
src: url('../webfontkit/MyriadProCondensed/myriadpro-cond-webfont.eot');
src: url('../webfontkit/MyriadProCondensed/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfontkit/MyriadProCondensed/myriadpro-cond-webfont.woff') format('woff'),
url('../webfontkit/MyriadProCondensed/myriadpro-cond-webfont.ttf') format('truetype'),
url('../webfontkit/MyriadProCondensed/myriadpro-cond-webfont.MyriadProCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: Tahoma,Arial;
font-size: 12px;
color: #282828;
background: #7A6B51;/* url(../images/body_bg.jpg) center top;*/
background-attachment: fixed;
margin: 0px;
padding: 0px;
height: 100%;
}
a {
color: #282828;
text-decoration: underline;
}
a:hover {
color: #ffcc33;
text-decoration: underline;
}
h1, .h1 {
font-family: MyriadProCondensed;
display: block;
font-size: 30px;
font-weight: normal;
padding: 0px;
margin: 0px;
color: #600;
text-transform: uppercase;
}
h1 a, .h1 a {
}
h2, .h2 {
font-family: MyriadProCondensed;
display: block;
font-size: 25px;
font-weight: normal;
padding: 15px 0 5px;
margin: 0px;
}
h2 a, .h2 a {
}
h3, .h3 {
font-family: MyriadProCondensed;
display: block;
font-size: 15px;
font-weight: normal;
padding: 15px 0 5px;
margin: 0px;
}
h3 a, .h3 a {
}
h4, .h4 {
}
h4 a, .h4 a {
}
p {
margin: 0px;
padding: 5px 0;
}
ul {
margin: 0 0 0 0px;
padding: 5px 0;
list-style: none;
}
ul li {
padding: 4px 0 4px 15px;
background: url(../images/ul_li.gif) left 5px no-repeat;
}
ol {
margin: 0 0 0 15px;
padding: 5px 0;
}
ol li {
padding: 0 0 0 10px;
}
table {
width: 100%;
border-spacing: 1px;
border: none;
}
table tr {
width: 100%;
}
table tr th {
padding: 5px 10px;
text-align: left;
background: #BBB;
border: none;
}
table tr td {
padding: 5px 10px;
vertical-align: top;
border: none;
background: #DBBFA9;
}
fieldset {
}
label {
display: inline-block;
width: 150px;
line-height: 25px;
}
input[type=text], input[type=password] {
width: 150px;
padding: 4px 5px;
height: 18px;
border: 1px solid #000;
margin: 2px 0;
font-size: 12px;
}
textarea {
font-family: arial;
width: 315px;
font-size: 12px;
border: 1px solid #000;
padding: 4px 5px;
}
img {
border: none;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.clearer {
clear: both;
}
.shown {
display: block;
}
.hidden {
display: none;
}
.none {
display: none;
}
.red {
/*color: #C20101;*/
}
.button {
display: inline-block;
width: 120px;
height: 30px;
line-height: 30px;
font-family: arial;
color: #FFF;
text-align: center;
background: #330000 url(../images/button.png) top no-repeat;
border: none;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.button:hover{
background: #330000 url(../images/button.png) bottom no-repeat;
color: #756F64;
}
.button.large {
background: #330000 url(../images/button_large.png) top no-repeat;
width: 180px;
}
.button.large:hover {
background: #330000 url(../images/button_large.png) bottom no-repeat;
}
.button.small {
background: #330000 url(../images/button_small.png) top no-repeat;
width: 50px;
}
.button.small:hover {
background: #330000 url(../images/button_small.png) bottom no-repeat;
}
.back_button {
margin: -27px 0 0 0;
}
/* tabulka s pozadĂm stránky */
#layout {
border: none;
border-spacing: 0px;
}
#layout .first_td {
width: 50%;
border: none;
padding: 0px;
vertical-align: top;
background: none;
}
#layout .second_td {
border: none;
padding: 0px;
width: 995px;
padding: 0px;
vertical-align: top;
}
#layout .third_td {
width: 50%;
border: none;
padding: 0px;
vertical-align: top;
background: none;
}
#layout .footer_tr {
}
#layout .footer_tr .first_td {
}
#layout .footer_tr .second_td {
}
#layout .footer_tr .third_td {
}
#page {
width: 995px;
padding: 0px;
}
/* Header */
#header {
position: relative;
margin: 0px auto;
width: 995px;
height: 128px;
background: #4D190A url(../images/main_top_shaddow.png) bottom no-repeat;
}
/*
* obsah headeru
*/
#logo {
position: absolute;
left: 20px;
top: 10px;
display: block;
font-family: MyriadProCondensed;
font-weight: normal;
font-size: 40px;
color: #d99241;
text-transform: uppercase;
text-decoration: none;
}
#headline {
position: absolute;
left: 20px;
font-family: MyriadProCondensed;
top: 55px;
font-weight: normal;
font-size: 20px;
color: #d99241;
text-transform: uppercase;
}
#header #main_navigation {
position: absolute;
top: 95px;
right: 10px;
font-size: 13px;
}
#header #main_navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 995px;
text-align: right;
}
#header #main_navigation ul li {
position: relative;
display: inline-block;
background: none;
padding: 0px;
margin: 0px;
}
#header #main_navigation ul li a {
display: inline-block;
text-align: center;
padding: 0 12px;
text-decoration: none;
position: relative;
color: #d99241;
border-left: 1px solid #d99241;
}
#header #main_navigation ul li a.first {
border: none;
}
#header #main_navigation ul li a:hover {
text-decoration: underline;
}
#header #main_navigation ul li a.active {
text-decoration: underline;
}
#header_motiv {
display: none;
position: absolute;
left: 150px;
top: 0px;
width: 343px;
height: 268px;
background: url(../images/header_motiv_bg.png)
}
#header_tree {
position: absolute;
z-index: 10;
left: 0px;
padding: 0 20px;
bottom: -45px;
color: #FFF;
width: 955px;
background: url(../images/main_navigation_bg.png) bottom repeat-x;
}
#header_tree tr td {
padding: 0px;
height: 45px;
background: none;
}
#header_tree tr#row_1 td {
}
#header_tree_1 {
width: 140px;
}
#header_tree_2 {
width: 110px;
}
#header_tree_3 {
}
#header_tree_4 {
}
#header_tree td h2 {
padding: 0px;
margin: 0px;
line-height: 45px;
}
#header_tree td a {
color: #FFF;
text-decoration: none;
font-weight: normal;
line-height: 45px;
}
#header_tree td a:hover {
color: #b77b36;
}
#header_tree td h3 {
padding: 0px;
font-size: 12px;
font-family: arial;
text-transform: none;
}
#header_tree tr#row_2 td {
}
#header_tree tr#row_2 td h2 a {
color: #331604;
}
#header_tree tr#row_2 td h2 a:hover {
color: #b77b36;
}
#header_user {
float: right;
color: #d99241;
margin: 0 4px 0 0;
}
#header_user a {
color: #d99241;
}
#header_kosik {
position: absolute;
top: 10px;
right: 20px;
margin: 0px;
}
#header_kosik a#kosik_link {
display: inline-block;
float: right;
padding: 0 35px 0 0;
height: 30px;
background: url(../images/header_kosik_bg.png) right 3px no-repeat;
color: #d99241;
}
#search_form {
position: absolute;
left: 300px;
top: 90px;
background: url(../images/lupa.png) left 4px no-repeat;
padding: 0 0 0 30px;
}
#search_text {
display: inline-block;
border: none;
padding: 0px 10px;
margin: 0 5px 0 0;
font-size: 100%;
width: 245px;
height: 30px;
line-height: 30px;
border: 1px solid #EEE;
float: left;
}
#search_submit {
position: relative;
z-index: 20;
display: inline-block;
width: 56px;
height: 32px;
border: none;
background: none;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size: 100%;
font-family: arial;
background: #f6f4e9;
color: #252525;
float: left;
}
#search_submit:hover {
background: #252525;
color: #f6f4e9;
}
#naseptavac {
border: 0px solid #EEE;
background: #FFF;
position: relative;
margin: 33px 0 0 0;
z-index: 50;
}
#naseptavac .naseptavac_item {
display: block;
padding: 10px;
border-bottom: 1px dashed #EEE;
cursor: pointer;
}
#naseptavac .naseptavac_item.tiskarna{
padding-left: 40px;
background: url(../images/naseptavac_tiskarna.png) 5px center no-repeat
}
#naseptavac .naseptavac_item.toner{
padding-left: 40px;
background: url(../images/naseptavac_toner.png) 5px center no-repeat
}
#naseptavac .naseptavac_item:hover {
background-color: #EEE;
}
/*
* Výsuvné menu v hlavičce, dropdown, drop_down
*/
#drop_down_navigation {
position: absolute;
bottom: 25px;
height: 10px;
z-index: 40;
}
#drop_down_navigation ul {
padding: 0px;
margin: 0px;
}
#drop_down_navigation ul li {
padding: 0px;
margin: 0px;
display: inline-block;
position: relative;
background: none;
}
#drop_down_navigation ul li a {
display: block;
height: 30px;
padding: 0 15px;
margin: 0 2px 0 0;
background: #F00;
color: #FFF;
line-height: 30px;
font-weight: bold;
}
#drop_down_navigation ul li a.bonus {
background: #F00 url(../images/present_icon.png) 5px center no-repeat;
padding: 0 15px 0 30px;
}
#drop_down_navigation ul li a.bonus:hover {
background: #B00 url(../images/present_icon.png) 5px center no-repeat;
}
#drop_down_navigation ul li:hover a {
background: #B00;
color: #FFF;
}
#drop_down_navigation ul li a:hover {
background: #B00;
color: #FFF;
}
#drop_down_navigation ul li ul {
position: absolute;
left: 0px;
top: 30px;
background: #B00;
width: 250px;
display: none;
padding: 0 0 10px;
z-index: 10;
}
#drop_down_navigation ul li ul.tonery_a_cartridge {
width: 750px;
}
#drop_down_navigation ul li ul.podstranky {
width: 500px;
}
#drop_down_navigation ul li:hover ul {
}
#drop_down_navigation ul li ul li.html {
display: block;
color: #FFF;
padding: 15px 15px 5px;
width: auto;
}
#drop_down_navigation ul li ul li {
display: block;
width: 250px;
}
#drop_down_navigation ul li ul li a {
display: block;
padding: 5px 15px;
height: auto;
line-height: 120%;
background: none;
color: #FFF;
font-weight: normal;
}
#drop_down_navigation ul li ul li a:hover {
background: #F00;
color: #FFF;
}
#drop_down_navigation ul li ul li a.head_text {
font-weight: bold;
font-size: 14px;
margin: 10px 0 0 0;
}
#drop_down_navigation ul li ul li ul {
position: static;
padding: 0 0 10px;
display: block;
}
#drop_down_navigation ul li ul li ul li {
display: block;
}
#drop_down_navigation ul li ul li ul li a {
display: block;
padding: 0px 15px;
background: none;
line-height: 20px;
height: 20px;
}
.page_image {
position: relative;
}
.page_image .nadpis {
position: absolute;
left: 0px;
padding: 10px 20px;
top: 0px;
background: #EEE;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.page_image img {
float: right;
margin: -20px -20px 0 0;
}
.page_image #breadcrumbs {
padding: 0px;
}
#breadcrumbs {
padding: 0 0 20px;
font-size: 95%;
position: relative;
color: #c2977d;
}
#breadcrumbs a {
color: #c2977d;
}
#breadcrumbs .predel {
}
#lang_navigation {
position: absolute;
bottom: 62px;
right: 20px;
}
#currency_navigation {
display: none;
position: absolute;
bottom: 64px;
height: 18px;
right: 250px;
}
#currency_navigation a {
display: inline-block;
padding: 0 4px;
line-height: 18px;
background: #8e867b;
color: #FFF;
margin: 0 1px 0 0;
}
#currency_navigation a.active {
background: #E2DED3;
color: #252525;
}
#currency_navigation a:hover {
background: #E2DED3;
color: #252525;
}
/* main, obsah */
#main {
padding: 64px 20px 20px;
width: 955px;
margin: 0px auto;
min-height: 600px;
background: #FFF;
}
#first_column {
width: 175px;
padding: 0px;
float: left;
}
#first_column .separator {
background: url(../images/separator_short_bg.png) no-repeat;
width: 195px;
height: 8px;
margin: 20px 0 0 -20px;
clear: both;
}
#first_column .html_content {
padding: 0 16px 0 20px;
margin: 1px 0 0 -20px;
background: #DBBFA9;
}
#first_column .quick_kontakt {
background: #301504;
font-size: 30px;
line-height: 30px;
font-family: MyriadProCondensed;
color: #FFF;
padding: 10px 20px;
margin: 1PX 0 0 -20px;
width: 155px;
}
#second_column {
width: 780px;
float: right;
}
.html_content {
padding: 5px 20px 20px;
}
#clanky_titul {
width: 187px;
margin: 0 15px 15px 0;
float: left;
position: relative;
}
.clanky_short_titul {
margin: 0 0 10px;
}
.more {
display: inline-block;
background: url(../images/ul_li.gif) left 2px no-repeat;
padding: 0 0 0 15px;
}
.clanek_full {
}
.clanek_full .image {
float: right;
margin: 0 0 10px 20px;
background: #FFF;
padding: 5px;
}
#teaser {
position: relative;
width: 995px;
height: 500px;
overflow: hidden;
margin: -20px 0 1px -20px;
}
#teaser_nav {
display: none;
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
text-align: center;
z-index: 100;
}
#teaser_nav .teaser_nav_item {
display: inline-block;
width: 19px;
height: 19px;
margin: 0 3px;
background: url(../images/teaser_nav_item_bg.png) no-repeat;
}
#teaser_nav .teaser_nav_item.selected {
background: url(../images/teaser_nav_item_sel_bg.png) no-repeat;
}
#teaser_overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 50;
}
#teaser_content {
width: 1490px;
background: #EEE;
}
.teaser_item {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
overflow: hidden;
z-index: 1;
}
.teaser_item.selected {
z-index: 10;
}
.teaser_item h2 {
font-size: 40px;
font-weight: normal;
}
.teaser_item_content {
position: relative;
}
.teaser_item img {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 0;
}
.teaser_item a {
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 745px;
height: 500px;
z-index: 100;
}
.page_image {
margin: 0 0 5px;
}
.vyrobci {
margin: 0 0 20px;
}
#quick_kontakt {
background: #301504;
font-size: 30px;
line-height: 30px;
font-family: MyriadProCondensed;
color: #FFF;
padding: 10px 20px;
margin: 0 0 0 1px;
width: 739px;
}
#quick_kontakt .small {
display: inline-block;
height: 30px;
font-size: 11px;
font-family: Arial;
float: left;
margin: 0 30px 0 0;
text-align: right;
line-height: 15px;
}
.separator {
background: url(../images/separator_bg.png) no-repeat;
width: 995px;
height: 8px;
margin: 20px 0;
clear: both;
}
.rozcestnik {
}
.rozcestnik table{
}
.rozcestnik td {
border: 0px;
height: 40px;
padding: 0px;
width: 25%;
background: none;
}
.rozcestnik td.active {
}
.rozcestnik td.hover:hover {
}
.rozcestnik .obsah {
position: relative;
}
.rozcestnik td a {
display: block;
}
.rozcestnik td h2 {
}
.rozcestnik td h2 a {
}
.rozcestnik td a.image {
display: inline-block;
height: 160px;
line-height: 160px;
width: 169px;
padding: 10px 1px 10px 5px;
margin: 20px 0 60px 0;
background: #FFF;
vertical-align: middle
}
.rozcestnik td a.image img{
vertical-align: middle;
}
.rozcestnik td a.over_link {
position: absolute;
bottom: 0px;
display: block;
width: 100%;
height: 30px;
padding: 85px 0 20px;
}
.rozcestnik td a.no_image_link {
display: block;
padding: 20px 10px 20px;
}
#footer {
font-family: arial;
padding: 0px;
color: #d99241;
background: #330000;
line-height: 150%;
}
#footer a {
color: #d99241;
}
#main #footer_top {
padding: 20px;
background: #300;
color: #996633;
margin: -1px -20px 15px;
}
#footer_top {
padding: 20px;
background: #300;
color: #996633;
}
#footer_top .button {
background: #400;
}
#home_content {
width: 700px;
float: left;
}
#newsletter {
width: 220px;
float: right;
padding: 0px;
}
#newsletter h3 {
padding: 5px 0 0 0;
}
#footer_tree {
width: 205px;
float: right;
padding: 0px;
}
#footer_bottom {
padding: 20px;
}
#footer_navigation {
float: right;
}
#footer_navigation a {
display: inline-block;
}
#footer_navigation a.first {
margin: 0 1px 0 0;
}
.copyright {
}
.copyright a {
}
/*
* obsah footeru
*/
#inwebio_in {
margin: 0 1px 0 0;
vertical-align: bottom;
}
.inwebio_link {
line-height: 16px;
vertical-align: center;
text-decoration: none!important;
}
#tree_navigation {
margin: 0 0 20px -20px;
}
#tree_navigation a {
}
/* prvnĂ ĂşroveĹ */
#tree_navigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#tree_navigation ul li {
padding: 0px;
margin: 0px;
background: none;
}
#tree_navigation ul li a {
display: block;
padding: 6px 10px 6px 30px;
margin: 0px;
color: #b77b36;
text-transform: uppercase;
font-size: 13px;
background: url(../images/bullet_level_1.png) 15px 10px no-repeat;
}
#tree_navigation ul li a.plus {
background: url(../images/more_level_1.png) 15px 10px no-repeat;
}
#tree_navigation ul li a.minus {
background: url(../images/less_level_1.png) 15px 10px no-repeat;
}
#tree_navigation ul li a:hover {
background-color: #331604;
color: #FFF;
}
#tree_navigation ul li a.selected {
background-color: #331604!important;
color: #FFF;
}
/* druhá úroven */
#tree_navigation ul li ul {
padding: 0px;
margin: 0px;
}
#tree_navigation ul li ul li {
padding: 0 0 0 10px;
margin: 0px;
}
#tree_navigation ul li ul li.last {
background: transparent url(../images/tree_navigation_item_last.gif) 20px top no-repeat;
}
#tree_navigation ul li ul li a {
padding: 3px 10px 3px 25px;
background: url(../images/bullet_level_1.png) 10px 6px no-repeat;
text-transform: none;
font-size: 12px;
}
#tree_navigation ul li ul li a.plus {
background: url(../images/more_level_1.png) 10px 6px no-repeat;
}
#tree_navigation ul li ul li a.minus {
background: url(../images/less_level_1.png) 10px 6px no-repeat;
}
#tree_navigation ul li ul li a.last {
}
#tree_navigation ul li ul li a.selected {
background-color: #331604;
color: #FFF;
}
#tree_navigation ul li ul li a:hover {
background-color: transparent;
text-decoration: underline;
background-color: #331604;
color: #FFF;
}
#tree_navigation ul li ul li a.plus {
}
#tree_navigation ul li ul li a.minus {
}
#tree_navigation ul li ul li ul li a {
padding: 2px 10px 2px 20px;
}
.bg_block {
background: #E2DED3;
border: 1px solid #8E867B;
padding: 20px;
}
.seo_text {
width: 305px;
margin: 0 20px 0 0;
padding: 0;
float: left;
}
.nejprodavanejsi {
width: 305px;
margin: 0 20px 0 0;
float: left;
}
.novinky {
width: 305px;
margin: 0 0 0 0;
float: left;
}
/* stepper */
/* doprava a platba */
/* uzivatel */
/* dodacĂ Ăşdaje */
/* zbozi short, produkt, product zbozi_short, zbožà */
#zbozi_short_varianty {
position: absolute;
width: 500px;
height: 370px;
left: 50%;
top: 150px;
padding: 20px;
margin: 0 0 0 -270px;
background: #FFF;
z-index: 100;
}
#zbozi_short_varianty .close {
display: inline-block;
float: right;
width: 10px;
height: 10px;
background: url(../images/cancel.png) no-repeat;
}
#zbozi_short_varianty .image {
float: left;
margin: 0 20px 0 0;
}
#zbozi_short_varianty #info_container {
float: left;
width: 180px;
}
#zbozi_short_varianty #info_container label {
width: 60px;
}
#zbozi_short_varianty #info_container .label {
width: 60px!important;
}
.zbozi_short {
position: relative;
width: 218px;
height: 413px;
padding: 25px 35px 0 25px;
float: left;
margin: 0 -12px 0 -5px;
background: url(../images/zbozi_short_bg.png) no-repeat;
font-family: MyriadProCondensed;
}
.zbozi_short.last {
margin: 0 -15px 0 -5px;
}
.zbozi_short h2 {
margin: 0 0 10px;
padding: 0px;
height: 55px;
font-size: 20px;
}
.zbozi_short .image {
width: 205px;
height: 205px;
line-height: 205px;
margin: 0 0 10px 5px;
padding: 0px;
text-align: center;
line-height: 218px;
background: #EEE;
}
.zbozi_short .image a {
display: inline-block;
width: 205px;
height: 205px;
line-height: 205px;
margin: 0px;
text-align: center;
background: #FFF;
vertical-align: middle;
}
.zbozi_short .image img {
vertical-align: middle;
/*width: 195px;*/
}
.zbozi_short .barvy {
position: absolute;
left: 40px;
top: 255px;
}
.zbozi_short .barvy img {
width: 20px;
}
.zbozi_short .vyprodej {
position: absolute;
display: block;
width: 70px;
height: 69px;
right: 10px;
top: 60px;
background: url(../images/info.png) no-repeat;
}
.zbozi_short .sleva {
position: absolute;
display: block;
width: 70px;
height: 69px;
padding: 0px;
top: 30px;
right: 10px;
text-align: center;
color: #FFF;
background: url(../images/sleva_bg.png) no-repeat;
text-indent: -100px;
}
.zbozi_short .sleva .small {
font-size: 13px;
}
.zbozi_short .stock {
position: absolute;
right: 35px;
bottom: 120px;
width: 80px;
text-align: right;
color: #57a235;
display: inline-block;
font-size: 16px;
}
.zbozi_short .out_of_stock {
position: absolute;
right: 35px;
bottom: 120px;
width: 80px;
text-align: right;
font-weight: bold;
}
.zbozi_short .price_old {
text-decoration: line-through;
display: inline-block;
margin: 0 5px 0 0;
padding: 0px;
color: #331604;
}
.zbozi_short .price {
font-size: 40px;
padding: 0px;
margin: -8px 0 -7px 5px;
color: #331604;
display: block;
}
.zbozi_short .price .small {
}
.zbozi_short a.detail {
position: absolute;
right: 25px;
bottom: 30px;
background: url(../images/zbozi_short_detail_bg2.png) top no-repeat;
width: 225px;
height: 39px;
display: inline-block;
line-height: 39px;
font-size: 20px;
color: #FFF;
padding: 0 0 0 5px;
margin: 0px;
float: left;
text-align: center;
}
.zbozi_short a.detail:hover {
background: url(../images/zbozi_short_detail_bg2.png) bottom no-repeat;
color: #b77b36
}
.zbozi_short .add_to_cart {
position: absolute;
right: 32px;
bottom: 30px;
background: url(../images/zbozi_short_add_to_cart_bg.png) top no-repeat;
width: 110px;
height: 51px;
line-height: 51px;
display: inline-block;
color: #FFF;
font-size: 20px;
padding: 0 0 0 20px;
margin: 0px;
border: none;
float: left;
}
.zbozi_short .add_to_cart:hover {
background: url(../images/zbozi_short_add_to_cart_bg.png) bottom no-repeat;
color: #b77b36
}
.zbozi_short .obsah_content {
padding: 5px 0 0 10px;
font-family: Arial;
font-size: 95%;
}
.zbozi_ultra_short {
height: 50px;
margin: 0 0 10px;
}
.zbozi_ultra_short .image {
width: 50px;
height: 50px;
margin: 0 10px 0 0;
float: left;
background: #FFF;
text-align: center;
}
.zbozi_ultra_short .obsah {
width: 245px;
float: left;
}
.zbozi_ultra_short .obsah h3 {
margin: 0px;
padding: 0px;
}
.zbozi_ultra_short .obsah .price {
font-size: 15px;
margin: 0 0 3px;
padding: 0px;
font-weight: bold;
}
.zbozi_ultra_short .obsah .price .small {
padding: 0px;
font-weight: normal;
font-size: 12px;
}
.zbozi_ultra_short a.detail {
}
.zbozi_ultra_short a.detail:hover {
}
#last_visited {
background: #FFF;
padding: 5px 10px 10px;
margin: 0px -10px 0px;
}
.left_block {
padding: 0px;
background: url(../images/shaddow_small.png) bottom no-repeat;
}
.left_block .h2 {
}
.left_block .zbozi_ultra_short {
height: 60px;
margin: 0 0 10px;
}
.left_block .zbozi_ultra_short .image {
width: 50px;
height: 50px;
margin: 0 10px 0 0;
float: left;
background: #FFF;
text-align: center;
}
.left_block .zbozi_ultra_short .obsah {
width: 115px;
float: left;
}
.left_block .zbozi_ultra_short .obsah h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
}
.left_block .zbozi_ultra_short .obsah .price {
font-size: 15px;
margin: 0 0 3px;
padding: 0px;
font-weight: bold;
}
.left_block .zbozi_ultra_short .obsah .price .small {
padding: 0px;
font-weight: normal;
font-size: 12px;
}
.left_block .zbozi_ultra_short a.detail {
}
.left_block .zbozi_ultra_short a.detail:hover {
}
/* zbozi_full */
#zbozi_full {
padding: 0px;
}
#primary_block {
position: relative;
}
#primary_block .print_full_galerie {
}
#primary_block .print_full_galerie a {
}
#primary_block .print_full_galerie a img {
width: 50px;
}
#primary_block #dotaz_form {
position: absolute;
left: -250px;
top: 80px;
width: 380px;
background: #FFF;
border: 1px solid #000;
padding: 15px 30px 30px;
z-index: 100;
display: none;
}
#primary_block #dotaz_form .close {
display: block;
width: 16px;
height: 16px;
background: url(../images/cancel.png) no-repeat;
float: right;
margin: 0 -10px 0 0;
}
#primary_block #dotaz_form .input_text {
padding: 5px;
border: 1px solid #999;
width: 170px;
}
#primary_block #dotaz_form .textarea {
padding: 5px;
border: 1px solid #999;
width: 361px;
}
#primary_block #dotaz_form .button {
padding: 0px;
background: url(../images/button.png) no-repeat;
height: 30px;
line-height: 30px;
width: 120px;
}
#primary_block #dotaz_form .dotaz_paragraph {
text-align: center;
}
.bonus_p a {
color: #F00;
text-decoration: underline;
}
#primary_block #doporucit_form {
position: absolute;
left: -250px;
top: 80px;
width: 380px;
background: #FFF;
border: 1px solid #000;
padding: 15px 30px 30px;
z-index: 100;
display: none;
}
#primary_block #doporucit_form .close {
display: block;
width: 16px;
height: 16px;
background: url(../images/cancel.png) no-repeat;
float: right;
margin: 0 -10px 0 0;
}
#primary_block #doporucit_form .input_text {
padding: 5px;
border: 1px solid #999;
width: 170px;
}
#primary_block #doporucit_form .textarea {
padding: 5px;
border: 1px solid #999;
width: 361px;
}
#primary_block #doporucit_form .button {
padding: 0px;
background: url(../images/button.png) no-repeat;
height: 30px;
line-height: 30px;
width: 120px;
}
#primary_block #doporucit_form .dotaz_paragraph {
text-align: center;
}
#dotaz_link {
background: url(../images/question_img.png) no-repeat;
margin: 10px 0 0 0;
padding: 0 0 0 35px;
display: inline-block;
line-height: 30px;
cursor: pointer;
}
#print_link {
background: url(../images/print_img.png) no-repeat;
padding: 0 0 0 35px;
display: inline-block;
line-height: 30px;
cursor: pointer;
}
#doporucit_link {
background: url(../images/recommend_img.png) no-repeat;
padding: 0 0 0 35px;
display: inline-block;
line-height: 30px;
cursor: pointer;
}
#image_container {
position: relative;
width: 300px;
float: left;
margin: 0 45px 0 0;
}
#image_container #main_image {
position: relative;
height: 300px;
width: 300px;
line-height: 300px;
text-align: center;
padding: 0px;
margin: 0 0 1px 0;
background: #DBBFA9;
border: 10px solid #DBBFA9;
vertical-align: middle;
}
#image_container #main_image a {
display: inline-block;
line-height: 300px;
width: 300px;
overflow: hidden;
vertical-align: middle;
background: #FFF;
text-decoration: none;
}
#image_container #main_image img {
line-height: 300px;
vertical-align: middle;
}
#main_image_overlay {
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
width: 300px;
height: 300px;
background: url(../images/transparent_white.png);
}
.prodej_ukoncen {
background: url(../images/transparent_black.png);;
padding: 15px;
color: #FFF;
font-weight: bold;
font-size: 15px;
}
#image_container #main_image img {
vertical-align: middle;
}
#image_container .info {
position: absolute;
right: 60px;
top: 245px;
width: 70px;
height: 69px;
display: block;
background: url(../images/info.png) no-repeat;
z-index: 10;
}
#zbozi_full #image_container .sleva {
position: absolute;
left: -5px;
top: -5px;
width: 70px;
height: 67px;
line-height: 67px;
padding: 0 0 0 4px;
display: block;
text-align: center;
font-size: 24px;
color: #FFF;
background: url(../images/sleva_procent_bg.png) no-repeat;
z-index: 10;
font-family: MyriadProCondensed;
}
.ekotax {
font-size: 95%;
font-weight: bold;
color: #999;
display: inline-block;
margin: 3px 0 0 0;
}
#zbozi_full #image_container .sleva .small {
font-size: 12px;
}
#zbozi_full .kompatibilni_tiskarny {
margin: 5px 0 0 0;
background: #FFF;
padding: 0px;
}
#zbozi_full .kompatibilni_tiskarny table {
margin: 10px 0 0 0;
}
#zbozi_full .kompatibilni_tiskarny table tr td {
padding: 0px!important;
}
#zbozi_full .kompatibilni_tiskarny .tiskarna_item {
display: block;
width: auto;
float: none;
padding: 5px 0 5px 0;
margin: 0px;
}
#zalozka_menu {
border-bottom: 1px solid #DDD;
margin: 20px 0 0 0;
}
#zalozka_menu a {
display: inline-block;
padding: 4px 10px;
background: #DDD;
margin: 0 1px 0 0;
border: 1px solid #DDD;
border-bottom: 0px;
}
#zalozka_menu a.active {
background: #FFF;
border: 1px solid #DDD;
border-bottom: 1px solid #FFF;
margin: 0 1px -1px 0;
}
.zalozka {
padding: 10px 0;
}
#zalozka_1 {
display: block;
}
#info_container {
width: 350px;
padding: 0px;
float: left;
position: relative;
}
#info_container .popis_short {
padding: 10px 0 10px;
}
#info_container .barva_ico {
position: absolute;
left: -90px;
top: 20px;
}
#info_container .price {
height: auto;
line-height: normal;
padding: 20px 0 0;
margin: 0 0 10px;
text-align: left;
font-size: 100%;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
}
#hledejcenybpenv {
position: relative;
float: right;
margin: 0 -50px 0 0;
}
#info_container .our_price_display {
float: none;
font-weight: normal;
font-size: 12px;
padding: 0px;
}
#info_container #our_price_display {
font-family: MyriadProCondensed;
}
#info_container #our_price_display .label {
width: 120px;
display: inline-block;
font-family: arial;
font-weight: bold;
}
#info_container #our_price_display strong {
font-size: 40px;
font-family: MyriadProCondensed;
font-weight: normal;
}
#info_container #our_price_display.red strong {
color: #F00;
}
#info_container #our_price_display_wo_tax {
}
#info_container #our_price_display_wo_tax .label {
width: 120px;
display: inline-block;
font-weight: bold;
}
#info_container #our_price_display_wo_tax strong {
font-size: 25px;
}
#info_container #our_price_display_wo_tax.red strong {
color: #F00;
}
#info_container #old_price_display {
}
#info_container #old_price_display .label {
width: 120px;
display: inline-block;
}
#info_container #old_price_display strong {
background: url(../images/line_through.gif) 0 6px repeat-x;
}
#info_container #usetrite {
}
#info_container #usetrite .label {
width: 120px;
display: inline-block;
}
#info_container #usetrite strong {
}
#info_container #buy_block {
width: 300px;
}
#info_container #varianty {
}
#info_container label {
font-weight: bold;
width: 120px;
}
/* tlaÄŤĂtka pro nákup, zobrazenĂ detailu vĂ˝robku, skladovĂ˝ch zásob a slevy v % */
#info_container .detail {
display: block;
float: left;
background: url(../images/detail.gif) no-repeat;
width: 77px;
height: 40px;
line-height: 40px;
margin: 0 1px 0 0;
padding: 0 10px;
color: #FFF;
}
#info_container .stock {
font-weight: bold;
color: #549a01;
font-size: 17px;
margin: 10px 10px 0 0;
display: inline-block;
}
#info_container .out_of_stock {
font-weight: bold;
color: #F00;
font-size: 17px;
margin: 10px 10px 0 0;
display: inline-block;
}
#info_container .later {
font-weight: bold;
color: #ffa627;
font-size: 17px;
margin: 10px 10px 0 0;
display: inline-block;
}
#info_container .add_to_cart {
display: block;
float: left;
background: url(../images/zbozi_short_add_to_cart_bg.png) top no-repeat;
width: 130px;
height: 51px;
line-height: 51px;
display: inline-block;
color: #FFF;
font-size: 20px;
padding: 0 0 0 20px;
border: none;
margin: 0 0 0 -5px;
cursor: pointer;
text-align: left;
font-family: MyriadProCondensed;
}
#info_container .add_to_cart:hover {
color: #d99241;
background: url(../images/zbozi_short_add_to_cart_bg.png) bottom no-repeat;
}
#print_link {
cursor: pointer;
}
#zbozi_full_galerie {
position: relative;
overflow: hidden;
width: 320px!important;
padding: 0 0px;
}
#zbozi_full_galerie {
left: 0px;
}
#zbozi_full_galerie a {
margin: 0 1px 1px 0!important;
padding: 6px;
height: 50px;
background: #DBBFA9;
}
#zbozi_full_galerie a img {
width: 50px;
}
#posun_left {
position: absolute;
left: 0px;
top: 0px;
width: 20px;
height: 60px;
background: #301504 url(../images/posun_left.png) center no-repeat;
border-right: 1px solid #FFF;
}
#posun_left:hover {
background: #DBBFA9 url(../images/posun_left_hover.png) center no-repeat;
}
#posun_left.disabled {
background: #DBBFA9 url(../images/posun_left.png) center no-repeat;
}
#posun_right {
position: absolute;
right: 0px;
top: 0px;
width: 20px;
height: 60px;
background: #301504 url(../images/posun_right.png) center no-repeat;
border-left: 1px solid #FFF;
}
#posun_right:hover {
background: #DBBFA9 url(../images/posun_right_hover.png) center no-repeat;
}
#posun_right.disabled {
background: #DBBFA9 url(../images/posun_right.png) center no-repeat;
}
.youtube_videa {
}
.youtube_video_link {
}
.youtube_video_image {
width: 60px;
}
.related_item {
position: relative;
width: 153px;
height: 274px;
margin: 0 -8px 0 0;
padding: 20px;
float: left;
background: url(../images/zbozi_related_bg.png) no-repeat;
}
.related_item h3 {
padding: 0px;
height: 45px;
font-weight: normal;
}
.related_item .image_link {
display: block;
margin: 0 0 15px;
width: 140px;
height: 140px;
line-height: 97px;
text-align: center;
overflow: hidden;
text-decoration: none;
}
.related_item .image_link img {
vertical-align: middle;
width: 140px;
}
.related_item .sleva {
position: absolute;
display: block;
width: 70px;
height: 69px;
padding: 0px;
top: 30px;
right: 10px;
text-align: center;
color: #FFF;
background: url(../images/sleva_bg.png) no-repeat;
text-indent: -100px;
}
.related_item .sleva .small {
font-size: 13px;
}
.related_item .stock {
position: absolute;
right: 30px;
bottom: 67px;
width: 50px;
text-align: right;
color: #57a235;
display: inline-block;
font-size: 14px;
}
.related_item .out_of_stock {
position: absolute;
right: 30px;
bottom: 67px;
width: 50px;
text-align: right;
}
.related_item .price_old {
text-decoration: line-through;
display: inline-block;
margin: 0 5px 0 0;
padding: 0px;
color: #331604;
}
.related_item .price {
font-size: 35px;
padding: 0px;
margin: -5px 0 -7px 0;
color: #331604;
display: block;
font-family: MyriadProCondensed;
}
.related_item .price .small {
}
.related_kosik {
margin: 20px 0 0 0;
}
.print_full_galerie {
}
.print_full_galerie a {
display: inline-block;
margin: 0 5px 5px 0;
background: #FFF;
padding: 5px;
height: 80px;
vertical-align: middle;
}
#dotaz_form_content {
}
#dotaz_form_content input[type=text] {
width: 315px;
}
/* box pro hlášky */
.message {
background: #caffc4;
color: #252525;
border: 1px solid #0e9600;
display: block;
padding: 10px;
margin: 10px 0;
}
.message_red {
background: #FB0101;
color: #FFF;
border: 1px solid #FF0000;
display: block;
padding: 10px;
margin: 10px 0;
font-size: 13px;
}
.message_tip {
background: #ffdb95;
color: #252525;
border: 1px solid #ffa85a;
display: block;
padding: 10px;
margin: 10px 0;
}
.message_grey {
background: #EEE;
color: #252525;
border: 1px solid #AAA;
display: block;
padding: 10px;
margin: 10px 0;
}
/* Z-index of #mask must lower than #boxes .window */
#mask {
position: absolute;
z-index: 10;
background-color: #252525;
display: none;
left: 0px;
top: 0px;
}
.filtr {
height: 30px;
display: block;
padding: 5px 0 0 20px;
clear: both;
color: #000;
background: #DBBFA9;
}
.filtr_form {
float: left;
height: 30px;
line-height: 30px;
padding: 0 0;
}
.filtr_form label {
height: 30px;
line-height: 28px;
}
.filtr_form #cena_range {
width: 130px;
margin: 0 10px 0 15px;
display: inline-block;
height: 8px;
background: url(../images/cena_range.png);
border: none;
}
.ui-slider-range {
background: transparent url(../images/slider_cena_range.png);
}
.ui-slider-handle {
background: transparent url(../images/cena_range_button.png)!important;
width: 13px!important;
height: 14px!important;
border: none!important;
cursor: pointer!important;
}
#cena_od_show {
margin: 0px;
width: 40px;
display: inline-block;
text-align: right;
}
#cena_do_show {
margin: 0 0;
display: inline-block;
text-align: left;
}
#PagerId {
}
/* PAGER */
.PagerClass {
height: 30px;
display: block;
float: right;
border-left: 0px solid #FFF;
color: #FFF;
}
.PagerClass a, .PagerClass span {
margin: 0 1px;
}
.PagerClass span {
background: #EEE;
color: #666;
}
.PagerClass a {
}
.PagerClass a:hover {
}
.PagerClass span.actual {
}
/* pĹ™edchozĂ a dalšĂ*/
.PagerClass a.next {
}
.PagerClass a.next:hover {
}
.PagerClass a.previous {
}
.PagerClass a.previous:hover {
}
.PagerClass span.next {
}
.PagerClass span.previous {
}
/* prvnĂ a poslednĂ */
.PagerClass a.first {
width: 15px;
background: #000 url(../images/button_large.gif) bottom no-repeat;
}
.PagerClass a.first:hover {
background: #000 url(../images/button_large.gif) bottom no-repeat;
}
.PagerClass a.last {
width: 15px;
background: #000 url(../images/button_large.gif) bottom no-repeat;
}
.PagerClass a.last:hover {
background: #000 url(../images/button_large.gif) bottom no-repeat;
}
.PagerClass span.first {
width: 15px;
background: #000 url(../images/first.gif) bottom no-repeat;
}
.PagerClass span.last {
width: 15px;
background: #000 url(../images/last.gif) bottom no-repeat;
}
#rekalamce_form_content {
}
#rekalamce_form_content label {
display: inline-block;
width: 250px;
line-height: 15px;
padding: 8px 0;
vertical-align: middle;
text-align: right;
}
#rekalamce_form_content label .small {
font-size: 95%;
display: block;
}
#rekalamce_form_content input[type=text] {
width: 500px;
}
#rekalamce_form_content textarea {
width: 500px;
}
#waiter {
position: absolute;
left: 50%;
top: 250px;
z-index: 100;
}