html{font-size:106.5%}
body{font-size:76.5%;font-family:Arial,sans-serif;}
body {background: #828080; color: #000000; line-height: 1.4em;}
input,textarea,select {font-size: 100%;font-family:Arial,sans-serif;}


a {color: #000000; text-decoration: underline;}
a:hover {color: #444444; text-decoration: none;}

h1 {font-size: 180%; padding: 0 0 7px 0; margin:0}

table {border-collapse: collapse;}

#secondPanel h2, #thirdPanel h2 {color: #ffffff; background: url(../../images/olympia/background-h2.png) left top no-repeat; line-height: 33px; margin:0; padding:0 10px; font-size: 100%;}
#secondPanel h2 {margin-bottom: 5px;}

h2 {font-size: 120%; padding: 7px 0; margin: 0;}
h3 {color:#6b6a6a; font-size: 100%; padding: 7px 0; margin:0;}
h4 {color: #000000; font-size: 100%; padding: 0 0 7px 0; margin:0;}
h5 {font-size: 100%; padding:0; margin:0;}

hr {display: none;}

#wrap1 {width: 100%; min-width: 1000px; float: left; margin: 10px auto 21px auto; padding:0; background: url(../../images/olympia/background-line.png) center top repeat-y;}
#wrap2 {width: 100%; float: left; margin: 0 auto; padding:11px 0 0 0; background: url(../../images/olympia/background-header.png) center top no-repeat;}
#wrap3 {width: 100%; float: left; margin: 0 auto; padding:0 0 11px 0; background: url(../../images/olympia/background-footer.png) center bottom no-repeat;}
#wrap4 {width: 1000px; margin: 0 auto; padding:0;}
#wrap5 {width: 100%; float: left; position: relative; background: url(../../images/olympia/background-bottom.png) center bottom repeat-x;}
#wrap6 {width: 100%; margin: 0 auto; }

#headWrap {width: 100%; margin: 3px 0 0 0; padding: 0;}
#logo {position: absolute; background: url(../../images/olympia/logo.png) left top no-repeat; margin: 0; width: 231px; height:37px; padding: 0;}
#logo span {display: none;}
#logo a {display:block; margin: 0; width: 231px; height:37px;}

#flashWrap, #flash {height: 267px; width: 809px; overflow: hidden;}
#flashWrap {padding:50px 0 0 0;margin: 0 5px 0 5px;background: url(../../images/olympia/o-header.png) left 50px no-repeat;}

#flash-inner {height: 267px; width: 809px;}
.slide {float: left; margin: 0; width: 799px; height: 267px;}

.clickLogo {position: absolute; margin-left: 20px; top: 266px;}
.clickLogo a {display: block; text-decoration: none; float: left; line-height: 50px;}
.clickLogo a span {display: none;}
a.olympia {width: 150px;}
a.speedo {width: 110px;}
a.dunlop {width: 125px;}
a.kienzle {width: 125px;}
a.eurochron {width: 100px;}
a.cactus {width: 110px;}
a.ZRC {width: 70px;}



#wrapBreadcrumb {display: none; font-size:80%; width: 100%; color: #000000; line-height: 1.2em;}
#wrapBreadcrumb a {color: #000000;}
#wrapBreadcrumb a:hover {color: #222222;}
#breadcrumb {position:absolute;width:966px;top:0;left:0px; padding: 5px 17px; height: 14px; background: #ffaa4f;}
#textWrap {float: left; width:1000px; margin: 0; display: block; position: relative;}

.inner {float:left;position: relative;margin:0;margin-top: 5px;padding:0;left: 1000px;}

#firstPanel {width: 618px; margin-left: -814px;padding:5px;background: url(../../images/olympia/top-box.png) left top no-repeat;}
#secondPanel {width: 176px; margin-left: -181px;margin-top: -267px;}
#thirdPanel {width: 176px; margin-left: -995px;}

#firstPanel ul {margin: 5px 0; padding:0; margin-left: 20px;}
#firstPanel ul li {list-style: none; background: url(/images/olympia/bullet.gif) left 6px no-repeat; padding: 0 0 3px 10px;}


#topMenuWrap {font-weight: bold;}
#topMenu h3 {font-weight: bold; font-size: 100%;margin:0;padding:0;}
#topMenu {position:absolute;top:0;right:5px;padding:0;margin:0;background: url(../../images/olympia/background-topmenu-r.png) right center no-repeat;}
#topMenuIn {background: url(../../images/olympia/background-topmenu.png) left center no-repeat; margin-right: 5px; float: left;}
#topMenu ul {padding:0;margin:0 -3px 0 7px;}
#topMenu li {display:inline;background: url(../../images/olympia/ro-light.png) right center no-repeat; line-height: 47px; padding:0; margin: 0; float: left; text-align: center; margin:0 3px 0 0;}
#topMenu li a {background: url(../../images/olympia/lo-light.png) left center no-repeat; padding: 0 15px 0 20px; line-height: 47px; color:#000000; text-decoration:none; display: block; margin-right: 5px;}
#topMenu li:hover, #topMenu li.active {background: url(../../images/olympia/ro-green.png) right center no-repeat;}
#topMenu li:hover a, #topMenu li.active a {background: url(../../images/olympia/lo-green.png) left center no-repeat; color:#ffffff;}
#topMenu ul ul, #topMenu ul ul ul {display: none; position: absolute; visibility:hidden; display:none;}

#footer {width: 960px; font-size: 90%; float: left; line-height: 33px; padding: 0 15px; margin: 10px 5px; background: url(../../images/olympia/footer.png) center top no-repeat;}
#footer, #footer a {color: #ffffff;}
#footer a:hover {color: #eeeeee;}
#footer h3 {font-size: 100%; padding:0; margin:0; font-weight: normal; display: inline;}

.listRef h3 a {color:#004494;}
.listRef h3 {font-size: 100%;}
.listRef {margin-bottom: 30px;}
 #photogalleryWrap {width: 100%}
.thumbwrap{padding: 0;margin: 0;width: 100%;}
.thumbwrap li {display: -moz-inline-box;text-align: center; border: 1px solid #cadaed; display: inline-block; vertical-align: middle;list-style: none;}
.thumbwrap li>a{ display: table; width: 150px;}
.thumbwrap a{display: block;text-decoration: none; color: #807f7f;cursor: pointer;padding:0;padding-top: 13px;}
.thumbwrap img{border: 0px;vertical-align: middle;}
.thumbwrap a:hover{background-color: #ebebeb;color:#000000;}
.thumbwrap .caption{display: block;padding: .3em 3px;font-size: .9em;line-height: 1.1;w\idth: 150px}
.thumbwrap li{vertical-align: middle;}
.thumbwrap li a {display: inline-block;vertical-align: middle;}
.thumbwrap {display: inline-block;}
#firstPanel .thumbwrap, #firstPanel .thumbwrap li {padding:0;margin:0;}
#firstPanel .thumbwrap li {background: none; margin: 0 4px 10px 0;}
#firstPanel .thumbwrap li a {padding: 4px;}
.thumbwrap li{vertical-align: middle;}
.thumbwrap li a{display: inline-block;vertical-align: middle;}
.thumbwrap{display: inline-block;}
 #titleWrap span {_cursor: hand;}
#footer {_float: none;}
  #topMenu ul ul {_margin: 0 0 0 -100px;}
#topMenu li, #topMenu li li {_behavior: url(/stylesheets/hover.htc);}
 #topMenu li a {_float: left;}
#titleWrap span {_cursor: hand;}
#title span {_background: url(../../images/olympia/samcor-bezpecnostni-sluzba.gif) top left no-repeat;}
 .paragraph {color: #770000; font-style: italic; padding: 0 0 0 10px; border-left: 6px solid #d1a8a6;}
.more {padding: 0 0 0 18px; background: url(../../images/olympia/bullet-arrow.gif) left 7px no-repeat;}
.hlaska {background: #d0a7a7; padding: 5px 10px;}
.hlaska {background: #bababa; margin: 5px 0; padding: 7px; border: 1px solid #444444; display: block;display: none;}
.sendNewsWrap {padding: 100px 8px 10px 8px; display: none;}
.sendNews p {display: inline; padding: 0; margin: 0;}
.sendNews #email {border: 1px solid #32419e; padding: 2px; margin: 0; color: #011e60; background: #f6f7fb; width: 110px;}
 .imgBorder {text-align:center;}
.map h3 {font-size: 100%;}





#thirdPanel h2, #thirdPanel h2 a, #thirdPanel h2 a:hover {color: #ffffff; display: block; text-decoration: none;}
#thirdPanel h2, #thirdPanel #menu ul li a {margin:0 0 3px 0;}
#thirdPanel h2:hover {background: url(../../images/olympia/background-menu-green.png) left top no-repeat;}

#thirdPanel #menu, #thirdPanel .category {background: url(../../images/olympia/top-boxmini.png) left top no-repeat; padding: 5px;}
#thirdPanel #menu ul {width: 100%;padding: 0;margin: 0;}
#thirdPanel #menu ul li {padding: 0;margin: 0;list-style: none;;}
#thirdPanel #menu ul li a {color: #000000; display: block; padding: 8px 10px;text-decoration: none; background: #f2f0f1 url(../../images/olympia/arrowblack.png) 152px 14px no-repeat; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#thirdPanel #menu ul li a:hover, #thirdPanel #menu ul li.active a {color: #ffffff; background: #00a423 url(../../images/olympia/arrowwhite.png) 152px 14px no-repeat; border: 1px solid #00a423; text-decoration: none; }
#thirdPanel #menu ul ul ul {display: none;}
#thirdPanel #menu ul li.zvyraznena {margin-bottom: 20px;}

#thirdPanel #menu ul ul li a {color: #000000; font-style: italic; display: block; padding: 5px 10px; background-position: 152px 7px; text-decoration: none;}
#thirdPanel #menu ul ul li a:hover, #thirdPanel #menu ul li.active ul a {color: #ffffff; text-decoration: none;}
#thirdPanel #menu ul ul {margin: 0 0 10px 0;}


#firstPanel h1 {display: block; float: left; width: 100%; font-size: 100%; line-height: 33px; padding: 0; margin: 0 0 5px 0; color: #ffffff;  background: url(../../images/olympia/background-h1.png) left top no-repeat;}
#firstPanel h1 span {background: url(../../images/olympia/lo-green.png) left top no-repeat; float: left; line-height: 33px; padding: 0 15px;}
#firstPanel h1 span.ro {background: url(../../images/olympia/ro-green.png) right top no-repeat; float: left; width: 5px; height: 33px; overflow: hidden; padding: 0;}

.hlaska-alert {display: block; float: left; padding: 0; line-height: 33px; text-align: center; margin: 0 0 10px 0; background: url(../../images/olympia/alert.png) left top no-repeat; color: #ffffff; width: 618px;}

a img {border: 0px none;}

.produkt-vypis {width: 206px; padding: 0;background: url(../../images/olympia/product-topmini.png) center top no-repeat; float: left; height: 260px; margin: 0 0 15px 0; overflow: hidden; text-align: center;}
.produkt-vypis h3 {font-size: 100%; text-decoration: none; white-space: nowrap; width: 166px; overflow: hidden; margin: 0 auto; padding: 0;}
.produkt-bottom {float: left; width: 166px; height: 230px; overflow: hidden; padding: 15px 20px;text-align: center;} 

.produktItem {width: 136px; padding: 15px; background: url(../../images/olympia/product-topminiR.png) center top no-repeat; height: 155px; margin: 0 0 15px 0; overflow: hidden; text-align: center;}
.produktItem h3 {font-size: 100%; text-decoration: none; white-space: nowrap; width: 136px; overflow: hidden; margin: 0 auto; padding: 0;}

table.detailProdukt {width: 100%; padding:0;margin:10px 0; float: left;}
table.detailProdukt td {padding:0;margin:0;} 
table.detailProdukt td.firstTd {width: 50%; text-align: center;}
.firstPrice, .function {font-size: 120%; font-weight:bold; color: #565656; margin: 0 0 10px 0;}
.secondPrice {text-decoration: line-through;margin: 10px 0 0 0;}
table.detailProdukt .nakup {display: none;}
table.detailProdukt form {padding: 0; margin: 0 0 0 15px;}
.downloadFiles {background: #efefed; padding: 5px; margin: 10px 0 0 0; text-align: center;}
.perex, .productText {padding: 15px;}
.supplier-note, .category_note {padding: 0 15px 15px 15px;}


.filters {display: block; float: left; text-align: left; background: #f2f0f1; width: 600px; padding: 10px 0 10px 15px; margin: 0 0 5px 0; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pagination {text-align: right; padding-right: 15px; }
.pagination a {color: #565656; padding: 1px; margin: 0 2px 0 0;} 
.pagination .current {font-weight: bold; color: #00a423;}
.pagination a:hover {background: #ffffff;}

.filters table, .filters form {width: 100%; float: left;}
.filters table td.second {text-align: right;}

.iEE {width:100%;}
.iEE select {width: 160px; float: left; margin-right: 15px; padding:1px 2px; margin-bottom:3px; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.iEE label {width: 125px; float:left; margin-bottom:3px; padding:1px 0;}
.iEE a {float:right;padding: 0 15px;}
.orderby {position:absolute; color:#fff; top:0;right:24px;line-height:43px;}
.orderby label {color:#fff; }
.orderby select {padding:1px 2px; border: 1px solid #828282; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.iEE input {float:right; margin-right: 15px;}

.perexInner {padding: 5px 15px;}
.textInner {padding: 5px 15px 15px 15px;}
.innerWrapperIn {background: url(../../images/olympia/o-inner.jpg) center top no-repeat; width: 100%; float: left;}

.form {padding: 5px 15px;}
.form input {width: 200px;}
.form #textmess {width: 400px;}
.form p {padding:0;margin:0;}


#secondPanel .ovalItem, #thirdPanel .ovalItem {padding:5px; margin: 0 0 5px 0;background: url(../../images/olympia/top-boxmini.png) left top no-repeat;}
#secondPanel .ovalItem h2, #thirdPanel .ovalItem h2 {text-align: center;}
#kosik-prihlaseni, #registry, #registry input {text-align: center;}
.prihlasit-se {text-align: center; margin: 0 auto;}
#prihlasit .prihlasit-se {text-align: left;} 

#registry .prihlaseni-label input {width: 100px;}
.prejit-objednavka a span {display: none;}
.prejit-objednavka a {background: url(../../images/olympia/prejit-do-kosiku.png) left top no-repeat; display: block; margin:0 auto; width: 110px; height: 28px;}
.prejit-objednavka a:hover {background: url(../../images/olympia/prejit-do-kosiku.png) -111px top no-repeat;}
.zapomneli-jste-heslo {font-size: 80%; line-height: 1em;}

.homeWrapper {margin: 5px 0 0 0; float: left; width: 100%;}


.formError {background: red; color: #ffffff; padding: 1px;}


table th, table td {text-align: left;}
table .cena {text-align: right; white-space: nowrap;}
table .text-center {text-align: center;}

.basket {float: left; width: 100%; }
.basketIn {padding: 15px;}
.basket table {width: 100%;}
.basket table th {background: #e8e8e6;}
.basket table th, .basket table td {padding: 5px; border-bottom: 1px solid #565656;}
.basket input {text-align: center;}

.poznamka {width: 100%;}

a.buttonOK, a.buttonOK:hover, input.buttonOK {padding: 0; cursor: pointer; font-weight: bold; text-decoration: none; color: #ffffff; background: url(../../images/olympia/background-menu-green.png) left top no-repeat; height: 33px; line-height: 33px; border: 0px; float: left; display: block; margin: 10px 0; width: 166px; text-align: center;}
input.buttonOK {} 

.itemWrap { float: left; width: 100%;}
.itemIn {padding: 15px;}

.registryForm .bloky {margin: 0 0 15px 0;}

/*dostylovat*/
.neviditelny, .navigace, #find, .date, .adminButtons, .prihlasen-neprihlasen {display: none;}





/* LIGHTBOX */
#lightbox {	background-color:#eee;	padding: 10px;	border-bottom: 2px solid #666;	border-right: 2px solid #666;	}
#lightboxDetails{	font-size: 0.8em;	padding-top: 0.4em;	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(/images/overlay.png); }
* html #overlay{	background-color: #333;	background-color: transparent;	background-image: url(/images/blank.gif);	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");	}
/* /LIGHTBOX */














.velky-banner img {width: 618px;}
.maly-banner {padding:5px; text-align: center; margin: 0 0 5px 0;background: url(../../images/olympia/top-boxmini.png) left top no-repeat;}
.maly-banner img {width: 166px; margin: 0 auto;}


.dalsi-obrazky-detail {padding: 15px;}
.dalsi-obrazky-detail div {float: left; margin: 0 5px 0 0;}




.noproducts {padding: 20px; float:left; }