html {
height: 100%;
}
@font-face {
font-family: 'OpenSans';
src: url('../webfontkit/opensans/opensans-regular-webfont.eot');
src: url('../webfontkit/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfontkit/opensans/opensans-regular-webfont.woff') format('woff'),
url('../webfontkit/opensans/opensans-regular-webfont.ttf') format('truetype'),
url('../webfontkit/opensans/opensans-regular-webfont.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold';
src: url('../webfontkit/opensans/opensans-bold-webfont.eot');
src: url('../webfontkit/opensans/opensans-bold.eot?#iefix') format('embedded-opentype'),
url('../webfontkit/opensans/opensans-bold-webfont.woff') format('woff'),
url('../webfontkit/opensans/opensans-bold-webfont.ttf') format('truetype'),
url('../webfontkit/opensans/opensans-bold-webfont.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: Arial;
font-size: 0.72em;
color: #555;
background: #FFF url(../images/body_bg.png);
margin: 0px;
padding: 0px;
height: 100%;
line-height: 150%;
}
a {
color: #282828;
text-decoration: none;
}
a:hover {
color: #DA365B;
text-decoration: underline;
}
h1, .h1 {
font-family: 'Roboto', sans-serif;
display: block;
font-size: 20px;
padding: 15px 0 15px;
margin: 0px;
color: #4987A4;
}
h1 a, .h1 a {
}
h2, .h2 {
font-family: 'Roboto', sans-serif;
font-size: 130%;
padding: 5px 0 5px;
margin: 0px;
height: auto;
line-height: normal;
color: #e97a23;
background: none;
}
h2 a, .h2 a {
color: #e97a23;
}
h3, .h3 {
display: block;
font-size: 12px;
font-weight: bold;
padding: 15px 0 5px;
margin: 0px;
color: #e97a23;
}
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;
}
table tr {
width: 100%;
}
table tr th {
padding: 5px 10px;
text-align: left;
background: #BBB;
}
table tr td {
padding: 5px 10px;
vertical-align: top;
}
fieldset {
}
label {
display: inline-block;
width: 150px;
line-height: 25px;
}
input[type=text] {
width: 150px;
margin: 1px 0;
}
input[type=password] {
width: 150px;
margin: 1px 0 5px;
}
textarea {
font-family: arial;
width: 315px;
}
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;
}
.relative {
position: relative;
}
.shown {
display: block;
}
.hidden {
display: none;
}
.button {
display: inline-block;
width: 82px;
height: 32px;
line-height: 29px;
font-family: arial;
color: #FFF;
text-align: center;
background: url(../images/button_bg.png) top no-repeat;
border: none;
margin: 0px;
padding: 0px;
cursor: pointer;
font-size: 12px;
text-decoration: none;
}
input.button {
height: 32px;
padding: 0 0 2px;
}
.button:hover{
background: url(../images/button_bg.png) bottom no-repeat;
color: #FFF;
text-decoration: none;
}
.button.large {
background: url(../images/button_large_bg.png) top no-repeat;
width: 180px;
}
.button.large:hover {
background: url(../images/button_large_bg.png) bottom no-repeat;
}
.button.small {
background: url(../images/button_bg.png) top no-repeat;
width: 93px;
}
.button.small:hover {
background: url(../images/button_bg.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 .first_tr {
}
#layout .first_tr .first_td {
}
#layout .first_tr .second_td {
}
#layout .first_tr .third_td {
}
#layout .header_tr {
}
#layout .header_tr .first_td {
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
}
#layout .header_tr .first_td .first_td_div{
background: url(../images/top_gradient.png) repeat-x;
height: 189px;
}
#main_navigation_left {
background: url(../images/main_navigation_bg.png) left top repeat-x;
height: 67px;
width: 40px;
float: right;
margin: 86px 0 0 0;
}
#layout .header_tr .second_td {
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
}
#layout .header_tr .third_td {
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
}
#layout .header_tr .third_td .third_td_div {
background: url(../images/top_gradient.png) repeat-x;
height: 189px;
}
#main_navigation_right {
background: url(../images/main_navigation_bg.png) right top repeat-x;
height: 67px;
width: 40px;
float: left;
margin: 86px 0 0 0;
}
#layout .main_tr {
}
#layout .main_tr .first_td {
vertical-align: bottom;
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
}
#layout .main_tr .first_td .first_td_div{
position: relative;
background: url(../images/tuzky_shadow_left.png) top right no-repeat;
height: 115px;
margin: 0 -15px 0 0;
display: none;
}
#layout.home .main_tr .first_td .first_td_div {
display: block;
}
#layout .main_tr .second_td {
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
}
#layout .main_tr .third_td {
background: #FFF url(../images/bottom_gradient.png) bottom repeat-x;
vertical-align: bottom;
}
#layout .main_tr .third_td .third_td_div {
position: relative;
background: url(../images/tuzky_shadow_right.png) top left no-repeat;
height: 110px;
margin: 0 0 0 -15px;
display: none;
}
#layout.home .main_tr .third_td .third_td_div {
display: block;
}
#layout .footer_tr {
}
#layout .footer_tr .first_td {
background: #0EB7F1;
}
#layout .footer_tr .second_td {
background: #0EB7F1;
}
#layout .footer_tr .third_td {
background: #0EB7F1;
}
/* Header */
#header {
position: relative;
width: 995px;
height: 189px;
margin: 0px;
padding: 0px;
background: url(../images/top_gradient.png) repeat-x;
}
/*
* obsah headeru
*/
#logo {
position: absolute;
left: 35px;
top: 20px;
display: block;
width: 148px;
height: 47px;
background: url(../images/logo_bg.png) no-repeat;
}
.headline {
font-family: 'Roboto', sans-serif;
position: absolute;
left: 220px;
font-size: 20px;
top: 30px;
font-weight: normal;
color: #FFF;
font-size: 28px;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
#header #main_navigation {
position: absolute;
top: 86px;
height: 67px;
font-size: 100%;
line-height: 52px;
width: 955px;
padding: 0 20px;
text-transform: uppercase;
background: url(../images/main_navigation_bg.png) center top no-repeat;
color: #87999f;
font-weight: bold;
}
#header #main_navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#header #main_navigation ul li {
position: relative;
float: left;
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;
float: left;
color: #87999f;
}
#header #main_navigation ul li a.first {
}
#header #main_navigation ul li a:hover {
text-decoration: underline;
color: #ff6c00;
}
#header #main_navigation ul li a.active {
color: #ff6c00;
}
#header #main_navigation ul li a span.arrow_down {
display: block;
position: absolute;
bottom: -12px;
left: 50%;
margin: 0 0 0 -9px;
width: 19px;
height: 12px;
/*background: url(../images/main_navigation_arrow.png) no-repeat;*/
}
#header_user {
position: absolute;
top: 5px;
right: 20px;
float: right;
font-size: 95%;
z-index: 10;
}
#header_user a {
color: #FFF;
text-decoration: underline;
font-weight: bold;
}
#header_user a:hover {
color: #DA365B;
}
#search_form {
display: none;
position: absolute;
left: 500px;
top: 20px;
padding: 0 0 0 30px;
}
#search_form label {
text-transform: uppercase;
line-height: 23px;
float: left;
width: auto;
margin: 0 5px 0 0;
}
#search_text {
display: inline-block;
border: none;
padding: 0px;
font-size: 100%;
width: 140px;
padding: 0 5px;
height: 23px;
line-height: 23px;
background: #f7f7f8;
float: left;
}
#search_submit {
display: inline-block;
width: 21px;
height: 21px;
border: none;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #252525;
float: left;
margin: 2px 0 2px 5px;
background: url(../images/search_lupa.png) no-repeat;
}
#search_submit:hover {
background: #252525;
color: #f6f4e9;
}
#naseptavac {
border: 0px solid #EEE;
background: #FFF;
position: relative;
margin: 33px 0 0 0;
z-index: 110;
}
#naseptavac .naseptavac_item {
display: block;
padding: 10px;
border-bottom: 1px dashed #EEE;
cursor: pointer;
}
#naseptavac .naseptavac_item:hover {
background-color: #EEE;
}
#header_kosik {
position: absolute;
top: 25px;
right: 20px;
margin: 0px;
padding: 0px;
height: 70px;
right: 20px;
}
#header_kosik a {
display: inline-block;
color: #FFF;
background: url(../images/cart.png) right top no-repeat;
padding: 10px 60px 0 0;
height: 40px;
font-weight: bold;
}
/* breadcrumbs, droběčky, drobečková navigace */
#breadcrumbs {
margin: 0px;
padding: 0px;
color: #999;
height: 30px;
line-height: 30px;
font-size: 95%;
}
#breadcrumbs a {
color: #999;
text-decoration: underline;
}
#breadcrumbs a:hover {
color: #F00!important;
}
#lang_navigation {
position: absolute;
top: 105px;
right: 20px;
}
#lang_navigation a {
display: inline-block;
margin: 0 10px 0 0;
}
#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 {
min-height: 400px;
padding: 0 20px 40px;
}
.first_column {
width: 160px;
padding: 0px;
float: left;
}
.second_column {
float: left;
padding: 0 20px 20px;
width: 600px;
}
#home_text {
position: relative;
width: 550px;
background: url(../images/home_text_apostrof.png) no-repeat;
padding: 18px 0 0 40px;
margin: -10px 0 0 0;
z-index: 10;
float: right;
}
.online_konfigurator_titul {
width: 350px;
height: 320px;
position: relative;
float: left;
background: url(../images/nakonfigurujte_si_tuzku_zde.png) no-repeat;
}
#de {
background: url(../images/nakonfigurujte_si_tuzku_zde_de.png) no-repeat!important;
}
#en {
background: url(../images/nakonfigurujte_si_tuzku_zde_en.png) no-repeat!important;;
}
#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;
}
.page_image {
margin: 0 0 5px;
}
.vyrobci {
margin: 0 0 20px;
}
.rozcestnik_short {
}
.rozcestnik_short h2 {
display: inline-block;
padding: 0 0 15px;
margin: 0 25px 0 0;
}
.rozcestnik_home {
position: relative;
width: 965px;
margin: 0 -5px;
background: url(../images/tuzky_shadow.png) center 220px no-repeat;
}
.rozcestnik_home table {
border-spacing: 0px;
padding: 0px;
margin: 0px;
border: 0px;
}
.rozcestnik_home td {
background: none;
border: 0px;
border-spacing: 0px;
padding: 0px;
width: 33px;
}
.rozcestnik_home td .bullet {
display: block;
width: 50px;
height: 63px;
margin: 0 20px 0 30px;
float: left;
background: url(../images/home_rozcestnik_bullet.png) no-repeat;
}
.rozcestnik_home td .obsah {
position: relative;
width: 180px;
float: left;
color: #FFF;
}
.rozcestnik_home td h2 {
padding: 0 0 5px;
color: #FFF;
font-size: 33px;
text-transform: uppercase;
font-weight: normal;
}
.rozcestnik_home td a {
color: #FFF;
}
.rozcestnik_home td .bublina {
position: absolute;
width: 166px;
height: 54px;
display: block;
background: url(../images/bubble.png) no-repeat;
left: -30px;
top: -320px;
font-size: 95%;
padding: 15px;
color: #000;
display: none;
}
.rozcestnik_home td.last {
}
.rozcestnik_home td.last h2 {
font-size: 23px;
}
.rozcestnik_home tr.r_obrazek td {
padding: 0 0 20px;
}
.rozcestnik {
}
.rozcestnik {
}
.rozcestnik td {
padding: 10px 0px;
width: 15%;
}
.rozcestnik h2 {
padding: 0px;
}
.rozcestnik h2 a {
display: block;
padding: 3px 0 3px 15px;
background: url(../images/ul_li.gif) left 8px no-repeat;
}
#footer {
color: #FFF;
padding: 0 20px 20px;
text-align: right;
font-size: 95%;
}
#footer a {
color: #FFF;
}
#footer_navigation {
margin: 0 0 15px;
}
#footer_navigation a {
display: inline-block;
margin: 0 1px;
}
#footer_navigation a.first {
margin: 0 1px 0 0;
}
#footer_tree {
margin: 0 0 15px;
}
#footer_tree table {
width: 840px;
}
#footer_tree td {
padding: 0 0 20px;
}
#footer_tree h3 {
font-size: 16px;
padding: 0 0 10px;
text-transform: uppercase;
font-weight: normal;
}
#footer_facebook_google {
float: left;
width: 300px;
margin: 0 0 0 40px;
}
#footer_facebook_google .footer_facebook {
float: left;
}
#footer_facebook_google .footer_google {
float: left;
margin: 0 0 0 20px;
}
/*
* 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;
width: 160px;
}
#tree_navigation a {
}
/* první úroveň */
#tree_navigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#tree_navigation ul li {
padding: 0px;
margin: 0 0;
background: none;
}
#tree_navigation ul li a {
display: block;
padding: 5px 10px 5px 20px;
margin: 0px;
line-height: 17px;
margin: 1px 0;
text-transform: uppercase;
}
#tree_navigation ul li a.plus {
background: url(../images/more_level_1.gif) 5px 10px no-repeat;
}
#tree_navigation ul li a.minus {
background: url(../images/less_level_1.gif) 5px 10px no-repeat;
}
#tree_navigation ul li a:hover {
color: #5a5a5a;
text-decoration: none;
}
#tree_navigation ul li a.selected {
}
/* druhá úroven */
#tree_navigation ul li ul {
padding: 0px;
margin: 0px;
}
#tree_navigation ul li ul li {
padding: 0 0 0 10px;
margin: 0px;
background: transparent url(../images/tree_navigation_vertical.gif) 20px 0px repeat-y;
}
#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 {
color: #252525;
padding: 3px 10px 3px 20px;
background: transparent url(../images/tree_navigation_item.gif) 12px 10px no-repeat;
}
#tree_navigation ul li ul li a.last {
background: none;
}
#tree_navigation ul li ul li a.plus {
background: url(../images/more.gif) 5px 4px no-repeat;
}
#tree_navigation ul li ul li a.minus {
background: url(../images/less.gif) 5px 4px no-repeat;
}
#tree_navigation ul li ul li a:hover {
color: #F00;
background-color: #ebf4fd;
text-decoration: underline;
}
#tree_navigation ul li ul li a.selected {
background-color: #ebf4fd;
color: #F00;
}
#tree_navigation ul li ul li ul li a {
padding: 2px 10px 2px 20px;
}
.bg_block {
background: #FFF;
border: 1px solid #8E867B;
padding: 20px;
}
/* stepper */
/* doprava a platba */
/* uzivatel */
/* dodací údaje */
/* zbozi short, produkt, product zbozi_short, zboží */
.zbozi_short {
position: relative;
width: 220px;
height: 420px;
padding: 20px;
float: left;
background: url(../images/product_bg.png) top repeat-x;
margin: 0 1px 0 0;
}
.zbozi_short.first {
margin: 0 1px 0 -20px;
}
.zbozi_short.last {
margin: 0 0 0 0;
}
.zbozi_short h2 {
margin: 0 0 20px;
padding: 0px;
height: 30px;
font-size: 14px;
}
.zbozi_short .image {
width: 220px;
height: 220px;
line-height: 205px;
margin: 0 0 5px;
text-align: center;
background: #FFF;
}
.zbozi_short .image a {
display: block;
width: 220px;
height: 220px;
line-height: 220px;
margin: 0 0 5px;
text-align: center;
text-decoration: none;
}
.zbozi_short .image img {
vertical-align: middle;
}
.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 {
display: block;
float: left;
margin: 0px;
color: #FFF;
background: url(../images/sleva.gif) no-repeat;
width: 40px;
height: 40px;
line-height: 30px;
font-size: 190%;
text-align: center;
position: absolute;
right: 60px;
bottom: 75px;
border-left: 1px solid #FFF;
}
.zbozi_short .sleva .small {
font-size: 13px;
}
.zbozi_short .stock {
position: absolute;
right: 30px;
bottom: 115px;
width: 80px;
text-align: right;
color: #0F0;
font-weight: bold;
color: #549a01;
display: inline-block;
}
.zbozi_short .out_of_stock {
position: absolute;
right: 20px;
bottom: 115px;
width: 80px;
text-align: right;
color: #F00;
}
.zbozi_short .price_old {
font-size: 12px;
font-weight: normal;
color: #4a494a;
background: url(../images/line_through.gif) 0 6px repeat-x;
margin: 0 10px;
height: 16px;
line-height: 16px;
overflow: hidden;
display: inline-block;
padding: 0px;
}
.zbozi_short .price {
font-size: 32px;
font-weight: normal;
color: #4a494a;
margin: 0 10px;
height: 35px;
padding: 0px;
line-height: 32px;
overflow: hidden;
}
.zbozi_short .price .small {
font-size: 12px;
font-weight: normal;
}
.zbozi_short a.detail {
display: block;
float: left;
background: #38454F;
width: 200px;
height: 40px;
line-height: 40px;
margin: 0 1px 0 0;
padding: 0 10px;
color: #FFF;
text-decoration: none;
position: absolute;
bottom: 75px;
}
.zbozi_short a.detail:hover {
}
.zbozi_short .add_to_cart {
position: absolute;
right: 20px;
bottom: 75px;
display: block;
float: left;
background: url(../images/add_to_cart.gif) top no-repeat;
width: 40px;
height: 40px;
border: none;
border-left: 1px solid #FFF;
}
.zbozi_short .add_to_cart:hover {
}
.zbozi_short .kratky_popis {
position: absolute;
top: 383px;
margin: 10px 0 0;
padding: 0px;
width: 220px;
height: auto;
font-size: 100%;
}
.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: 15px;
background: #FFF;
}
.left_block .h2 {
}
.left_block .zbozi_ultra_short {
height: 60px;
margin: 0 0 10px;
width: 185px;
}
.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: 105px;
float: left;
}
.left_block .zbozi_ultra_short .obsah h3 {
margin: 0px;
padding: 0px;
}
.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 {
margin: 5px 5px 0 0;
}
#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;
}
#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: 307px;
float: left;
margin: 0 45px 10px 0;
}
#image_container #main_image {
position: relative;
background: #FFF;
height: 300px;
line-height: 300px;
text-align: center;
padding: 0 0 0 3px;
}
#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;
right: -20px;
top: 245px;
width: 70px;
height: 59px;
padding: 10px 0 0 0;
display: block;
text-align: center;
font-size: 30px;
color: #FFF;
background: url(../images/sleva.png) no-repeat;
z-index: 10;
}
#zbozi_full #image_container .sleva .small {
font-size: 13px;
}
#info_container {
width: 350px;
padding: 0px;
float: left;
position: relative;
}
#info_container .popis_short {
padding: 10px 0 10px;
}
#info_container .price {
height: auto;
line-height: normal;
padding: 20px 0;
margin: 0 0 20px;
text-align: left;
font-size: 100%;
width: 300px;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
}
#info_container .our_price_display {
float: none;
font-weight: normal;
font-size: 12px;
padding: 0px;
}
#info_container #our_price_display {
font-size: 30px;
font-weight: bold;
margin: 0px;
height: 30px;
line-height: 30px;
}
#info_container .old_price_display {
font-size: 12px;
font-weight: normal;
color: #4a494a;
margin: 0px;
height: 16px;
line-height: 16px;
overflow: hidden;
display: inline-block;
padding: 0px;
}
#info_container #old_price_display {
background: url(../images/line_through.gif) 0 6px repeat-x;
}
#info_container #buy_block {
width: 300px;
}
/* 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;
}
#info_container .later {
font-weight: bold;
}
#info_container .add_to_cart {
display: block;
float: left;
background: #38454F url(../images/add_to_cart_pb.gif) top no-repeat;
width: 120px;
height: 40px;
line-height: 40px;
margin: 0 1px 0 0;
padding: 0 10px;
color: #FFF;
border: none;
text-align: left;
cursor: pointer;
}
#info_container .add_to_cart:hover {
}
#print_link {
cursor: pointer;
}
.youtube_videa {
}
.youtube_video_link {
}
.youtube_video_image {
width: 60px;
}
.related_item {
width: 97px;
height: 170px;
margin: 0 5px 5px 0;
padding: 0px;
float: left;
}
.related_item h3 {
padding: 0px;
height: 25px;
font-size: 12px;
font-weight: bold;
}
.related_item .image_link {
display: block;
margin: 0 0 5px;
width: 97px;
height: 97px;
line-height: 97px;
background: #FFF;
text-align: center;
}
.related_item .image_link img {
vertical-align: middle;
}
.related_item .detail {
display: block;
height: 20px;
line-height: 20px;
width: 80px;
text-align: center;
margin: 0px auto;
background: #252525;
color: #FFF;
}
.related_item .price {
display: block;
margin: 5px 0 0 0;
font-size: 95%;
}
.related_item .price strong {
font-size: 14px;
}
.related_item .price .small {
font-weight: normal;
}
.print_full_galerie {
}
.print_full_galerie a {
display: inline-block;
margin: 0 5px 5px 0;
background: #FFF;
padding: 5px;
height: 160px;
vertical-align: middle;
}
/* box pro hlášky */
.message {
background: #caffc4;
color: #252525;
border: 1px solid #0e9600;
display: block;
padding: 5px;
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: 5px;
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: 0px;
clear: both;
color: #000;
}
.filtr_form {
float: left;
height: 30px;
line-height: 30px;
padding: 0 20px;
}
.filtr_form label {
height: 30px;
line-height: 30px;
vertical-align: middle;
}
#PagerId {
}
/* PAGER */
.PagerClass {
height: 20px;
display: block;
float: right;
border-left: 0px solid #FFF;
color: #FFF;
}
.PagerClass a, .PagerClass span {
padding: 0 8px;
margin: 0 0 0 1px;
display: inline-block;
vertical-align: middle;
height: 20px;
line-height: 20px;
font-size: 100%;
text-decoration: none;
text-transform: uppercase;
}
.PagerClass span {
color: #003C6E;
background: #E5F0FA;
}
.PagerClass a {
color: #003C6E;
background: #E5F0FA;
}
.PagerClass a:hover {
text-decoration: underline;
}
.PagerClass span.actual {
color: #FFF;
background: #003C6E;
}
/* předchozí a další*/
.PagerClass a.next {
padding-right: 10px;
background: #F00;
color: #FFF;
}
.PagerClass a.next:hover {
}
.PagerClass a.previous {
padding-left: 10px;
background: #F00;
color: #FFF;
}
.PagerClass a.previous:hover {
}
.PagerClass span.next {
}
.PagerClass span.previous {
}
/* první a poslední */
.PagerClass a.first {
width: 15px;
background: #000 url(../images/first_disabled.gif) center no-repeat;
}
.PagerClass a.first:hover {
background: #000 url(../images/first_disabled.gif) center no-repeat;
}
.PagerClass a.last {
width: 15px;
background: #000 url(../images/last_disabled.gif) center no-repeat;
}
.PagerClass a.last:hover {
background: #000 url(../images/last_disabled.gif) center no-repeat;
}
.PagerClass span.first {
width: 15px;
background: #000 url(../images/first.gif) center no-repeat;
}
.PagerClass span.last {
width: 15px;
background: #000 url(../images/last.gif) center 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;
}
/*
* Pruvodce / konfigurátor
*/
.pruvodce {
width: 680px;
overflow: hidden;
}
.pruvodce .volba_item {
padding: 5px;
display: block;
}
.pruvodce .volba_item.selected{
background: #EEE;
}
.pruvodce a {
cursor: pointer;
}
.pruvodce_item {
display: inline-block;
width: 200px;
padding: 20px;
background: #F9F9F9;
text-transform: uppercase;
}
.pruvodce_item:hover {
background: #EEE;
}
.first_part {
float: left;
width: 150px;
margin: 0 10px 0 0;
}
.second_part {
position: relative;
float: left;
width: 200px;
margin: 0 10px 0 0;
}
.third_part {
position: relative;
float: left;
width: 250px;
}
.overlay {
display: none;
width: 100%;
height: 100%;
background: #FFF;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
}
.overlay_item {
display: none;
width: 100%;
height: 100%;
background: #FFF;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
}
#typ {
height: 24px;
}
#tuzka {
position: relative;
height: 24px;
}
#tuzka_text {
width: 380px;
height: 80px;
border: 1px solid #000;
margin: 0 0 0 100px;
top: -24px;
z-index: 10;
position: relative;
text-align: right;
}
#tuzka_spicka {
position: relative;
width: 53px;
height: 24px;
z-index: 10;
float: left;
}
#tuzka_spicka.bez_moreni {
background: url(../images/konfigurator/spicka_bez_moreni.jpg) no-repeat;
}
#tuzka_spicka.cedr {
background: url(../images/konfigurator/spicka_bez_moreni.jpg) no-repeat;
}
#tuzka_spicka.prirodni {
background: url(../images/konfigurator/spicka_prirodni.jpg) no-repeat;
}
#tuzka_spicka.cerne {
background: url(../images/konfigurator/spicka_cerne.jpg) no-repeat;
}
.tesarska #tuzka_spicka {
background: url(../images/konfigurator/spicka_tesarska.jpg) no-repeat;
}
#tuzka_moreni {
position: relative;
width: 500px;
height: 24px;
z-index: 10;
float: left;
}
#tuzka_moreni.bez_moreni {
background: url(../images/konfigurator/lakovani_bez_moreni.jpg) repeat-x;
}
#tuzka_moreni.cedr {
background: url(../images/konfigurator/lakovani_bez_moreni.jpg) repeat-x;
}
#tuzka_moreni.prirodni {
background: url(../images/konfigurator/lakovani_prirodni.jpg) repeat-x;
}
#tuzka_moreni.cerne {
background: url(../images/konfigurator/lakovani_cerne.jpg) repeat-x;
}
#tuzka_lakovani {
position: relative;
width: 100%;
height: 24px;
z-index: 10;
float: left;
}
#tuzka.dlouha #tuzka_lakovani {
width: 500px;
}
#tuzka.kratka #tuzka_moreni {
width: 250px;
}
#tuzka.prodlouzena #tuzka_moreni {
width: 600px;
}
#tuzka_overlay {
display: block;
position: absolute;
width: 100%;
height: 24px;
right: 0px;
z-index: 20;
background: url(../images/konfigurator/lakovani.png) repeat-x;
}
#tuzka_overlay.active {
display: block;
}
#tuzka_maceni {
position: absolute;
display: block;
width: 50px;
height: 24px;
right: 0px;
top: 0px;
z-index: 10;
}
#tuzka_prouzek {
position: absolute;
display: block;
width: 10px;
height: 24px;
right: 50px;
top: 0px;
z-index: 10;
}
#tuzka_pouzdro {
position: absolute;
display: block;
width: 45px;
height: 24px;
right: -22px;
top: 0px;
z-index: 30;
}
#tuzka_guma {
position: absolute;
display: block;
width: 16px;
height: 24px;
right: -38px;
top: 0px;
z-index: 30;
}
#tuzka_kaminek {
position: absolute;
display: block;
width: 16px;
height: 24px;
right: -10px;
top: 0px;
z-index: 10;
}
#pastelky {
background: #FFF;
padding: 10px;
display: none;
}
#typ {
}
#typ span {
display: block;
text-align: center;
}
.color {
display: inline-block;
width: 15px;
height: 15px;
margin: 2px;
}
.color.selected {
margin: 0px;
border: 2px solid #000;
}
#kaminek a {
display: inline-block;
margin: 2px;
}
#kaminek a.selected {
display: inline-block;
margin: 0px;
border: 2px solid #000;
}