/* www.autostangl.cz - layout. Created by PeckaDesign 2006 */

/* Generic HTML */
html {margin:0; padding: 0;}
body {background: #FFF; color: #333333; padding: 0; margin: 0;}

/* General classes */
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.break { display: block; height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden;}
.out { position: absolute; left: -2000px; top: -2000px;}
.date { font-weight: bold; margin-bottom: -1.2em;}
.sprite { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
a .sprite { cursor: pointer;}
ul li.active { font-weight: bold; }
ul li { background: url("../img/bullet-default.gif") no-repeat 0.1em 0.5em; }

.dotlink { padding-left: 15px; background: url("../img/bullet-default.gif") no-repeat 0 0.45em; }
.dotlink.inverse, #langstripe a.dotlink {background: url("../img/bullet-inverse.gif") no-repeat 0 0.45em; padding-left: 15px; }

.searched-term { background: #FFF9C7; }

.ap #searchbox h2 { text-transform: none; text-align: right; font-weight: normal; font-size: 150%; }

/* Header */
#header {background: #AD1A1E url("../img/bg-header-grad.png") repeat-x 4px 0; color: #FFF; position: relative; border-top: 0px solid #3C3D3D; }
#header a { color: #FFFFFF;}

#topstripe {background: #AD1A1E url("../img/bg-header-grad.gif") repeat-x; height: 50px;}
#langstripe {background: #484848;}
#langstripe a {background-repeat: no-repeat; background-position: 0 0.1em; padding-left: 24px;}
#langstripe a.lang-sk {background-image: url("../img/flag-sk.gif");}
#langstripe a.lang-cz {background-image: url("../img/flag-cz.gif");}
#langstripe .spc {text-align: right; width: 990px; margin: 0; height: 18px; padding: 2px 0; }

#cart-info {background: #484848;}
#cart-info a { color: white;}
#cart-info .spc {text-align: right; width: 990px; margin: 11px 0 0; height: 25px; line-height: 25px; padding: 2px 0; }
.ico-cart-info { background: url("../img/ico-cart.gif") no-repeat 0 50%; padding: 2px 0 2px 18px; }

#logobox {background: #AD1A1E url("../img/bg-header-grad.gif") repeat-x; width: 560px; height: 85px; position: absolute; top: 22px; left:0;}
#logobox #logo, #logosk, #logobox #ap-logo, #logobox #fin-logo {font-size: 150%; width: 441px; height: 51px; margin: 0; position: relative; left: 20px; top: 15px; line-height: 1em; overflow: hidden;}

#logobox #ap-logo { width: 410px; left: 20px; }
#logobox #fin-logo { width: 366px; left: 20px; }
#logobox #logo{margin-left:-1px;}
#logobox #logosk{margin-left:-1px;}

#logobox #logo .sprite {background: transparent url("../img/logo4.gif") no-repeat 0 0; z-index:1; }
#logobox #logosk .sprite {background: transparent url("../img/logo4.gif") no-repeat 0 0; z-index:1; }
#logobox #ap-logo .sprite {background: transparent url("../img/ap-logo2.gif") no-repeat 0 0; z-index:1; }
#logobox #fin-logo .sprite {background: transparent url("../img/fin-logo.gif") no-repeat 0 0; z-index:1; }
#logobox h3 {font-size: 115%; margin: 0; position: relative; left: 239px; top: 4px; width: 10em;}

#motive {background: transparent url("../img/bg-header-motive.gif") no-repeat; width: 285px; height: 100px; position: absolute; left: 472px; top: 7px;}

body.ap #motive { background: transparent url("../img/bg-ap-header-motive.gif") no-repeat; }
body.fin #motive { background: transparent url("../img/bg-fin-header-motive.gif") no-repeat; }
body.eshop #motive { background: transparent url("../img/bg-eshop-header-motive.gif") no-repeat; }

#searchbox {width: 215px; position: absolute; left: 776px; top: 44px; }
#searchbox label {font-weight: bold;}
#searchbox #q {width: 148px; padding:2px 0 2px; vertical-align:middle;}

#bar{ height:23px; position:absolute; top:0px; left:558px; background:#E8E8E8 url("../img/bg-bar.png") 0 0 no-repeat; padding-left:24px;}
#bar .spc{ background:#E8E8E8 url("../img/bg-bar-spc.png") 0 0 repeat-x; margin:0px; padding:0px; height:23px; line-height:23px; color:#333333;}
#bar .spc div{ float:left; padding:0 6px 0; border-right:1px solid #C1C1C1; border-left: 1px solid white;}
#bar .spc div:first-child{ border-left:0px; padding-left:2px}
#bar .spc .chat{ border-right:0px; background: url(../img/fileico/fico-sm-skype.png) 6px 50% no-repeat; padding-left:25px;}
#bar .spc a{color:#333333;}
#bar .spc .chat a{ text-decoration:none;}
#bar .spc .chat a span{ text-decoration:underline;}

#col-menu .partners img {border: 0;  margin: 0;  padding: 0; }
#col-menu .partners {text-align: center; margin-top: 20px; }
#col-menu .partners p {margin: 15px 0; }

/* Layout */
#mother {width: 990px; margin: 10px 0 10px 0px;}
#content {width: 735px; float: right; }
#col-menu {width: 245px; float: left; overflow: hidden;}

.big { font-size: 125%; font-weight: bold; font-family: "Century Gothic", "URW Gothic L", "Arial", "Luxi Sans", Helvetica, sans-serif; text-transform: lowercase; }

/* Main menu */
#col-menu .main-menu {background: #B81B1F url("../img/bg-main-menu.gif") no-repeat 100% 100%; color: #FFF; padding-bottom: 45px; margin-bottom: 10px;}
#col-menu .main-menu ul {font: bold 115% "Century Gothic", "Arial", sans-serif; text-transform: uppercase;}
#col-menu .main-menu ul, #col-menu .main-menu ul li { list-style: none; margin: 0; padding: 0;}
#col-menu .main-menu ul li {margin: 0 25px; border-bottom: 1px dotted #FFF;}
#col-menu .main-menu ul li a {color: white; text-decoration: none; display: block; padding: 0.45em 25px; margin: 0 -25px; }
#col-menu .main-menu ul li a:hover {background-color: #666;}
#col-menu .main-menu ul li.active a, .main-menu ul li.expanded a {background-color: #484848;}
#col-menu .main-menu ul li.first a { padding-top: 1em;}

/* Submenu */
#col-menu .main-menu ul li ul, .main-menu ul li.active ul {font-size: 80%; font-weight: normal; background: #333333; margin: 0 -25px; padding: 0 25px;}
#col-menu .main-menu ul li ul li {background: none; margin: 0 0 0 8px; border-top: 1px dotted #767676; border-bottom: 0;}
#col-menu .main-menu ul li ul li.first {margin: 0; padding-left: 8px; border-bottom: 0; border-top: 1px dotted #FFF;}
#col-menu .main-menu ul li ul li.first a {padding-top: 0.35em;}
#col-menu .main-menu ul li ul li a, #col-menu .main-menu ul li.expanded ul li a {padding: 0.35em 50px; margin: 0 -50px; background: none;}
#col-menu .main-menu ul li ul li a:hover, #col-menu .main-menu ul li.expanded ul li.active a {background-color: #666; font-weight: normal;}

.banner img {display: block;}
.banner object {margin: 0; display: block;}
.banner {background: url("../img/bg-banner-bottom.gif") no-repeat 100% 100%; margin: 10px 0; padding-bottom: 10px;}

/* Breadcrumb */
#breadcrumb { background: #484848; padding: 11px 25px 8px 25px; color: white; text-transform:uppercase;}
#breadcrumb ul{margin:0px; padding:0px; overflow:hidden;}
#breadcrumb ul li{ float:left; padding-left:25px; background: url(../img/fileico/fileico-big.png) 0 50% no-repeat;}
#breadcrumb ul li.active{padding-left:29px; background: url("../img/fileico/fileico-big-active.png") no-repeat 0 50%; font-weight:bold;}
#breadcrumb a { color: white; padding-right: 15px; margin-right: 0.5em; background: url("../img/bullet-default.gif") no-repeat 100% 50%; }
#breadcrumb p {margin: 0; }

#page-prologue .spc { margin: 0; padding: 0 25px 10px 25px; background: #E5E5E5 url("../img/bg-our-offer.gif") repeat-x 0 0; }
#page-prologue .bottom { padding: 0 0 10px 0; background: url("../img/bg-box-bottom-gray.gif") no-repeat 100% 100%; margin-bottom: 10px; }
#page-prologue h1 { color: #535353; font-size: 175%; margin-bottom: 0.5em; margin-top: 0; padding-top: 0.7em; line-height: 1.3em; text-transform: uppercase; }

#nahvuz-form .bottom { padding: 0 0 10px 0; background: url("../img/bg-box-bottom-gray.gif") no-repeat 100% 100%; margin-bottom: 10px; margin-top: -10px; }
#nahvuz-form .bottom .spc { border: 1px solid #E3E3E3; padding-bottom: 5px; margin-bottom: 0; border-bottom: 0;}
#nahvuz-form .bottom .spc .spc { border: 0;}
#nahvuz-form .bottom .spc #mainform {margin-right: 25px;} 

#annot { color: black; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

.spc {padding: 0 0 0 25px; margin: 25px 0;}
.content { padding-right: 25px; }

/* Product Filter */
#product-filter { padding: 5px 25px 5px 25px; }
#product-filter fieldset { margin: 0; padding: 0; border: 0; }
#product-filter h2 {font-size: 133%; font-weight: bold; margin: 0 0; }
#product-filter h3 {float: left; font-size: 100%; width: 144px; margin: 0 0 5px 0; }

.brand-list { width: 460px; float: left;}
.brand-list .brand-item { white-space: nowrap; margin-right: 5px; }
.brand-list input { vertical-align: middle; }

#filter-submit { margin-top: 0px; }

.sortbar {background: #E3E3E3; padding: 10px 25px;   }
.sortbar .sorting label {font-weight: bold; }
.sortbar .sorting input, .sortbar .sorting select {vertical-align: middle; margin-left: 2px; }

/* Product list */
.product-list { padding-bottom: 0; margin-bottom: 6px; background: url("../img/bg-product-list.gif") repeat-y 0 0; }
.product-list ul {margin: 0;  padding: 0 0 1px 0;  list-style: none; clear: both; background: url("../img/bg-product-list-row.gif") repeat-x 0 100%; float: left; width: 100%; }
.product-list ul li {margin: 0;  padding: 0; float: left; width: 245px; background: none; }
.product-list ul li { line-height: 1.3;}
.product-list ul li .spc { margin: 0; padding: 0 15px; }
.product-list ul li h3 { font-size: 125%; margin-bottom: 0.5em; }
.product-list ul li .img-box {float: left; text-align: center;}
.product-list ul li .img-box img {border: 0; padding: 0; margin: 0 0 2px 0;}
.product-list ul li .detinfo { text-align: right; margin-top: 13px; }
.product-list ul li .attributes img { margin: 0; padding: 0; border: 0; vertical-align: middle;}
.product-list ul li p { margin-bottom: 0.5em; }
.product-list ul li .desc {margin-bottom: 1em; clear: both; font-size: 92%;}
.product-list ul li .desc p { font-size: 100%;}

.avail-ondemand { font-weight: bold; }
.avail-yes { font-weight: bold; color: #148113; }

.product-list ul li .price-info {font-size: 99%; font-weight: bold;}

.two-cols { width: 490px; float: left; }
.two-cols .product-list { width: 490px; float: left; background-position: 1px 0; border-top: 1px solid #C7C7C7; padding-top: 5px; }
.two-cols h2.bullet { margin-top: 0.85em; }

.actions .product-list { width: 235px; float: none; background: none; }
.actions .product-list ul { float: none; background: none; padding-top: 5px; }
.actions .product-list ul li { float: none; margin-left: 10px; margin-right: 10px; padding-bottom: 1px; background: url("../img/bg-product-list-row.gif") repeat-x 0 100%; width: 215px; margin-bottom: 0; }
.actions .product-list ul li.last { background: none; }
.actions .product-list ul li .spc { padding-left: 0; padding-right: 0; }

/* Product detail */
#page-prologue .col-left { float: left; width: 225px; }
#page-prologue .col-left p { margin-bottom: 3px; }
#page-prologue .col-left img { margin: 0;}
#page-prologue .col-right { float: right; width: 465px; }
#page-prologue .col-right .col-prices { width: 280px; float: left; }
#page-prologue .col-right .attributes { width: 143px; float: right;   padding-left:75px; line-height:200%;}
.attributes img { border: 0; padding: 0; margin: 0; }

#page-prologue .col-right .col-prices .ks{width:25px; height:11px; vertical-align:top; padding:7px 0 7px;}
#page-prologue .col-right .col-prices label{ vertical-align:top; margin-right:4px; line-height:250%;}


.ico-print { background: url("../img/ico-print.gif") no-repeat 0 50%; padding-left: 20px;  }
.ico-servis { background: url("../img/ico-servis.png") no-repeat 0 50%; padding-left: 20px;  margin-top:5px;}
.ico-search { background: url("../img/ico-search.png") no-repeat 0 50%; padding-left: 20px;  margin-top:5px}

#page-prologue .col-right .col-prices table { border: 0; margin: 0;}
#page-prologue .col-right .col-prices table td, #page-prologue .col-right .col-prices table th { border: 0; font-weight: bold; padding: 3px 0; color: #333333; }

#page-prologue .col-right .col-prices table .price-vat { font-size: 125%; }

p.order-button{margin-top:21px;}


.prices-wrap { border: 1px dotted #484848; border-width: 1px 0; overflow: hidden; padding: 10px 0; margin: 0 0 10px 0;  }

/* Crossroad */
#crossroad ul { list-style-type: none; font-weight: bold; margin: 20px 0 10px 0; text-transform:uppercase; overflow:hidden; }
#crossroad li { display: inline;  margin-right: 18px;  padding: 0; float: left; white-space: nowrap; background: none; }
#crossroad li a, #crossroad li span { background: url("../img/fileico/fileico-small.png") no-repeat left center;  display: inline;  padding-left: 22px;  padding-bottom: 2px; padding-top: 2px; float: left; white-space: nowrap; }
#crossroad li a { text-decoration: underline; }

/* Crossroad2 (nabizime) */
.crossroad2 {margin-right: 250px;}
.content h2, .crossroad2 h2, caption, .news2 h2, .crossroad3 h2, .faqlist h2, #newsletter-form h2, .search-results h2, .att-images h2, .att-files h2, .att-links h2, .gallery h2, .current-issue h2, h2.bullet {background: url("../img/bullet-news.gif") no-repeat 0 1px; color: #B81B1F; padding-left: 35px; margin: 1.2em 0 0.2em 0; line-height: 1.3em;}

caption.simple, .content caption { background: none;  padding-left: 7px;  text-transform: none; font-size: 125%; margin-top: 0.5em; }

.content h2 { margin-bottom: 0.5em; }

h2.bullet {margin-bottom: 0.5em;}

.crossroad2 img.right {margin-right: -250px;}
.crossroad2 h2, .gallery.revue h2, .current-issue h2 {padding-bottom: 5px; border-bottom: 1px solid #919191; margin-bottom: 5px;}
.crossroad2 h2 a {text-decoration: none;}
.crossroad2 ul.first, .crossroad2 ul.second {float: left; width: 50%;}
.crossroad2 ul li {padding-bottom: 5px; border-bottom: 1px dotted #C7C7C7;}
li.empty{background: none;}

.separator {border-bottom: 1px dotted #C7C7C7; height: 1px; clear: both;}
table img {border: 0;  padding: 0; margin: 0 5px 0 0; }

/* Crossroad3 (poradna) */
.crossroad3 { margin-right: 0;}
.crossroad3 h2 {padding-bottom: 5px; border-bottom: 1px solid #919191;}
.crossroad3 h2 a {text-decoration: none;}
.crossroad3 ul.first, .crossroad3 ul.second {float: left; width: 50%;}
.crossroad3 ul li {padding-bottom: 5px; border-bottom: 1px dotted #C7C7C7;}

/* Faqlist */
.faqlist ul { margin: 0; padding: 0; }
.faqlist ul li { margin: 0; padding: 0; background: none; padding-bottom: 5px; border-top: 1px dotted #C7C7C7;}
.faqlist ul li.first { border-top: 0;}
.faqlist ul li h3 { font-family: "Arial", "Luxi Sans", Helvetica, sans-serif; font-size: 100%; }
.faqlist ul li .answer { margin-left: 20px; }
.faqlist ul li ul { margin-bottom: 1em;}
.faqlist ul li ul li { border: 0; background: url("../img/bullet-default.gif") no-repeat 0.1em 0.5em; margin: 0 0 0.3em 0; padding: 0 0 0 20px;}
.faqlist ul li ol li { border: 0; }

#insert-faq, #contact-form form, #newsletter-form form {background: #E5E5E5; padding: 25px; }
#insert-faq p {margin: 0 0 10px 0; }
#insert-faq label {width: 7em; float: left; }
#insert-faq label, #contact-form form label, #newsletter-form form label {text-transform: uppercase; color: #5C5C5C; font-size: 92%; font-weight: normal; }
#insert-faq input, #insert-faq select {width: 18em; }
#insert-faq textarea {width: 564px; }
#insert-faq .btn-submit {margin-right: 12px; margin-top: 10px; }
#insert-faq .note {margin-left: 7em; color: #5C5C5C; float: left; }
#contact-form form .note, #newsletter-form form .note { color: #5C5C5C; float: left; }
#newsletter-form form h3 {color: #5C5C5C; font-size: 109%; }
#newsletter-form {margin-bottom: 20px; }
#newsletter-form form .interests input {vertical-align: middle; }

/* Our offer */
.our-offer {background: #E5E5E5 url("../img/bg-our-offer.gif") repeat-x 0 0; margin-bottom: 10px;}
.our-offer .spc { margin: 0; padding: 0 25px 10px 25px; background: url("../img/bg-box-bottom-gray.gif") no-repeat 100% 100%; }
.our-offer h2 {padding: 0 50px 0 0; margin: 0 0 0 -25px; background: url("../img/bg-our-offer-h2.gif") no-repeat 100% 0; width: 48%; font-family: "Century Gothic", "Arial", "Luxi Sans", Helvetica, sans-serif; font-size: 115%; text-transform: uppercase;}
.our-offer h2 span {padding: 14px 0 7px 25px; background: #484848; color: #DEDEDE; display: block; }
.our-offer h3 {font-family: "Century Gothic", "Arial", "Luxi Sans", Helvetica, sans-serif; font-weight: bold; font-size: 116%; margin: 1em 0 0.5em 0; }

.graybox {background: #E5E5E5 url("../img/bg-box-bottom-gray.gif") no-repeat 100% 100%; padding-bottom: 10px; margin: 10px 0; width: 100%; }
.graybox .spc { margin: 0; padding: 15px 25px; }
.graybox h2 {margin: 0 0 0.5em 0; font-size: 109%; }

.graybox form label {text-transform: uppercase; font-size: 92%; }
.graybox form p {margin-bottom: 0.3em; }
#catalog.graybox form label {display: block; width: 5em; float: left; }
#catalog.graybox a {font-size: 92%; color: #5C5C5C; }
#catalog.graybox p.l { width: 50%;}
#newsletter.graybox {background-color: #D8D8D8; }

.actions {width: 235px; float: right; }
.actions ul, .actions ul li {list-style: none; margin: 0;  padding: 0; }
.actions ul {padding-top: 10px; }
.actions ul li {margin: 0 10px 10px 10px; background: none; }
.actions ul li img {border: 0;  margin: 0;  padding: 0; }

.paging { text-align: right; padding-top: 4px;}
.paging.r { }

/* Footer */
#footer { clear: both; font-size: 92%; color: white; width: 100%; margin-top: 1em; }
#footer .spc { width: 900px; margin: 0; padding: 20px 25px;}
#footer p {margin: 0; }
#footer img { vertical-align: middle; }
#footer a { color: white; }
.footer-top { background: #585858 url("../img/bg-footer-top.gif") no-repeat 0 0; padding-left: 260px; }
.footer-top .footer-width{ width: 720px; padding: 6px 0;}
.footer-bottom { background: #B81B1F url("../img/bg-header-grad.gif") repeat 0 0; }
.footer-bottom .footer-width {width: 955px; padding: 10px 0 10px 25px;}

/* Hidden navigation */
a#nav-skip, a#search-skip { color: white; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; display: block; width: 10em; position: absolute; bottom: 34%; left: -2000px; }
a#nav-skip:focus, a#nav-skip:active, a#search-skip:focus, a#search-skip:active {left: 300px; top: 20px; height: 1.5em; }

/* Galerie */
.gallery ul { margin: 10px 0 0 0; padding: 0; list-style: none; clear: both; }
.gallery ul li { margin: 0; padding: 0; list-style: none; background: none; float: left; width: 124px; margin: 0 0 22px 22px; }
.gallery ul li.first { margin-left: 0;}
.gallery ul li a { text-decoration: none;}
.gallery ul li a img { display: block; margin: 0 0 0.5em 0;}
.gallery ul li a .name { display: block; background: url("../img/bullet-default.gif") no-repeat 0.1em 0.5em; padding: 0 0 0 15px; text-decoration: underline;}
.gallery ul li p { margin: 0;}
.gallery ul li .body, .gallery ul li .price { padding: 0 0 0 15px; font-weight: bold;}

.price {font-size: 133%;}

ul.params strong{	float: left; width: 10em; }
ul.params { margin-bottom: 0; }

.service-detail { width: 460px;  float: left;  }
.service-detail ul.params li {background: none; }
.service-detail ul.params li strong {width: 6em; }
.service-detail ul.params li span{display: block; margin-left: 6em; }
.service-detail h2.bullet {margin-top: 0;     }

.opening-time {margin-bottom: 1em; }
/* Revue */
.gallery.revue ul li { width: 99px; }
.current-issue h3 {margin-top: 0; }
.issue-content {float: left; width: 290px; }
.issue-download {float: left; width: 220px; }
.issue-download .list-files {margin-bottom: 50px; }

/* News */
.news, .ap-crossroad { float: left; width: 455px; }
.spc .news { width: auto; float: none; margin-left: -13px;}
.news h2, .actions h2 { margin-left: 12px; }
.news ul { list-style: none; padding: 0; margin: 1.5em 0 0 0; }
.news ul li { clear: left; padding: 0 0 0 55px; background: url("../img/bullet-news.gif") no-repeat 13px 0; }
.news ul li .desc { margin: 0 0 1.4em 140px; }
.news ul li.no-img .desc { margin-left: 12px; margin-left: 0; }
.news ul li h3, .news ul li h2 { margin: -2px 0 0 0; font-size: 116%;  margin-top: 0.5em; font-family: "Arial", "Luxi Sans", Helvetica, sans-serif;; font-weight: normal; font-size: 125%; text-transform: none; }
.news ul li h3 .name, .news ul li h2 .name { display: block; margin-bottom: 0.5em; }
.news ul li h3 a .name, .news ul li h2 a .name  { display: block; margin-bottom: 0.5em; text-decoration: underline; }
.news h3 a img, .news h2 a img  { float: left; margin: 0 0 1em 0; }
.news ul li .date{ font-size: 92%; font-weight: normal; color: #6F6F6F;}

/* News2 */
.news2 {  }
.news2 h2 { padding-bottom: 5px; margin-bottom: 0;}
.news2 ul { list-style: none; padding: 0; margin: 1.5em 0 0 0; }
.news2 ul li { clear: both; padding: 0; background: none; }
.news2 ul li .desc { margin: 0 0 1.4em 140px; }
.news2 ul li h3 { margin: -2px 0 0 0; font-size: 116%;  margin-top: 0.5em; font-family: "Arial", "Luxi Sans", Helvetica, sans-serif;; font-weight: normal; font-size: 125%; }
.news2 ul li h3 .name { display: block; margin-bottom: 0.5em; margin-left: 140px; }
.news2 ul li h3 a .name { display: block; margin-bottom: 0.5em; text-decoration: underline; }
.news2 h3 a img { float: left; margin: 0 0 1em 0; }
.news2 ul li .date{ font-size: 92%; font-weight: normal; color: #6F6F6F;}
.underline { padding-top: 3px; border-bottom: 1px solid #919191; clear: both; margin-bottom: 5px; }

.auto-flash {border-top: 1px dotted #999999; padding: 5px 0; }

/* Attachements */
.att-images, .att-links, .att-files { margin-bottom: 25px; }
.att-images h2, .att-links h2, .att-files h2 { margin-bottom: 0.6em; }

.att-images ul, .att-images ul li {padding: 0;  margin: 0;  border: 0;  list-style: none; background: none; }
.att-images ul li img { padding: 0;  margin: 0 0 0 0;  border: 0; background: none; display: inline; }
.att-images ul li { float: left;    margin: 0 5px 5px 0; }
.att-images ul li a { display: block; height: 75px; overflow: hidden; text-align: center; padding: 1px; border: 8px solid #EDEDED; float: left;}
.att-images ul li a:hover { border-color: #DDDDDD;}


.img-list { border: 2px solid white; padding: 17px 0 0 17px; margin: 0; }
.img-list img, .img-list a:hover img { border: 0; margin: 0; padding: 0;}
.img-list ul {list-style: none; margin: 0; padding: 0; }
.img-list ul li {margin: 0 17px 17px 0; padding: 0; float: left; }

/* File icons */
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}

/* File icons */
.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");}
.rtf {background-image: url("../img/fileico/fico-sm-rtf.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");}

/* Forms */
fieldset {border: 0; margin: 0 0 0.5em 0; padding: 0; }
legend {font-weight: bold; font-size: 108%; border: 0; margin: 0 0 0.9em 0; padding: 0; position: relative; display: block; }
.fieldset-box p {margin-bottom: 0.4em; }

#mainform {border-top: 1px dotted #999999; padding-top: 15px; }
#mainform label {float: left; width: 5.5em; font-weight: bold; }
#mainform p {margin: 0 0 5px 0;  }
#mainform .col-h-r .spc {padding: 10px 0 0 20px; background: none;  }
#mainform .right .btn-submit {margin: 10px 32px 0 0; }
#mainform .lab-searchfaq { width: 10em;}

#mainform p.label { width: 5em; float: left; font-weight: bold; margin-top: 0.75em;}
#mainform ul { margin-top: 1em; margin-left: 5.2em; }
#mainform ul li { background: none; padding-left: 0; }
#mainform ul li label { float: none; width: auto; }

.paging img { vertical-align: middle; }

/* Widths */
.w-full { width: 98%; }
.w-half { width: 50%; }
.w-third { width: 33%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

/* Left-margins */

/* Input sizes */
.sizefull { width: 99%; }
.w80 { width: 80%; }
.w78 { width: 79%; }
.w75 { width: 75%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w50, .sizehalf { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w10 { width: 10%; }

.ml40 { margin-left: 40%; }
.ml20 { margin-left: 20%; }
.block { display: block; }

.w18em { width: 18em; }
.w11em { width: 11em; }
.w9em { width: 9em; }
.w7em { width: 7em; }
.w5em { width: 5em; }

.btn-submit {background: #737577 url("../img/bg-btt-grad.gif") repeat-x; color: #FFF; border-color: #555; border-style: solid; border-width: 1px; font-size: 83%; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; width: auto !important;}
.inp-text { background: white url("../img/bg-input-text.gif") repeat-x 0 0; border: 1px solid #9B9B9B; }

.error label, .error { color: #900; }
.error-message, .error label, .error { color: #f00; font-weight: bold; }

/* Styly pro autopujcovnu */
.form-box {background: #E5E5E5; padding: 20px; }
.form-box {vertical-align: middle; }
.form-box h3 {margin-top: 5px; }
.form-box p {margin: 3px 0; }
.form-box label, .form-box input {vertical-align: middle; }
img.calendar { margin: -4px 5px 0 0;  vertical-align: bottom; }
ul.check-list {margin-bottom: 0; }
ul.check-list li {background: none; padding-left: 0; }
.radio-set { white-space: nowrap;  }
#agreement-box { margin: 20px 0 0 0; padding: 10px 20px 10px 20px; }

.subnote {font-weight: bold; border: 1px solid #AFAFAF; text-decoration: none; padding: 0 1px;}
.subnote a {text-decoration: none;}

/* E-shop */
.eshop-submotive {background: url("../img/eshop-submotive.jpg") no-repeat -2px 0; margin-left: -25px; margin-right: 20px; font-family: "Century Gothic", "URW Gothic L", "Arial", "Luxi Sans", Helvetica, sans-serif; font-weight: bold; padding-bottom: 10px; padding-top: 15px; }
.eshop-subclaim {text-align: right; font-size: 125%; line-height: 1.2em; color: #4E4E4E; width: 350px; float: right; padding-bottom: 0;text-transform: uppercase; }
.eshop-subsubclaim {text-align: right; font-size: 116%; line-height: 1.4em; color: black; width: 350px; float: right; padding-bottom: 10px; font-weight: normal; }
.eshop-submotive h3 { text-align: right; font-size: 175%; text-transform: uppercase;color: #4E4E4E; margin-top: 0; margin-bottom: 7px; }

.footnote { clear: both;  border-top: 1px dotted #666666;  margin-top: 10px;  padding-top: 10px;  }

/* Calendar */
body.calendar { padding: 5px 10px; width: 250px;}
.calendar table { border: 2px solid #B4B4B4; margin-bottom: 5px;}
.calendar table td, .calendar table th { padding: 0; border: 1px solid #B4B4B4; vertical-align: middle;}
.calendar table th { background: #f2f2f2; font-weight: bold; padding: 3px;}
.calendar table a { background: #fafafa; font-weight: bold; display: block; padding: 3px 1px;}

#superstripe {background: #3C3D3D; width: 650px; color: #959595; padding: 3px 0; height: 18px; font-size: 92%; position: relative; top: 0px; }
#superstripe p {margin: 0 0 0 20px; }
#superstripe a, #superstripe span {color: white; margin: 0 5px; }
#superstripe span {color: #d5d5d5; margin: 0 5px; }

/* Cart */
.prod-count { width: 2em; }

table.cart td { vertical-align: middle; }
table.cart .price-vat .price-value { font-size: 116%; margin-top: 4px;}
table.cart .price-value { display: block; font-weight: bold; }
table.cart .price-vatmark { font-size: 85%; color: #555555; display: block; margin-top: -5px; margin-bottom: 3px;}
table.cart .price-novat .price-value { color: #555555; }

table.cart .prod-count { text-align: right; }
table.cart tr.total td { /* background: #fafafa; */ border-top: 1px solid #B4B4B4; }
table.cart .total .price-vat .price-value { font-size: 140%; }
table.cart .total .price-desc { font-weight: bold; font-size: 125%; }

.btn-order { background: #B81B1F url(../img/bg-btn-order.png) repeat-x; border: 1px solid #941619; color: white; font-size: 83%; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; width: auto !important; }

table.cart-small td h3 { margin: 0; font-size: 100%; }
.formbox.order table.cart-small td { background: none; }
table.cart-small td.product-name p { margin: 0; font-size: 92%; }
table.cart-small .price-vat .price-value { font-size: 100%; margin-top: 0;}

table.cart-small .price-vatmark { margin-bottom: 0;}
table.cart-small .total .price-desc { font-size: 109%; }
table.cart-small .total .price-vat .price-value { font-size: 109%;}

.formbox.order .spc { padding: 0; margin: 0;}
.formbox.order fieldset { margin: 0;}
.formbox.order h2.bullet { margin: 15px 0 3px 0;}
.formbox.order table td { background: #f8f8f8; }
.formbox.order .note { font-size: 92%; margin: 0 0 10px 0;}
a.help {font-size: 8px; font-weight: bold; text-decoration: none; background: #CE3D40;  color: white !important; padding: 0 2px; vertical-align: super; margin-left: 2px; }

.frame-box {padding: 0; margin-bottom: 10px;}
.frame-box h3 { margin: 10px 0 2px 10px; }
.frame-box table {border: 0;}
.frame-box td {border: 0;	border-bottom: 1px solid white;}
.frame-box .spc { background: #f8f8f8; padding: 10px 10px 7px 10px !important; border: 1px dotted #B4B4B4; border-width: 1px 0; }
.frame-box p {margin: 0 0 3px 0;}
.frame-box .s60 {width: 60%;}
.frame-box .s30 {width: 30%;}
.frame-box .inp-text { font-family: Arial, sans-serif; font-size: 100%; padding: 2px 1px 1px 3px; border: 1px solid #cdcdcd; background: white; }
.frame-box label, .frame-box .item-label {width: 8em;	display: block; float: left; font-weight: bold;}
.frame-box table label, .frame-box table .item-label {width: auto; display: inline;}
p.required label { font-weight: bold; }

/* Order steps */
.steps { margin: 0px 0 0 0; padding-bottom: 2px; float: right; margin-top: 15px;}
.steps ul { list-style: none; margin: 0; padding: 0;  }
.steps ul li { list-style: none; margin: 0 0 0 20px; padding: 0 0 0 0; float: left; background: none;}
.steps ul li:first-child { background: none;}
.steps ul li a { text-decoration: none; }
.steps ul li .number { display: block; margin-left: 12px; width: 40px; height: 40px; line-height: 40px; background: #9f9f9f; font-size: 150%; color: white; font-weight: bold; text-align: center; }
.steps ul li.active .number { background: #B81B1F; } 
.steps ul li.active .desc { font-weight: normal; color: #B81B1F; }
.steps ul li .desc { margin-top: 3px; display: block; width: 64px; font-size: 92%; line-height: 1.2; text-align: center; color: #707070; text-decoration: none;}
.steps ul li a[href] .desc{  text-decoration: underline; }

#page-prologue h1.half { width: 50%; float: left; line-height: 1.4; }
#page-prologue h1.half40 { width: 40%; float: left; line-height: 1.4; }

/* Chat */
#chat .spc, #cat .spc{ padding:9px 8px 9px; margin:0px;}
#chat .spc h2{ line-height:34px; font-weight:normal; font-size:117%; background: url(../img/bg-chat.png) repeat-x left top; padding:0px; margin:0px; border:1px solid #D5D5D5; border-bottom:1px solid #AEAEAE;}
#chat .spc h2 a, #chat .spc h2 a:hover{ text-decoration:none; padding-left:54px; display:block; background: url(../img/fileico/fico-big-skype.png) no-repeat 10px 50%; color:#707070;}
#chat .spc h2 a strong{ text-decoration:underline; font-weight:normal;}
#chat .spc h2 a span{ position:relative; top:-1px;}

.chat-banner p { margin: 0; font-size: 125%; font-weight: bold; text-align: center; font-family: "Century Gothic", "URW Gothic L", "Arial", "Luxi Sans", Helvetica, sans-serif; }
.chat-banner p .suppress { color: #535353; }

.ico-chat-big { background: url(../img/ico-chat-big.png) no-repeat 0 50%; padding: 8px 0 8px 47px; margin-left: 5px; }

/* Cat */
#cat img{margin:0px; border:0px; display:block;}
.price-value-red {color: #CE3D40;}
.price-value1 {color: #949494; /*font-weight: normal;*/}