/* 3Dshop.cz CSS styles, (c) 2006 PeckaDesign, www.peckadesign.cz */

/* CONTENT RULES */
@import url("content.css");

/* BASIC RULES */
html {margin: 0; padding: 0;}
body {background: #2E3133 url("/img/header-bg-grad.png") repeat-x 50% 0px; color: #DDD; margin: 0; padding: 0 0 70px;}

/* Fonts setup (not in content.css because of XS) */
body {font-family: "Lucida Grande", Tahoma, Arial, sans-serif;}
h1, h2, table.product-list caption {font-family: "Lucida Grande", Arial, sans-serif;}

/* Forms */
input, select, textarea, button {font: 93% Tahoma, sans-serif; vertical-align: middle; margin: 0.1em 0;}
form, fieldset {margin: 0; padding: 0; border: none;}
legend {color: #000; font-size: 109%; font-weight: bold; position: relative; left: -8px; margin-left: 8px;}
form .sfull {width: 98%;}
form .shalf {width: 50%;}
form p.col-h-r .sfull, form p.col-h-l .sfull {width: 96%;}
.btn-submit, .bttcart {background: #494E52 url("/img/bg-btn-submit.png") repeat-x 0 0; border: 1px solid #A9AAAA; color: white; font-weight: bold; padding: 5px 10px; cursor: pointer;}
.btn-order {background: #494E52 url("/img/bg-btn-order.png") repeat-x 0 0; border: 1px solid #A9AAAA; color: white; font-weight: bold; padding: 7px 10px; cursor: pointer;}
.s40 {width: 40%;}

/* Misc */
.clearfix:after, #mainmenu:after, #intro:after, #content .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.break {font-size: 1px; height: 1px; clear: both; overflow: hidden; visibility: hidden; display: block;}
.br {clear: both;}
.hidden {display: none;}
.r {float: right;}
.l {float: left;}
.accessible, .out {position: absolute; top: -1000px; left: -1000px;}
.spc {padding: 10px;}

/* BASIC LAYOUT RULES */
/* Content center rules */
#header, #content, #footer {width: 100%;}
#header .container, #content .container, #footer .container {width: 1000px; margin: 0 auto;}

/* Header */
#logostripe {background: transparent url("/img/header-bg-topmotive01.png") no-repeat 99% 100%; height: 90px; overflow: hidden; position: relative; border-bottom: 4px solid #3A3E40;}

#logo, #logo span {width: 150px; height: 28px; overflow: hidden; position: absolute; z-index: 1;}
#logo {background: transparent url("/img/logo-shadow.png") no-repeat 0px 29px; font-size: 16px; font-weight: bold; margin: 0; padding-bottom: 30px; top: 30px; left: 25px;}
#logo span {background: transparent url("/img/logo.png") no-repeat; display: block; z-index: 10; left: 0; top: 0;}
#logo a {color: #FFFFFF; text-decoration: none;}

#cart {background: url("/img/cart-bg.png") no-repeat left bottom; width: 160px; height: 85px; position: absolute; top: 6px; right: 5px; overflow: hidden;}
#cart .spc {background: #FFF url("/img/cart-bg.png") no-repeat -15px 100%; color: #000; width: 125px; height: 5em; padding: 0 5px 0; position: absolute; bottom: 0; right: 10px;}
#cart p {text-align: right; margin: 0; line-height: 1.2em;}
#cart #cartinfo {background: url("/img/ico-cart1.png") no-repeat left center; padding-left: 27px; margin-bottom: 0.6em;}
#cart #cartinfo strong {padding-bottom: 0.2em; border-bottom: 1px solid #CCC; font-size: 110%;}

#claim, #claim span {width: 420px; height: 60px; overflow: hidden; position: absolute; z-index: 1;}
#claim {top: 19px; left: 213px;}
#claim span {background: transparent url("/img/header-topclaim.png") no-repeat; display: block; z-index: 10; left: 0; top: 0;}
#claim h2, #claim p {color: #FFF; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 9px 0 17px 25px; border-left: 10px solid #FF008A;}
#claim em {color: #FF008A; font-style: normal; display: block;}

#mainmenu {background: #3B3E41 url("/img/mainmenu-bg-grad.png") repeat-x; color: #FFF; font-size: 13px; position: relative;}
#mainmenu ul, #mainmenu ul li {list-style: none; margin: 0; padding: 0;}
#mainmenu ul li {float: left; border-right: 1px solid #2C2E2F; position: relative;}
#mainmenu ul li.active {border-right-color: #5F1C40;}
#mainmenu ul li a, #mainmenu ul li.active strong {text-decoration: none; font-weight: normal; display: block;}
#mainmenu ul li span {background: transparent url("/img/mainmenu-bg-grad-start.png") no-repeat; color: #FFF; display: block; padding: 12px 25px 12px 25px;}
#mainmenu ul li a:hover, #mainmenu ul li.active strong, #mainmenu ul li.active a {background-image: url("/img/mainmenu-bg-grad-hover.png");}
#mainmenu ul li a:hover span, #mainmenu ul li.active strong span, #mainmenu ul li.active a span {background-image: url("/img/mainmenu-bg-grad-start-hover.png");}
#mainmenu ul li a:hover span {cursor: pointer;}
#mainmenu ul li#menucart {position: absolute; right: 0;}

/* Motives (subpages) */
#motive {background: #ECDAA8 url("/img/header-bg-motive01.jpg") no-repeat 0 -35px; color: #000; font-size: 92%; width: 100%; height: 80px; position: relative; top: -1px; margin-bottom: -1px;}
#motive.motivehome {background-color: #1A1C1D; background-position: 220px -10px; color: #BDC7D1; min-height: 155px; height: auto;}
#motive .spc {padding: 15px 25px 5px; width: 170px;background-color: #1A1C1D;}
#motive h2 {color: #FF008A; margin-bottom: 0.1em; margin-top: 0; padding-top: 0.5em;}
#motivetxt {background: url("/img/header-introtxt.png") no-repeat; width: 430px; height: 105px; z-index: 11; position: absolute; right: 0; bottom: 0; top: auto; left: auto;}
#motivetxt2 {background: url("/img/header-podstrankatxt.png") no-repeat; width: 456px; height: 80px; z-index: 11; position: absolute; right: 0; bottom: 0;}

/* Content + columns */
#content {background: #FFF url("/img/content-bg-grad.png") repeat-x; color: #000; padding-bottom: 4px; border-top: 1px solid #FFF;}
#content .container {background: #FFF url("/img/container-bg-col2.png") repeat-y; color: #000; min-height: 400px;}
#content .container.col3 {background: #FFF url("/img/container-bg-col3.png") repeat-y;}
#content .container.col2 {background: #FFF url("/img/container-bg-col2.png") repeat-y; }

#col-left-home {width: 740px; float: left;}
#col-main {width: 780px; float: right; position: relative;}
#col-main>.spc {position: relative;}

#col-left-home #col-main {width: 520px;}
#col-left {background-color: #232527; color: #FFF; width: 220px; float: left;}
#col-right {width: 260px; float: right; background-color: #F3F3F3;}
.news-datum { float: left; font-weight: normal; margin-left: 1.5em; color: #666; font-size: 87%; padding-top: 0.2em; }
h1 .datum { color: #666; padding-right: 0.1em }
h2 .datum { float: left; margin-left: 1.5em; color: #adadad; }

/* Breadcrumb */
#breadcrumb {font-size: 92%; padding-right: 160px;}
#breadcrumb a {white-space: nowrap;}
.recommend {font-size: 92%; float: right; position: absolute; top: 10px; right: 10px;}

/* Content styles, headlines */
#content h1 {background-color: #EAEAEA; color: #000; padding: 0.4em 10px; margin: 0;}
#content ul li, #content ol li {margin-bottom: 0.5em;}
h2.dividerhl, table.product-list caption {background-color: #2E3133; color: #FFFFFF; padding: 0.4em 15px; margin: 0;}
#col-left h2.dividerhl, #col-right h2.dividerhl, #product-similar h2.dividerhl {font-size: 18px;}
#col-right h2.dividerhl, #product-similar h2.dividerhl {background-color: transparent; color: #000; padding-right: 5px; border-bottom: none;}
#col-right h2.dividerhl {padding-left: 10px;}

#annot { margin-bottom: 0; padding: 10px; border: 1px solid #EAEAEA;}
#wswg-content {padding: 0 10px; margin: 25px 0;}

/* Products filtering tools */
.product-filter {background: transparent url("/img/product-filter-bg.png") no-repeat 0 100%; padding-bottom: 10px;}
.product-filter .spc {padding-left: 15px; border: 1px solid #EAEAEA; border-top: none;}
.product-filter fieldset {margin: 0 0 0.5em; padding: 0; border: 0;}
.product-filter legend {color: #000; font-size: 100%; font-weight: bold; display: block; width: 10em; margin: 0 0 -1.5em; padding: 0;}
.product-filter label {white-space: nowrap; margin-right: 0.5em;}
.product-filter p.brand-list {margin: 0 80px 0 10em;}
.product-filter input.btt {margin-top: -2em;}

.shadow {background: transparent url("/img/product-filter-bg.png") no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 5px;}

/* Product crossroad */
#crossroad {font-weight: bold; margin: 0.7em 0 0.2em; padding: 0; list-style-type: none;}
#crossroad li {display: inline; margin: 0 20px 0 0; padding: 0; float: left; background: none; line-height: 1.3em;}
#crossroad li a {background: url("/img/ico-folder.png") no-repeat left center; white-space: nowrap; padding: 2px 0 2px 27px;}

/* Paging + Sorting */
.borderbox {margin-bottom: 1.5em;}
.borderbox.top {margin-bottom: 0;}
.borderbox .spc {padding: 3px 10px 3px 15px;}

.paging {font-weight: bold; text-align: right; float: right; clear: right; margin: 1px;}
.paging p {margin: 0;}
.paging a, .paging strong, .paging span {font-weight: bold; padding: 2px 7px 2px; float: left; margin-left: 1px;}
.paging a:hover {background-color: #EAEAEA;}
.paging strong {background-color: #666; color: #FFF;}
.paging a.next {background: transparent url("/img/ico-arr-right.png") no-repeat 100% 50%; padding-right: 25px;}
.paging a.prev {background: transparent url("/img/ico-arr-left.png") no-repeat 0 50%; padding-left: 25px;}

.sorting {width: 50%;}
.sorting label {font-weight: bold;}
.sorting input, .sorting select {margin: 0;}

/* Price */
.price {color: #FF008A;}
.price strong {font-size: 145%;}
.price-old {font-size: 92%; cursor: help;}

/* Product listing */
.product-list p {margin: 0.5em 0 0;}
.product-list h3 {margin:0;}
.product-list h3 a {display: block; text-align: center;}
.product-list h3 a span.text {display: block; min-height: 2.4em; margin-bottom: 0.7em; text-align: left;}
.product-list h3 a span.img-box {text-align: center; display: block; min-height: 100px; margin-bottom: 0.3em;}
.product-list span.price {float: right;}
.product-list del.price-old {float: right; clear: right;}
.product-list input.cart {float: left; margin-bottom: 1em;}
.product-list p.desc {font-size: 92%; clear: both; padding-top: 5px;}
.product-list p.store {font-size: 92%;}
.product-list p.store img { float: right; margin-left: 1px;}

table.product-list {margin-bottom: 10px; table-layout: fixed; border: none; border-collapse: separate; background-color: transparent;}
table.product-list caption {text-align: left; margin-bottom: 10px;}
table.product-list tr:first-child td {padding-top: 0;}
table.product-list td {padding: 9px; border: 1px dotted #DDD; border-top: none; border-right: none;}
table.product-list td.first {padding-left: 1px; border-left: none;}

/* Product listing - leftcol + similar*/
#col-left .product-list, #product-similar .product-list {padding: 10px 16px 0;}
#col-left .product-list h3 a span.text, #product-similar .product-list h3 a span.text {min-height: 0;}
#col-left .product-list span.img-box, #product-similar .product-list span.img-box {background-color: #FFF; padding: 5px; width: 100px; margin: 0 auto;}
#col-left .product-list p.desc, #product-similar .product-list p.desc {padding-bottom: 1em; border-bottom: 1px dotted #FFF;}
#product-similar .product-list p.desc {border-bottom-color: #999;}
#col-left .product-list.last, #product-similar .product-list.last {margin-bottom: 1.5em;}
#col-left .product-list.last p.desc, #product-similar .product-list.last p.desc {padding-bottom: 0; border: none;}

/* Product head */
#product-head {background: transparent url("/img/product-filter-bg.png") no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 1em;}
#product-head .spc {padding: 25px 35px 10px 0; border: 10px solid #EAEAEA; border-top: none;}
#product-head-image {text-align: center; width: 240px; float: left; margin-top: -15px;}
#product-head-image img {vertical-align: top;}
#product-head-image p {margin-bottom: 0.5em;}
#product-head-image p.no-marg {margin: 0;}
#product-head-image a {display: block;}
#product-head-image a strong {background: url("/img/ico-photo.png") no-repeat; font-size: 110%; text-align: left; display: block; margin: 0.5em 10px 0 45px; padding: 0.1em 0 0.6em 25px;}
#product-head-info {width: 460px; float: right;}
#product-head-info #col-price {text-align: right; float: left; width: 120px;}
#product-head-info #col-price ul {list-style: none; margin: 0; padding: 0;}
#product-head-info #col-price ul li {margin: 0 0 0.8em; padding: 0;}
#product-head-info #col-price span {display: block;}
#product-head-info #col-price .price strong {font-size: 172%;}
#product-head-info #col-price .price .small strong {font-size: 100%;}
#product-head-info #col-price .price-vat {color: #666; font-size: 92%;}
#product-head-info #col-cart {float: left; width: 80px; margin-left: 20px; }
#product-head-info #col-status {float: right; width: 225px;}
#product-head-info #col-status ul {list-style: none; margin:0; padding: 0;}
#product-head-info #col-status ul li {padding:0; margin: 0 0 0.4em;}
#product-head-info #col-status ul li a {white-space: nowrap;}
#product-head-info .annot {margin: 1em 0; padding: 1em 0; border-top: 1px dotted #EAEAEA;}

/* Comments */
#comments {margin-bottom: 2em;}
#comments ul {list-style: none; margin: 0; padding: 0; font-size: 92%;}
#comments ul li {background: #E4E4E4 url("/img/ico-pen.png") no-repeat 10px 14px; padding: 12px 15px 15px 30px; margin: 0 0 1px;}
#comments ul li.evenrow {background-color: #F9F9F9;}
#comments p {clear: both; margin-bottom: 0.5em;}
#comments .item-reply {float: right; clear: none;}
#comments .comment-header {font-weight: bold; float: left;}
#addcomment {margin-bottom: -10px;}
#newsfooter {margin-top: -15px; margin-bottom: 10px;}

/* Left menu */
#leftmenu ul {border-top: 1px solid #0F1111; border-bottom: 1px solid #37393A;}
#leftmenu ul, #leftmenu ul li {margin: 0; padding: 0; list-style: none;}

#leftmenu ul li a:hover, #leftmenu ul li.active strong {background: #CA0D74 url("/img/leftmenu-bg-grad-hover.png") repeat-x; border-top-color: #CF2381; border-bottom-color: #A11663;}
#leftmenu ul li a, #leftmenu ul li strong {text-decoration: none; display: block; border-top: 1px solid #37393A; border-bottom: 1px solid #0F1011;}
#leftmenu ul li span.arr {background: url("/img/leftmenu-bg-arrow.png") no-repeat 15px 50%; color: #FFF; text-decoration: none; display: block; padding: 0.45em 30px;}
#leftmenu ul li a span.arr {cursor: pointer;}
#leftmenu ul li.expanded ul li a, #leftmenu ul li.expanded ul li strong { border-top-color: #494B4E; border-bottom: 1px solid #232527;} 
#leftmenu ul li.expanded a {border-bottom: 1px solid #0F1011; font-weight: bold; border-bottom: 0;}
#leftmenu ul li.expanded ul li a:hover {border-top-color: #CF2381; border-bottom: 1px solid #A11663;}
#leftmenu ul li.expanded ul li a {font-weight: normal;}
#leftmenu ul li.expanded ul li a:hover {border-bottom-color: #A11663;}
#leftmenu ul li.expanded span.arr {background-image: url("/img/leftmenu-bg-arrow-expanded.png");} 
#leftmenu ul li.expanded ul li span.arr {background-image: url("/img/leftmenu-bg-arrow.png");}
#leftmenu ul li.expanded ul {font-size: 92%; border-bottom: 0;}
#leftmenu ul li.expanded ul li {background-color: #353739;}
#leftmenu ul li.expanded ul li span.arr {background-position: 27px; padding-left: 40px;} 

/* Formbox (search, newsletter...) */
.formbox {background-color: #1A1C1D; color: #FFF; padding: 10px 10px 11px 15px; border-bottom: 1px solid #FFF;}
.formbox h2 {font-size: 110%; color: #FF008A; margin: 0;}
.formbox p {margin: 0;}
.formbox input {width: 65%;}
.formbox input.btt {width: auto;}

/* News */
#col-right .spc {padding-top: 5px;}
.newsbox {font-size: 92%; margin-bottom: 1em; border-bottom: 1px dotted #ADADAD;}
.newsbox h3, .newsbox p {margin-bottom: 0.7em;}
.newsbox h3 a {display: block;}
.newsbox h3 a span {background: transparent url("/img/ico-news-headline.png") no-repeat 0 0.2em; display: block; margin-bottom: 0.3em; padding: 0 0 0.5em 17px;}
.newsbox h3 a span span {display: inline; margin: 0; padding-left: 0; padding-bottom: 0;}
.newsbox img {max-width: 235px; vertical-align: top; border: 2px solid #FFF;}

/* News */
.news ul {list-style: none; padding: 0; margin: 0;}
.news ul li {clear: both; padding: 0; background: none;}
.news ul li .desc {margin: 0 0 1.4em 250px; padding-bottom: 20px; border-bottom: 1px dotted #ADADAD; min-height: 62px;}
.news ul li.no-img .desc {margin-left: 0;}
.news ul li h2 {margin: 0; font-size: 150%; margin-top: 0; display: inline;}
.news ul li h2 .name {display: block; margin-bottom: 0.5em; background: url("/img/ico-news.png") no-repeat 0 50%; padding: 0 0 5px 23px;}
.news ul li h2 a .name {text-decoration: underline;}
.news h2 a img {float: left; margin: 0 0 1.4em; border: 2px solid #D0D0D0;}
.date {font-weight: bold;}

/* Products */
.products {background: url("/img/bg-products.png") repeat-y 50% 0;}
.products ul {list-style: none; padding: 0; margin: 0;}
.products ul li {float: left; clear: both; padding: 20px 0 0 0; background: none; width: 48%; border-top: 1px dotted #ADADAD;}
.products ul li.evenrow {float: right; clear: right;}
.products ul:first-child li {border-top: 0;}
.products ul li .desc {margin: 0 0 1em 120px; padding: 0;}
.products ul li.no-img .desc {margin-left: 0;}
.products ul li h2 {margin: 0; font-size: 150%; margin-top: 0; display: inline;}
.products ul li h2 .name {display: block; margin-bottom: 0.3em; background: url("/img/ico-news.png") no-repeat 0 50%; padding: 0 0 5px 23px; margin-left: 120px;}
.products ul li h2 a .name {text-decoration: underline;}
.products h2 a img {float: left; margin: 0 0 1.4em; border: 0;}

/* Search results*/
#content .search-results ul {margin: 15px 20px 15px 20px; padding: 0; list-style: none;}
#content .search-results ul li {margin: 0 0 1.25em 0; padding: 0 0 0 15px; background: url("/img/bullet-arrow.png") no-repeat  0 0.6em;}
#content .search-results ul li h3 {margin: 0 0 0.3em 0; display: inline;}
#content .search-results ul li p {margin: 0 0 0.3em 0;}
#content .search-results ul li .desc {margin: 0.3em 0 0 0;}
#content .search-results ul li .item-section {font-size: 92%; text-align: right; display: inline;  padding-left: 12px; margin-left: 12px; border-left: 1px dotted #ADADAD; color: #666666;}

#search-enh {margin: 20px 20px;}
#search-enh #q, #search-enh #q2 {width: 30%;}
#search-enh q {quotes: none; font-style: italic;}

/* External Articles */
#content .extarticles, #content .extarticles li {margin: 0; padding: 0; list-style: none;}
#content .extarticles li {color: #666; font-size: 92%; float: left; clear: left; width: 100%; padding: 0.5em 0 0.5em 0; border-bottom: 1px dotted #CCC;}
#content .extarticles li a {background: transparent url("/img/ico-exter.png") no-repeat 0px 1px; display: block; float: left; width: 60%; margin-right: 10px; padding-left: 10px;}

/* Cart - order */
table.cart {border: 0; background: none; margin-bottom: 0; border-bottom: 5px solid #BFC0C1;}
table.cart th {vertical-align: middle; border: 0; border-right: 1px solid #DEDFE0; background: #BFC0C1; color: #1A1C1D; font-size: 92%;}
table.cart th.center {text-align: center;}
table.cart td {vertical-align: middle; border: 0; border-bottom: 1px dotted #E2E2E2; padding: 10px 2px;}
table.cart .product-name {font-size: 125%; font-weight: bold;}
table.cart .product-name .spc {padding: 10px 2px;}
table.cart .count, table.cart .remove {text-align: center;}
table.cart .count input {width: 2em;}
table.cart .prices {text-align: right; font-size: 92%;}
table.cart .prices .price-vat {display: block; color: #FF008A;}
table.cart .prices .price-vat .price-value {font-size: 125%; display: block; font-weight: bold;}
table.cart .prices .price-novat {display: block; margin-top: 5px;}
table.cart .prices .price-novat .price-value {display: block;}
table.cart .total .price-desc {text-align: right; font-size: 150%; font-weight: bold;}
table.cart .total .price-desc.left {text-align: left;}
table.cart .total .prices .price-vat .price-value {font-size: 150%;}
table.cart .total td {border-bottom: 0; vertical-align: top;}
.buttons {margin: 0 0 1em 0;}

.frame-box{padding-top:1px;}
.frame-box h2 {font-size: 150%; margin: 0.75em 0 0 0;}
.frame-box table {border: 0;}
.frame-box td {border: 0;	border-bottom: 1px solid white;}
.frame-box .spc {background: #F9F9F9;}
.frame-box p {margin: 0 0 5px 0;}
.frame-box .s60 {width: 60%;}
.frame-box label, .frame-box .item-label {width: 8em;	display: block; float: left;}
.frame-box h2 label, .frame-box h2 .item-label{width:auto; float:none; display:inline;}
.frame-box h2 input{vertical-align:middle; margin:-2px 4px 0 0;}
.frame-box table label, .frame-box table .item-label {width: auto; display: inline;}
/*.show-box .box-help .spc{padding:0;}
.show-box .box-help .spc p {margin:0;}*/

p.required label {font-weight: bold; }

#znamost-box label {width: 20em;}

/* Footer */
#footer {color: #868789; font-size: 92%;}
#footer a {color: #FFF;}
#footer a:hover {color: inherit;}
#footer a.ico-rss {background: url("/img/ico-rss.png") no-repeat; padding: 0 0 0.3em 19px;}
#footer p {margin-bottom: 0.4em;}
#footer .spc {padding: 15px 20px;}
#footer #logo-dimensio {float: left; width: 70px; border-right: 3px solid #868789;}
#footer #info {float: left; width: 700px; margin-left: 15px;}
#footer #dev {color: #4D4F51; float: right;}
#footer #dev a {color: #4D4F51; text-decoration: none;}
#footer #dev a:hover {color: #868789;}

/* Advertising areas (banner areas) */
.ad-area img, .ad-area object {vertical-align: top; display: block; border: 1px solid #CCC;}
#ad-area01 img, #ad-area01 object {border: 1px solid #FFF; border-top: none; }
#ad-area02 img { border: 0; margin-bottom: 10px;}

#ad-area03 {padding: 21px; text-align: center;}
#ad-area03 img {width: 175px; border-color: #666;}

/* Forms */
.btt {background-color: #FF008A; color: #FFFFFF; font-weight: bold; border-color: #BE0067; border-style: solid;}

.att-images {margin: 15px 0;}
.att-images ul {margin: 0; padding: 0; list-style: none;}
.att-images ul li {margin: 0 15px 15px 0; padding: 0; list-style: none; float: left;}

/* "Diapozitivy" */
.att-images ul li {width: 130px;  height: 130px;  text-align: center;  display: table;  margin-right: 0px;  margin-bottom: 15px; }
.att-images ul li a {width: 100%;  height: 100%;  display: table-cell;  vertical-align: middle;  background: #EAEAEA;  border: 1px solid #C1C1C1; border-right-color: #959595;  border-bottom-color: #959595; border-left: 0; border-right: 0;  }
.att-images ul li a:hover {border: 1px solid #959595;  border-right-color: #757575;  border-bottom-color: #757575; background: #D8D8D8; border-left: 0; border-right: 0;}
.att-images ul li img {padding: 5px;  background: white;  border: 1px solid #959595;  border-right-color: #C1C1C1;  border-bottom-color: #C1C1C1;   }

/* Misc */
a.ico-bigrss {background: url("/img/ico-rss.png") no-repeat; padding: 0 0 0.3em 23px; font-weight: bold;}
a.ico-archive {background: url("/img/ico-archive.png") no-repeat 0 3px; padding: 0 15px 0.3em 17px; font-weight: bold;}

#wswg-content form {margin: 0 0px;}
#contactform textarea {width: 99%;}
.w15em {width: 15em;}
form p {margin: 7px 0;}
.error {color: #f00;}

.finish-text{float:right; font-size:92%; width:206px; margin-top:-10px;}
.form-box .ok-message, .form-box .error-message{margin-top:0;}

/* MESSAGES */
.ok-message, .error-message, .zluta-message, .compare-message{margin:1em 0;  padding:7px 20px 7px 45px; font-weight:bold;}
.ok-message{background:#E3FDB6 url(/img/bullet-tick.png) 15px 8px no-repeat; border:1px solid #8AC722; color:#4B7600; }
.compare-message{background:#E3FDB6 url(/img/ico-compare-message.png) 15px 9px no-repeat; border:1px solid #8AC722; color:#4B7600; padding-left:40px;}
.error-message{background:#FFCCCC url(/img/bullet-cross.png) 15px 8px no-repeat; border:1px solid #DB0000; color:#B10000;}

/* box u doprava/platba */
#confirmTransport {display: none}
.zluta-message {background:#FFFFD4 url(/img/bullet-question.png) 15px 8px no-repeat; border:1px solid #FF7F00; color:#FF7F00;}


/* File list */
ul.list-files {list-style: none; margin: 0 0 1em 10px; padding: 0;}
ul.list-files li a {background-repeat: no-repeat; background-position: 0 0; line-height: 1.7em; padding: 0 0 0.2em 20px !important; }

.dm {background-image: url("/img/fileico/fico-sm-3dm.gif");}
.ai {background-image: url("/img/fileico/fico-sm-ai.gif");}
.avi {background-image: url("/img/fileico/fico-sm-avi.gif");}
.bmp {background-image: url("/img/fileico/fico-sm-bmp.gif");}
.cdr {background-image: url("/img/fileico/fico-sm-cdr.gif");}
.doc {background-image: url("/img/fileico/fico-sm-doc.gif");}
.dxf {background-image: url("/img/fileico/fico-sm-dxf.gif");}
.exe {background-image: url("/img/fileico/fico-sm-exe.gif");}
.gif {background-image: url("/img/fileico/fico-sm-gif.gif");}
.html {background-image: url("/img/fileico/fico-sm-html.gif");}
.jpg {background-image: url("/img/fileico/fico-sm-jpg.gif");}
.mp3 {background-image: url("/img/fileico/fico-sm-mp3.gif");}
.pdf {background-image: url("/img/fileico/fico-sm-pdf.gif");}
.png {background-image: url("/img/fileico/fico-sm-png.gif");}
.ppt {background-image: url("/img/fileico/fico-sm-ppt.gif");}
.psd {background-image: url("/img/fileico/fico-sm-psd.gif");}
.qt {background-image: url("/img/fileico/fico-sm-qt.gif");}
.ra {background-image: url("/img/fileico/fico-sm-ra.gif");}
.swf {background-image: url("/img/fileico/fico-sm-swf.gif");}
.tif {background-image: url("/img/fileico/fico-sm-tif.gif");}
.txt {background-image: url("/img/fileico/fico-sm-txt.gif");}
.xls {background-image: url("/img/fileico/fico-sm-xls.gif");}
.zip {background-image: url("/img/fileico/fico-sm-zip.gif");}
.unknown {background-image: url("/img/fileico/fico-sm-unknown.gif");}