* { padding: 0; margin: 0; font-family: sans-serif;  }
html {margin: 0; padding: 0; }
body {position: relative; background: white url('images/html_bg.png') repeat-x top; margin: 0 auto; padding: 0; width:950px; font-size: small; }

strong  {font-weight:bold;}
a{text-decoration:underline; color: black;}
a:hover{text-decoration:none;}
.right{text-align:right;}
.center{text-align:center;}
.clear{clear:both;}
.vpravo{float:right;}
.vlevo{float:left;}
.hide {display: none;}
.padd {padding: 3px;}
div .p-padd p {padding: 3px 0;}
h2, .h2 {display: block; font-size: 17px; font-weight: bold;}
h2.big {font-size: 2em;}
h3, .h3 {margin-bottom: 10px;}

ul {margin-left: 20px;}

a span {display: none;}

#auto { position: absolute; z-index: 1; left: 330px;  width:361px; height: 139px;  top: 25px;  background: url('images/auto.png') no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader('images/auto.png'); }


#login_basket {width:950px; height: 30px; float:left; line-height: 30px; margin:0; background-color: black; color:white;}
#login_basket .yellow {color:#F3D859; border:0;}
#login_basket .yellow a {color:#F3D859; text-decoration: none;}
#login_basket .yellow a:hover {color:#F3D859; text-decoration: underline;}
#login_basket a.btn {padding: 2px 5px ; font-size: small; font-weight: normal; text-decoration: none; text-transform: uppercase; color:white; border: 1px #CB0A0D solid; background-color: #CB0A0D;} 
#login_basket a.btn:hover {color:#F3D859; background-color: black; } 

#login_basket #login {width: 48%; float:left;} 
#login_basket #basket {width: 48%; float:right; text-align:right;} 

#top {width:950px; float: left;}
#top #logo {width:950px; height: 117px; float: left;}
#top #logo a {display: block; width: 350px; height: 40px; margin-left: 20px; margin-top: 20px; padding-top: 45px; color:#CB0A0D; text-transform: uppercase; text-decoration: none; font-size: x-small; background: url('images/logopneu.gif') no-repeat left 15px ;}

#top #contacts {position: absolute; left: 690px; top: 65px; text-transform: uppercase; font-size: 1.4em; }
#top #contacts table th {text-align: left; color: #CB0A0D; font-weight: normal; font-family: impact;}
#top #contacts table td {text-align: left; font-weight: normal; font-family: impact;}

#informations {width:950px; height: 47px; float:left; background: url('images/information_bg.gif') repeat-x bottom;}
#informations ul {position: absolute; margin-left: 20px; width:910px; height: 47px; text-align: center;}
#informations ul li {display: inline; color: white; list-style-type: none; }
#informations ul li a {float: left; display: block; height: 27px; padding: 15px 45px 0 45px; margin-bottom:5px; text-transform: uppercase; text-decoration: none;  color: white;  }

#informations ul#inf1 {z-index: 0;}
#informations ul#inf1 li a.hover {background-color: #CB0A0B;}
#informations ul#inf2 {z-index: 1;}
#informations ul#inf2 li a:hover {}


#navigation {width:950px; height: 27px; float:left; line-height: 27px;}
#navigation span {margin-left: 12px; color: #CB0A0D;}
#navigation a {text-decoration: none; margin-left: 12px; color: black; }

#middle{float:left; width:950px;background-color:#ffffff; } 

#left {width: 158px; float: left; margin: 6px; margin-bottom: 36px;}
#left .menu {margin-bottom: 12px;}
#left .menu a {display: block; width: 143px; height: 27px; line-height: 27px; padding-left: 15px; margin: 0 0 1px 0; text-decoration: none; color: white; background-color: #CB0A0B;}
#left .menu a:hover {color: #CB0A0B; background-color: black;}
#left .menu a.open {color: white; background-color: black;}
#left .menu a.open:hover {color: #FFEC02; background-color: black;}
#left .menu ul {width: 158px; margin: 0; padding:0; list-style:none;}
#left .menu ul li ul {margin: 1px 0 0 0; padding: 0; }
#left .menu ul li ul li a {width: 128px; padding-left: 30px; color:black;  background-color: #FFEC02; }
#left .menu ul li ul li a:hover {color:#FFEC02;  background-color:black; }


.box {border: 1px #CCCCCC solid; margin-bottom: 10px;}
.box h2,.box .h2 {height: 27px; line-height: 27px; padding-left: 15px; font-weight: normal; font-size: small;  color: black; background-color: #CCCCCC;}
.box h2 a,.box .h2 a {color: black; text-decoration: none;}
.yellow {border: 1px #FFEC02 solid;}
.yellow h2,.yellow .h2 {background-color: #FFEC02;}

.box .item {border-bottom: 1px #CCCCCC solid; cursor: pointer;  }
.box .item div.center {padding: 15px 0;}
.box .item h3 {line-height: 16px; font-size: 1em; font-weight: bold; }
.box .item h3 a {color:black; text-decoration: none;}
.box .item img {border: 0;}
.box .item strong {height: 16px; line-height: 16px; font-size: 1em; font-weight: bold; color: #CCCCCC;}
.box .item strong a {color: #CCCCCC; text-decoration: none;}
.box .item p.cena strong {font-size: 1.1em; color: #CB0A0B;}
.box .last {border-bottom: 0;}

ul.vyrobci {margin: 0; padding: 0; list-style-type: none;}
ul.vyrobci li a {display: block; padding: 3px; color: black; background-color: #FFEC02; border-bottom: 1px #CCCCCC solid;}
ul.vyrobci li a:hover {color: #FFEC02; background-color: black;}


.articles .article .h3 {font-size: 1em; margin-bottom: 2px; font-weight: bold;}
.articles .article .h3 a {padding: 2px; text-decoration: none; color: black; background-color: #FFEC02;}
.articles .article:hover .h3 a {color: #FFEC02; background-color: black;}

.menu2 .item a {display: block; background-color: #FFEC02; color: black;}
.menu2 .item a:hover {background-color: black; color: #FFEC02;}
.menu2 .item .h3 {margin: 0; padding: 0;}

#content {float: left; width: 632px; margin: 6px 3px 6px 3px ;}

#content h2 {border-bottom: 1px #FFEC02 solid; margin-bottom: 5px;}
#content h2 a {text-decoration: none;}
#content h2 a:hover {text-decoration: underline; }

#content h2.sign {border: 0; height: 27px; line-height: 27px;}
#content h2.sign a {display: block; height: 27px; line-height: 27px;}
#content h2.akce {background: url(images/h2_akce.png);}
#content h2.akce span {display: none;}
#content h2.vyprodej {background: url(images/h2_vyprodej.png);}
#content h2.vyprodej span {display: none;}
#content h2.novinka {background: url(images/h2_novinky.jpg);}
#content h2.novinka span {display: none;}

#content h3 {margin-bottom: 0px;}

#content .articles .article,
#content .news .new {margin-bottom: 12px; cursor: pointer;}
#content .articles .article h3,
#content .news .new h3 {font-size: 1em;}
#content .articles .article h3 a,
#content .news .new h3 a {padding: 2px; text-decoration: none; color: black; background-color: #FFEC02;}
#content .articles .article:hover h3 a,
#content .news .new:hover h3 a {color: #FFEC02; background-color: black;}


#content .catalog .item {position: relative; float:left; width: 300px; height: 130px; margin: 6px 0px 0px 9px; /*cursor: pointer;*/ border: 1px #cccccc solid} 
#content .catalog .item:hover {border: 1px #aaaaaa solid} 
#content .catalog .item h3 {font-size: 1em; margin: 6px; height: 30px;}
#content .catalog .item h3 a {padding: 2px; text-decoration: none; color: black; background-color: #FFEC02;}
#content .catalog .item:hover h3 a {color: #FFEC02; background-color: black;}
#content .catalog .item .item-image {display: block; width: 88px; height: 88px; float: left; margin: 0px 12px 0px 6px; } 
#content .catalog .item .item-image img {max-width: 88px; max-height: 88px; border: 0;}
#content .catalog .item .item-image a {border: 0;}
#content .catalog .item .item-info {padding-top: 6px;}
#content .catalog .item .item-info .green {color: green}
#content .catalog .item .item-info .red {color: #CB0A0D;}
#content .catalog .item .item-info p.cena {margin-top: 12px;}
#content .catalog .item .item-info p.cena strong {font-size: 1.2em; color: #CB0A0B;}
#content .catalog .item .obdobi-dostupnost p {line-height: 20px;}
#content .catalog .item .semafor {position: absolute; left: 190px; top: 70px; width: 18px; height: 18px; background: url(images/semafor.jpg) no-repeat;}
#content .catalog .item .sem-red {background-position: center;}
#content .catalog .item .sem-orange {background-position: bottom;}
#content .catalog .item .sem-green {background-position: top;}
#content .catalog .item .car {position: absolute; left: 190px; top: 70px; width: 33px; height: 26px; background: url(images/auto_small.jpg);}
#content .catalog .item form.order {position: absolute; left: 190px; top: 99px;}
#content .catalog .item form.order input {width: 25px; padding: 2px; margin: 0; text-align: right;}
#content .catalog .item form.order input.btn {width: 70px; padding: auto;}

/*onclick="location.href='<?php echo $this->baseUrl()?>/<?php echo ($this->type_system == 'realix') ? 'nemovitost' : 'produkt'?>/<?php echo $item['url']?>';"*/
#content .list .item {position: relative; clear:both; width: auto; height: auto; margin: 0 0 6px 0; /*cursor: pointer;*/ border: 1px #cccccc solid} 
#content .list .item:hover {border: 1px #aaaaaa solid} 
#content .list .item h3 {float: left; width: 260px; height: auto; font-size: 1em; margin: 6px;}
#content .list .item h3 a {padding: 2px; text-decoration: none; color: black; background-color: #FFEC02;}
#content .list .item:hover h3 a {color: #FFEC02; background-color: black;}
#content .list .item .item-image {display: none; position: absolute; z-index: 10; margin-top: 26px; margin-left: 6px;} 
#content .list .item .item-info {padding: 6px 0;}
#content .list .item .item-info .green {color: green}
#content .list .item .item-info .red {color: #CB0A0D;}
#content .list .item .item-info .obdobi-dostupnost {float: left;}
#content .list .item .item-info p.cena {float: right; margin-top: 6px;  margin-right: 6px; }
#content .list .item .item-info p.cena strong {font-size: 1.2em; color: #CB0A0B;}
#content .list .item .semafor {position: absolute; left: 355px; top: 22px; width: 18px; height: 18px; background: url(images/semafor.jpg) no-repeat;}
#content .list .item .sem-red {background-position: center;}
#content .list .item .sem-orange {background-position: bottom;}
#content .list .item .sem-green {background-position: top;}
#content .list .item .car {position: absolute; left: 355px; top: 21px; width: 33px; height: 26px; background: url(images/auto_small.jpg);}
#content .list .item form.order {position: absolute; left: 420px; top: 10px;}
#content .list .item form.order input {width: 25px; padding: 2px; margin: 0; text-align: right;}
#content .list .item form.order input.btn {width: 70px; padding: auto;}

#content form#filter-form { background-color: #FFFBCC; border: 1px #FFEC02 solid; padding: 0; }
#content .marg-bottom {margin: 0 0 10px 0;}
#content form#filter-form fieldset {border: 0; margin: 0; padding: 4px;  }
#content div.view legend,
#content form#filter-form fieldset legend {display: none;}
#content form#filter-form fieldset div {float:left;  width: 100px; height: 40px;}
#content div.view label,
#content form#filter-form fieldset div label {float: none; width: 100px; margin: 4px 0; padding: 0; line-height: 1em; text-transform: uppercase; font-size: 12px; background: none;}
#content div.view label span,
#content form#filter-form fieldset div label span {padding: 0 6px; margin:0; background-color:#FFEC02; }
#content div.view select,
#content form#filter-form fieldset div select {width: 90px; margin:0; padding:0; height: 1.6em; font-size: 12px; border: 1px #FFEC02 solid; }
#content form#filter-form fieldset div.tlacitko {float: right; margin: 9px -5px -10px 0;}
#content form#filter-form fieldset input.btn {width:100px; height: 35px; padding: 0 0 10opx 0; margin:0; border: 0; color: white; text-transform: uppercase; font-weight: normal; background-color: #CB0A0D;}

#content div.view {clear: both; padding: 4px; margin: 4px 0;  border: 1px #FFEC02 solid;  background-color: #FFFBCC; line-height: 1em; color: black; }
#content div.view label {font-weight: bold; text-transform: uppercase; font-size: 12px;}
#content div.view br {display: none;}

#content div.paging { line-height: 1em; margin-top: 4px; text-transform: uppercase; font-size: x-small; color: black; text-align: right; }
#content div.paging a {color: black;}


#content table.gray {width: 100%; border-collapse: collapse; }
#content table.gray td {padding: 2px 15px 2px 15px; border: 1px #cccccc solid; background-color: white;}
#content table.gray th {padding: 2px 15px 2px 15px; text-align: left; border: 1px #cccccc solid; background-color: #cccccc;}


#content .orders .item {padding: 0 10px 10px 10px; margin-bottom: 10px; border: 1px #cccccc solid; }
#content .orders .item h3 {margin: 10px 0 0 0;}

#content div.product {margin-bottom:20px;}
#content div.product a {color: black;}
#content div.product div.product-image {float: left; width:215px;}
#content div.product div.product-image img{max-width:215px; max-height:215px; border: 0;}
#content div.product div.product-image .big-image img {}
#content div.product div.product-image .big-image p { text-align: right; padding: 2px; background-color: #CCCCCC;}
#content div.product div.product-image .big-image p a {color: black;}


#content div.product div.product-information {float: right; padding-right:10px;width: 380px; }
#content div.product div.product-information ul{margin-left:20px;}
#content div.product div.product-information table.gray {margin-bottom: 10px;}
#content div.product div.product-information table.gray td {width: 70%;}
#content div.product div.product-information table.gray th {width: 30%;}
#content div.product div.product-information table.price {width: 100%;  border-collapse: collapse;  background-color: #FFEC02; }
#content div.product div.product-information table.price td {width: 70%; padding: 2px 0px 2px 20px; border: 1px #FFEC02 solid;}
#content div.product div.product-information table.price th {width: 30%; padding: 2px 0px 2px 15px; text-align: left; border: 1px #FFEC02 solid;}
#content div.product div.product-information table.price td strong {color: #CB0A0B; font-size: 1.4em;}
#content div.product div.product-information table.price form , 
#content div.product div.product-information table.price form fieldset {border:0; padding: 0; margin: 0;}
#content div.product div.product-information table.price form legend,
#content div.product div.product-information table.price form label {display: none;}
#content div.product div.product-information table.price form p {display: inline;}
#content div.product div.product-information table.price form input {width: 30px;}
#content div.product div.product-information table.price form input.btn {width: 80px;}

#content p.info { padding: 5px; margin-bottom: 10px; text-align: center; background-color: #FFEC02;}

#content ul.basket {margin: 10px 0 10px 0; padding: 5px 0; list-style: none;  background-color: #FFEC02;}
#content ul.basket li {display: inline; padding: 5px 15px;}
#content ul.basket li a {color: black; text-decoration: none;}
#content ul.basket li.active {color: white; background-color: #CB0A0B; }
#content ul.basket li.active a {color: white;}
#content table.basket {margin: 0 1px 1px 0px;}
#content table.basket th {padding: 2px 15px;}
#content table.basket td {padding: 2px 15px;}
#content table.basket td span {padding: 2px; text-decoration: none; color: black; background-color: #FFEC02;}
#content table.basket td span:hover {color: #FFEC02; background-color: black;}
#content table.basket td a {padding: 2px; color: black; background-color: #FFEC02; text-decoration: none;}
#content table.basket td a:hover {color: #FFEC02; background-color: black;}
#content table.basket td input {width: 20px;}
#content table.basket th.del  {width: 15px;}
#content table.basket th.kod  {width: 59px;}
#content table.basket th.price  {width: 110px;}
#content table.basket th.quantity  {width: 50px;}
#content table.basket td.del a {padding: 2px 6px; font-size: large; color: white; background-color:#CB0A0B ;}
#content table.basket td.del a:hover {color: white; background-color: black;}

#content div.pod p {float: left; margin-right: 1px;}
#content div.pod p .btn {height: 42px; margin-top: 0;}
#content div.pod p a.btn {display: block; text-align: center; height: 22px; width: 60px; line-height: 22px; margin-left: -1px; }
#content div.pod div.prices {float: right; width: 215px; padding: 5px 5px 0 5px; margin-right: 0px; background-color: #FFEC02; }
#content div.pod div.prices div {padding-bottom: 5px;}
#content div.pod .red {width: 225px; height: 20px; margin: 4px -5px 0 -5px ; font-size: x-small; color: white; background-color: #CB0A0B; border-color: #CB0A0B;}

#content p.upravit {margin: 2px 0 4px 0;}

#content p.odkazy {margin: 0 0 4px 0;}
#content p.odkazy a.btn {margin-right: -3px;}

#content ul#bookmarks { width: 100%; height: 25px; list-style: none; margin: 0; padding: 10px 0 0 0; background-color: #fff; }
#content ul#bookmarks li { float: left; height: 25px; line-height: 25px; margin: 0; margin-right: 1px; padding: 0 5px; color: #FFEC02; background-color: #ccc; }
#content ul#bookmarks li a {color: black; text-decoration: none;}
#content ul#bookmarks li.open {background-color: black;}     
#content ul#bookmarks li.open a {color: #FFEC02;}

#content .bookmark {display: none;  padding: 10px;  border-top: 5px black solid; background-color: #ffffff;}
#content .bookmark table {width: 80%; margin: 0 40px; border-collapse: collapse;}
#content .bookmark table th {width: 50%; padding: 5px 15px; border: 1px white solid;  text-align: right; background-color: #eee;}
#content .bookmark table td {width: 50%; padding: 5px 15px; border: 1px white solid;  text-align: left;  background-color: #eee;}
#content .bookmark ul {margin: 0; list-style: none; }
#content .bookmark .item {margin-bottom: 2px; padding: 5px 10px; border-bottom: 1px #dddddd solid; background-color: #eee;}
#content .bookmark ul li ul li .item {padding-left: 25px;} 
#content .bookmark form {background-color: #eee; padding: 10px 40px 10px 40px; margin-bottom: 10px; }
#content .contact {background-color: #eee; padding: 10px 40px 0px 40px; margin-bottom: -5px;}
#content .contact p {margin: 0; clear: left;}
#content .contact span {display: block; float: left; width: 160px;  padding: 2px 15px; background-color: white; border: 1px #cccccc solid;}
#content .contact em {display: block; float: left; width: 160px; padding: 3px 15px; margin: 0 0 1px 0; font-weight: bold; font-style: normal; background-color: #cccccc;}

#content .bookmark form legend {display: none;}

#content .bookmark ul.errors {margin: 1px 0 1px -1px;}

#content #div-bookmark-params { display: block; }

#content #div-bookmark-ratingproduct div.stars {margin-bottom: 6px;}
#content #div-bookmark-ratingproduct div.stars div {width: 85px; height: 16px; float: left;}
#content #div-bookmark-ratingproduct .s0 {background: url('images/stars.gif') no-repeat left 0px;}
#content #div-bookmark-ratingproduct .s1 {background: url('images/stars.gif') no-repeat left -16px;}
#content #div-bookmark-ratingproduct .s2 {background: url('images/stars.gif') no-repeat left -32px;}
#content #div-bookmark-ratingproduct .s3 {background: url('images/stars.gif') no-repeat left -48px;}
#content #div-bookmark-ratingproduct .s4 {background: url('images/stars.gif') no-repeat left -64px;}
#content #div-bookmark-ratingproduct .s5 {background: url('images/stars.gif') no-repeat left -80px;}

#content #div-bookmark-ratingproduct span#star_select_outer {display: block; float: left; padding: 2px 45px 2px 45px;  width: 100px; background-color: white; border: 1px #cccccc solid;} 
#content #div-bookmark-ratingproduct span#star_select {float: left; display: block; width: 85px; height: 16px;  cursor: pointer; background-color: white;}
#content #div-bookmark-ratingproduct span#star_select span {display: block; width: 17px; height: 16px; float: left;}




#content div.hlaska-ok  {height: 27px; line-height: 27px; margin-bottom: 10px; padding: 0 15px; clear: both; font-size: 1em; font-weight: normal; color: #FFFFFF; background: #00CC00; }
#content div.hlaska-err {height: 27px; line-height: 27px; margin-bottom: 10px; padding: 0 15px; clear: both; font-size: 1em; font-weight: normal; color: #FFFFFF; background: #CB0A0B; }
#content div.hlaska-ok strong,div.hlaska-err strong {font-weight: normal;}

#content ul.errors {margin: 1px 0 1px -1px; padding: 3px 15px; width: 352px; color: white; list-style: none; border-left: 1px #eee solid; background-color: #CB0A0B;}

.btn {padding: 2px 15px; margin-top: 0px; font-weight: bold; text-decoration: none; color: black; border: 1px #FFEC02 solid;  background-color: #FFEC02;}

#content form fieldset {clear: left; padding:0; margin: 0; border: 0;}
#content form fieldset legend {display: block;}
#content form fieldset p {margin: 0; clear: left;}
#content form fieldset label {display: block; float: left;  width: 160px; padding: 3px 15px; margin: 0 0 1px 0; font-weight: bold; background-color: #cccccc;}
#content form fieldset input  {width: 160px; margin: 0px; padding: 2px 15px; border: 1px #cccccc solid;}
#content form fieldset select {width: 192px; margin: 0px; padding: 2px 15px; height: 22px; border: 1px #cccccc solid;}
#content form fieldset textarea {width: 95%; padding: 2px 15px; margin-bottom: 1px; border: 1px #cccccc solid; }
#content form fieldset p.radio br {display:none;}
#content form fieldset p.hint {font-style: italic;}

#content form fieldset#fieldset-captchaform { height: 68px; }
#content form fieldset#fieldset-captchaform br {display: none;}
#content form fieldset#fieldset-captchaform label {position: absolute;}
#content form fieldset#fieldset-captchaform img {position: absolute; margin-left: 190px; width: 190px; border: 1px #ccc solid; height: 42px;}
#content form fieldset#fieldset-captchaform input#captcha-input {position: absolute; width: 159px; margin-top: 22px;}
#content form fieldset#fieldset-captchaform ul.errors {margin-top: 45px;}

#right {float: left; width: 128px; margin: 6px; margin-bottom: 36px;}

#enquiry .item a {text-decoration: none;}
#enquiry .pointer-bg {margin: 0 3px; height: 6px; background-color: #CCCCCC;}
#enquiry .pointer {height: 6px; background-color: #CB0A0B;}
#enquiry .item:hover .pointer {background-color: #000000;}


#bottom-custom {clear: both; width: 938px; margin: 0 6px; padding: 6px 0 3px 0; font-weight: bold; background: #FFEC02;  text-align: center;}

#bottom {clear: both; width: 938px; height: 27px; margin: 0 6px; background: #FFEC02; }
#bottom a {color: black; text-decoration: none;}
#bottom a:hover {text-decoration: underline; }
#bottom div {line-height: 27px; }
#bottom div.left {float: left;  margin-left: 6px;}
#bottom div.right {float: right; margin-right: 6px; text-align: left;}

#partners {clear: both; width: 926px; margin: 0 6px; padding: 3px 6px; background: black;}
#partners ul {font-size: 0.8em; list-style-type: none; padding: 0; margin: 0; }
#partners ul li {display: inline; padding: 0; margin: 0;}
#partners ul li a {color: #FFEC02;}