/* CSS Document */
body {font-family: Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size:70%;  color:#333;  padding:0; margin:0;  text-align:center; background:#E1EDFA url('background-bottom-2.png') bottom left repeat-x}
body a {color:#333; text-decoration:underline}


a img{border:none;}
p {margin:0;padding:3px 0}
form {padding:0 0 5px 0; margin:0; }
table {font-size:100%}

.tac {text-align:center}
.tar {text-align:right}
.tal {text-align:left}
.vam {vertical-align:middle; }
.vat {vertical-align:top; }
.clearer-l {clear:left; height:1px; overflow:hidden; margin:0; padding:0;}
.clearer-r {clear:right; height:1px; overflow:hidden; margin:0; padding:0;}
.clearer {clear:both; height:1px; overflow:hidden; margin:0; padding:0;}
.price {color:#E01010; font-size:130%; font-weight:bold;font-family:Arial}
.price-wov {color:#E01010; font-size:100%; font-weight:normal; font-family:Arial} /*without vat*/
.arial {font-family:Arial; font-size:110%}
.strike {text-decoration: line-through}
.store {font-family:Arial; color:#0D7D0B; font-weight:bold;font-size:110%}
.yellow {color:#FFED00}
.grey {color:#A5A5A5}
.grey2 {color:#AAA1A1}
.float-r {float:right}
.float-l {float:left}
.nowrap {white-space: nowrap;}
.orange {color:orange;}
.red {color:red;}

#top-odkazy {color:#333}
#top-odkazy a {color:#333; padding: 5px 10px; text-decoration:underline}

#page-container {background: url('background.png') top left repeat-x}
#page-container-in {width:964px ; margin: 0 auto;  background: url('background-top.png') top left no-repeat}
#page-container-in1 {width: 950px; margin:0 auto; position:relative; text-align:left}
#content {background:#FFF;}





#global-menu {background:#218CE5 url('top-category-bg.png') top left no-repeat;}
#global-menu a {float:left; height:65px; position:relative; margin-top:1px;}
#global-menu a span {position:absolute; top:0; left:0; width:100%; height:65px;}
#global-menu-pneu {width:237px; display:block;}
#global-menu-pneu span {background:url('global-menu-pneu.png') top left no-repeat;}
#global-menu-pneu:hover span, #global-menu-pneu a.selected {background:url('global-menu-pneu-selected.png') top left no-repeat;}
#global-menu-plech {width:239px; display:block;}
#global-menu-plech span {background:url('global-menu-disks.png') top left no-repeat;}
#global-menu-plech:hover span, #global-menu-plech a.selected {background:url('global-menu-disks-selected.png') top left no-repeat;}
#global-menu-alu {width:238px; display:block;}
#global-menu-alu span {background:url('global-menu-alukola.png') top left no-repeat;}
#global-menu-alu:hover span, #global-menu-alu a.selected {background:url('global-menu-alukola-selected.png') top left no-repeat;}
#global-menu-komplet {width:236px; display:block;}
#global-menu-komplet span {background:url('global-menu-complet.png') top left no-repeat;}
#global-menu-komplet:hover span, #global-menu-komplet a.selected {background:url('global-menu-complet-selected.png') top left no-repeat;}
#global-menu img {float:left; margin-top:1px}


#col-main {float:right; width:739px; padding-bottom:200px}
#col-main h1, #col-main h2 {background: url('col-main-bar.png') top left repeat-x; border-bottom:solid 1px #ECECEC; color:#0B396E; font-size:110%; margin:0; padding: 15px 10px }
#col-main table.barum-models {border:1px solid #ECECEC}
#col-main table.barum-models td{padding:5px 2px; vertical-align:top; border:1px solid #ECECEC}
#col-main table.barum-models h3{background:#B0D8FF url(col-right-bg.png) repeat-x scroll left top; font-size:100%; margin:1px 0 0; padding:10px 5px;}
#col-main table.barum-models h3 a{text-decoration:none; color:#3C3C3C}
#col-main table.barum-models div{padding:5px 5px; background:#fff}
#col-main table.barum-models span img{float:right; position:relative; width:30px; height:30px}
#col-main table.barum-models div.rozmery{padding-top:10px}
#col-main table.barum-models div.rozmery span{font-size:120%; color: #14529F; font-weight:bold; line-height:2em; padding:5px}
#col-main table.barum-models div.rozmery span a{text-decoration:none; color: #14529F}

#col-main .barum-texty {border:1px solid #ECECEC; width:100%}
#col-main .barum-texty h3{background:#B0D8FF url(col-right-bg.png) repeat-x scroll left top; font-size:100%; margin:1px 0 0; padding:10px 5px;}
#col-main .barum-texty h3 a{text-decoration:none; color:#3C3C3C}
#col-main .barum-texty span p{padding:5px;}
#col-main .barum-texty p.zdroj {color:#C8C8C8}
#col-main .barum-texty p.zdroj a{color:#C8C8C8}

#dostupne-modely h2{padding-top:15px}
#dostupne-modely td.nadpis{color:#0B396E; font-weight:bold; padding:5px; padding-top:15px} 
#dostupne-modely td.zbozi{padding:5px; padding-left:25px}
#dostupne-modely td.zbozi a {text-decoration:underline}
#dostupne-modely td.cena{padding:5px; padding-left:45px}

#bottom {height:40px; background:#134E98 url('bottom-bg.png') top left repeat-x}
#bottom-in {padding:0 15px; line-height:40px; color:#FFF; text-align:right}
#bottom-in1 {width:100%}
#bottom a {color:#FFF}

#makers {background:#0B3866 url('makers-bg.png') top left repeat-x; }
#makers-in {padding:5px; color:#E6E6E6; text-align:center}
#makers-in a{color:#E6E6E6; text-decoration:none;}
#makers-in span a{color:#E6E6E6; text-decoration:none;}
makers-in1 {width:100%}
#makers a {color:#FFF}
#makers-in .rlgl {padding:15px 5px; color:#E6E6E6; text-align:justify; font-size:90%}
#makers-in .rlgl a {color:#E6E6E6; text-decoration:underline; background: none;}




/* nakpni kosik */
#shopping-basket {margin-right:5px ;}
#shopping-basket-in {width:100%}
#shopping-basket h1, #shopping-basket h2 {background: url('basket-bar-bg.png') top left no-repeat; border:none;  color:#0B396E; font-size:110%; margin:0;height:35px; line-height:35px; padding:0 10px;font-size:110%; }
#shopping-basket .basket-total-price {background:#C2DBF4;}

#shopping-basket .goods-info {font-size:90%;}

.box {border:solid 1px #E4E4E4; border-top:none; margin-bottom:7px}
.box-in {width:100%;}
.box a {text-decoration:none; color:#000}
.box a:hover {text-decoration:underline}
.even {background: #E7F3FF;}
table.goods { border-collapse:collapse}
table.goods td {border-top: solid 1px #E4E4E4; border-bottom: solid 1px #E4E4E4; padding:1px 0 }
table.goods th {padding:7px; text-align:left}
.box-content {padding:10px 10px}
.box-content-in {width:100%}
#shopping-basket .price {color:#FF0101; font-size: 150%; font-family:arial;}
.bezdph {color:#646464; font-size:80%}
#possibility {padding:0 48px 0 46px}
#possibility-in {width:100%}
#continue {width:409px; margin:0 0 7px 0; float:left;padding:0; text-align:center}
#continue-in {border:solid 1px #E4E4E4; padding:10px;margin-top:7px; background:#F9F9F9; color:#414141; font-size:80% }
#continue-in1 {width:100%}
#transport {width:227px; margin:0 0 7px 0; float:right; text-align:center}
#transport-in {border:solid 1px #E4E4E4; padding:10px; margin:0 ; margin-top:7px;  background:#F9F9F9; color:#414141; font-size:80% }
#transport-in1 {width:100%}
table.trans td {padding:5px 0}
#shopping-basket h3 {background:#09396E; color:#FFF800; text-align:center; font-size:100%; line-height:23px; padding:0 5px; margin:0 }

#form {text-align:center}
#form-in {margin:20px auto 0 auto;text-align:left; width:537px; }
#form .last {margin:0}
.form-item {float:left; width:256px; margin:0; margin-right:25px; }
.form-item p {color:#AAA1A1; font-size:80%; line-height:1.2em; height:2.4em}
.form-item .input {width:120px; height:22px; border:solid 1px #7F9DB9; vertical-align:middle}
.form-item tr {border-collapse:collapse}
.form-item td {font-size:90%; line-height:1.2em}
.form-item table {border-collapse:collapse;margin-top:3px; width:100%}
#shopping-basket .order {color:#414141;  line-height:1.2em}
#shopping-basket .order a {color:#000; text-decoration:underline}
#shopping-basket textarea {border: solid 1px #7F9DB9; margin:5px 0; width:100%}
/* konec nakpni kosik */






/* registrace */
#registration {margin-right:5px; color:#414141}
#registration-in {width:100%}
#registration h1 {background: url('basket-bar-bg.png') top left no-repeat; border:none;  color:#0B396E; font-size:110%; margin:0;height:35px; line-height:35px; padding:0 10px;font-size:110%; }
.reg-form {float:left; width:256px; margin-top:10px; color:#000;font-size:95%}
.reg-form h3 {background:#09396E; color:#FFF800; padding: 7px 10px; font-size:100%; margin:0 0 5px 0;text-align:center}
.reg-form input {width:123px}
.reg-form input.radio {width:15px}
.reg-form table {width:100%; border-collapse:collapse}
.description {float:right; width:440px; margin-top:10px; font-size:80%}
.instrukcion {margin:13px 0 15px 0}
/* konec registrace */





/* zbozi */
#main {float:left; width:528px;}
#whereIAm {border-top:solid 1px #DBDCDD;border-bottom:solid 1px #DBDCDD;padding:7px 0 6px 0 ; margin:0 5px 5px 0 }
#whereIAm .selected {font-weight:bold}
#whereIAm a {color:#353535}

#selecting-pneu {background:#CBE5FB; margin-top:2px; padding:17px 6px 6px 25px; position:relative}
#selecting-pneu-in {width:100%}
#button-select {width:57px; height:26px}

#listSetup {margin-top:2px; background:#F5F9FD; padding:11px 6px 6px 6px }
#listSetup-in {width:100%}
#listSetup a {color:#000}

#pagingInfo {text-align:right; font-weight:bold; padding:9px 0}

#pagingButtons {border: solid 1px #C2DBF4; padding:9px 10px;  background: url('pagingButtons-bg.png') top left repeat-x; margin-top:1px}
#pagingButtons a {color:#000; text-decoration:none}
#pagingButtons a:hover {text-decoration:underline}

.goodsOneInList {width:263px;  margin:1px 2px 0 0; float:left;}
.goodsOneInList-in {border:solid 1px #5FA4EC;; }
.goodsOneInList-in1 {width:100%}
.goodsOneInList h3 { margin:0; font-size:110%}
.goodsOneInList h3 a {color:#3C3C3C; text-decoration:none; display:block; padding:5px;}
.goodsOneInList h3 a:hover {text-decoration:underline}
.heading table{border-collapse:collapse;width:261px}
.heading td {  vertical-align:middle;  height:5em;text-align:center;}
.heading  { text-align:center;  background:#B0D8FF url('goodsOneInList-bg.png') top left repeat-x;}
.goodsOneInList-price {float:left; width:135px; line-height:1.8em; height:12.5em}
.goodsOneInList-price-in {padding:5px;}
.goodsOneInList-price-in1 {width:100%}
.goodsOneInList-price table {height:12.5em; border-collapse:collapse}
.count {width:25px}
.goodsOneInList-image {float:right; width:126px;margin-top:5px; text-align:center;}
.goodsOneInList-image-in {padding:1px; height:126px; position:relative; background: url('goodsOneInList-image-bg.png') top left no-repeat}
.goodsOneInList-image-in1 {width:100%}
.goodsOneInList-text {padding:5px; color:#3C3C3C}
.goodsOneInList-text p {overflow: hidden;height:11em; line-height:1.2em}
.goodsOneInList-text a {color:#000; font-weight:bold}
.action1 {position:absolute; top:0; left:1px}
.action2 {position:absolute; top:0; left:31px}
.action3 {position:absolute; top:0; left:59px}
.action4 {position:absolute; top:0; left:88px}
#main .last {margin:1px 0 0 0}
/* konec zbozi */





/* detail */
#detail {float:left; width:528px; line-height:1.5em; color:#333}
#detail h1 {background:#A8CFF8 url('detail-bar-bg.png') top left repeat-x; border:solid 1px #8CB2DE; border-bottom:none; color:#3C3C3C; font-size:110%; margin:0; padding: 15px 10px }
#detail h2 {background: url('other-bar.png') top left repeat-x; border-bottom:none; color:#0B396E; font-size:110%; margin:0; margin-top:35px; height:35px; line-height:35px; padding:0 10px;font-size:110%; }
#detail-info {border: solid 1px #E0E0E0; border-top:none; }
#detail-info-in {width:100%}
#detail-price {float:left; width:270px; }
#detail-price-in {padding:0 5px  }
#detail-price-in1 {width:100%}
.detail-price-content {text-align:left; border-bottom: solid 1px #E0E0E0; padding:5px 0; line-height:1.6em; color:#414141}
.detail-price-content-in {width:100%}
.detail-price-content table {border-collapse:collapse}
.detail-price-content table td {line-height:80%; padding:3px 10px; color:#999;}
.detail-price-content-1 {text-align:center; border-bottom: solid 1px #E0E0E0; padding:5px 0; line-height:1.6em; color:#414141}
.detail-price-content-1-in {width:100%}
.detail-price-content-1 table {line-height:1.2em; color:#3C3C3C; border-collapse:collapse}
#buy {background: url('detail-price-bg.png') top left no-repeat; padding:25px 0; margin:0; text-align:center;  width:260px; }
#buy-in {width:100%}
#buy-in input {text-align:center}
#detail-image {background: url('detail-image-bg.png') top left no-repeat; position:relative; float:right; width:255px; margin-top:5px}
#detail-image-in {padding:1px; text-align:center; position:relative}
#detail-image-in1 {width:100%}


.miniature {background: url('miniature-bg.png') top left no-repeat; float:left; height:82px; margin:23px 2px 10px 0; padding:1px }
#detail .other {padding:10px; border-right: solid 1px #E4E4E4; border-bottom: solid 1px #E4E4E4; border-left: solid 1px #E4E4E4;}
#detail .other h3 {background: url('other-bar.png') top left no-repeat;  color:#0B396E; font-size:110%; margin:0;height:35px; line-height:35px; padding:0 10px;font-size:110%; }
#detail .other-content {border-right: solid 1px #E4E4E4; border-bottom: solid 1px #E4E4E4; border-left: solid 1px #E4E4E4; padding:10px}
#detail .other-content .parameters {background:#F4F4F4; border:solid 1px #CACACA;}
#detail .other-content .parameters th {padding:5px 10px; margin:0; background:#E0E0E0; }
#detail .other-content .parameters td {padding:5px 10px; margin:0; border:solid 1px #E0E0E0; background:#fff}
#detail .other-content-in {width:100%}
/* konec detail */




/* leve a prave menu */
#col-right {float:right; width:206px; background:#F5F9FD}
#col-right-in {border-left:solid 1px #E1E1E1;}
#col-right-in1 {width:100%}
#col-right h3 {background:#B0D8FF url('col-right-bg.png') top left repeat-x; padding:10px 5px; font-size:100%; margin:1px 0 0 }
#col-right h3 a {color:#3E3E3E; text-decoration:none}
#col-right h3 a:hover {text-decoration:underline}

#col-left h3 {background:#B0D8FF url('col-right-bg.png') top left repeat-x; padding:10px 5px; font-size:100%; margin:1px 0 0 }
#col-left h3 a {color:#3E3E3E; text-decoration:none}
#col-left h3 a:hover {text-decoration:underline}

.col-right-goodsOneInList {width:100%; text-align:center; border-collapse:collapse}
.col-right-goodsOneInList .image {border: solid 1px #0E4483}

#col-left {float:left; width:206px; background:#F5F9FD}
#col-left-in {border-right:solid 1px #E1E1E1;}
#col-left-in1 {width:100%}
#col-left h2,#col-right h2 {position:relative; top:0; left:0; width:205px; height:32px; font-size:130%; line-height:32px; text-align:center; color:#FFE600; background:#305D93; padding:0;margin:0}
#col-left h2 span,#col-right h2 span {width:205px; height:32px; position:absolute; top:0; left:0; }
#col-left h2.login span {background: url('col-left-login.png') top left no-repeat}
#col-left h2.personal-menu span {background: url('col-left-personal-menu.png') top left no-repeat}
#col-left h2.infobox span {background: url('col-left-info.png') top left no-repeat}
#col-left h2.login span {background: url('col-left-login.png') top left no-repeat}
#col-right h2.top10 span {background: url('col-right-top10.png') top left no-repeat}

#col-left .boxTitle,#col-right .boxTitle {position:relative; top:0; left:0; width:205px; height:32px; font-size:130%; line-height:32px; text-align:center; color:#FFE600; background:#305D93; padding:0;margin:0}
#col-left .boxTitle span,#col-right .boxTitle span {width:205px; height:32px; position:absolute; top:0; left:0; }
#col-left .boxTitle.login span {background: url('col-left-login.png') top left no-repeat}
#col-left .boxTitle.personal-menu span {background: url('col-left-personal-menu.png') top left no-repeat}
#col-left .boxTitle.infobox span {background: url('col-left-info.png') top left no-repeat}
#col-left .boxTitle.infobox li span {background: none}
#col-left .boxTitle.login span {background: url('col-left-login.png') top left no-repeat}
#col-left .boxTitle.recommended span {background: url('col-left-recommended.png') top left no-repeat}
#col-right .boxTitle.top10 span {background: url('col-right-top10.png') top left no-repeat}

.col-left-content {padding:5px}
.col-left-content-in {width:100%}
#col-left table.login {width:195px}
#col-left table.login .input {width:139px}
.button-log {width:86px; height:26px}

#col-left ul.list {margin:5px 0; list-style-type:none; padding:0;}
#col-left ul.list li {}
#col-left ul.list li a {background: url('arrow.png') center left no-repeat; display:block;  color:#000; padding:1px 0 1px 10px }

ul.infobox {margin:5px 0; list-style-type:none; padding:0;}
ul.infobox li {margin:0}
ul.infobox li span {background:none; }
ul.infobox li a {margin:0; display:block; color:#000; padding: 2px 0 2px 10px; background: url('arrow-info.png') center left no-repeat }
/* konec menu */






/* hlavicka */
#head {width: 950px; height:246px;position:relative}
#head-in {width: 950px; height:206px; background:#1365BE url('head-bg.jpg') top left no-repeat}

#head-shopping-basket {position:absolute; top:0; right:0; width:258px; height:66px;}
#head-shopping-basket-in {padding:10px 6px 10px 0; font-weight:bold; color:#FFF; line-height:1.5em}
#head-shopping-basket-in1 {width:100%}
#button-view-basket {position:absolute; top:22px; right:6px}

#head-menu {width: 950px; height:40px; position:absolute; top:206px; left:0; background:#134E98 url('head-menu-bg.png') top left repeat-x}
#head-menu-in {margin:15px 0 0 15px}
#head-menu-in1 {width:100%}
#head-menu ul {margin:0; list-style-type:none; padding:0;}
#head-menu li {float:left; border-left: solid 1px #FFF; border-right: solid 1px #000}
#head-menu li:first-child {border-left:none}
#head-menu li a {display:block; text-decoration:none; color:#FFF;padding:0 10px }
#head-menu li a:hover {text-decoration: underline}
#head-menu li.last {border-right:none}

#search {position: absolute; top:0; right:0; width:319px; height:40px; background: url('search-bg.png') top left no-repeat; }
#search-in {margin:7px 0 0 60px; }
#search-in1 {width:100%;}
#search input {vertical-align:middle}
#search .search-text {width:160px; height:22px; border: solid 1px #629DD8; background:#FFF url('searchs-input-bg.png') top right scroll no-repeat; line-height:20px; vertical-align:middle }
#search .button-search {width:86px ;height:26px;}

#logo {position:absolute; top:8px; left :16px}
#logo-pneu {position:absolute; top:96px; left:0}
/* konec hlavicka */



/*  order status */
#order-information .status {margin:20px auto;}
#order-information .status td {width:250px; vertical-align: top;}
#order-information .status th {text-align:left;}

#order-information #goods table{width:100%;}
#order-information #goods td {padding:5px 0; vertical-align:top; border-bottom:1px dotted;}
#order-information #goods th {border-bottom:1px solid; vertical-align: top; text-align:center;}
#order-information #sumaryPriceWithVat {text-align:center; font-weight:bold; font-size:120%; margin-top:20px;}

table.producerListDiv {width: 100%;}