body {background-color: #000; background-image: url('/webs/lazerhelmets/images/bg4.gif'); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
a img {border: none;}
a {outline: none;}
table {font-size: 100%;}
#main {width: 824px; margin: 0 auto; text-align: left;}
#head {height: 147px; width: 824px; position: relative; margin: 0; padding: 0; display: block;}
#head a {display: block; width: 254px; height: 82px; position: absolute; left: 17px; top: 37px;}
#head a span {display: none;}

.page1 {background-image: url('/webs/lazerhelmets/images/header1.jpg');}
.page2 {background-image: url('/webs/lazerhelmets/images/header2.jpg');}
.page3 {background-image: url('/webs/lazerhelmets/images/header3.jpg');}
.page4 {background-image: url('/webs/lazerhelmets/images/header4.jpg');}
.page5 {background-image: url('/webs/lazerhelmets/images/header1.jpg');}
.page6 {background-image: url('/webs/lazerhelmets/images/header6.jpg');}

#head.page1 a {background-image: url('/webs/lazerhelmets/images/logo1.gif'); background-repeat: no-repeat;}
#head.page2 a {background-image: url('/webs/lazerhelmets/images/logo2.gif'); background-repeat: no-repeat;}
#head.page3 a {background-image: url('/webs/lazerhelmets/images/logo3.gif'); background-repeat: no-repeat;}
#head.page4 a {background-image: url('/webs/lazerhelmets/images/logo4.gif'); background-repeat: no-repeat;}
#head.page5 a {background-image: url('/webs/lazerhelmets/images/logo1.gif'); background-repeat: no-repeat;}
#head.page6 a {background-image: url('/webs/lazerhelmets/images/logo3.gif'); background-repeat: no-repeat;}

#lista {height: 25px; color: #FFF; font-size: 11px; line-height: 25px;}
#lista a {color: #FFF; text-decoration: none;}
#lista a:hover {color: #FFF; text-decoration: underline;}

#bgmenu {background-color: #DCDCDC; background-image: url('/webs/lazerhelmets/images/bgmenu.gif'); background-repeat: no-repeat; width:824px; height:62px; }
#menu ul {margin: 0; padding: 7px 0 0 10px; list-style-type: none; float: left; position: relative;}
#menu ul li {float: left;}
#menu ul li a {display: block; background-repeat: no-repeat; background-position: 0 0; height: 26px;}
#menu ul li a span {display: none;}
#menu ul li a:hover, #menu ul li a.sel {background-position: 0 -26px;}
#menu ul li#m1 a {background-image: url('/webs/lazerhelmets/images/menu1.gif'); width: 50px; height: 26px;}
#menu ul li#m2 a {background-image: url('/webs/lazerhelmets/images/menu2.gif'); width: 70px; height: 26px;}
#menu ul li#m3 a {background-image: url('/webs/lazerhelmets/images/menu3.gif'); width: 93px; height: 26px;}
#menu ul li#m4 a {background-image: url('/webs/lazerhelmets/images/menu4.gif'); width: 86px; height: 26px;}
#menu ul li#m5 a {background-image: url('/webs/lazerhelmets/images/menu5.gif'); width: 54px; height: 26px;}
#menu ul li#m6 a {background-image: url('/webs/lazerhelmets/images/menu6.gif'); width: 69px; height: 26px;}
#menu ul li#m7 a {background-image: url('/webs/lazerhelmets/images/menu7.gif'); width: 120px; height: 26px;}
#menu ul li#m8 a {background-image: url('/webs/lazerhelmets/images/menu8.gif'); width: 69px; height: 26px;}
#menu ul li#m9 a {background-image: url('/webs/lazerhelmets/images/menu9.gif'); width: 113px; height: 26px;}

#boxObrazek {background-image: url('/webs/lazerhelmets/images/pruh.gif'); width: 824px; padding-top: 16px;}
#boxObrazek p {margin: 0; padding: 0;}

p {padding: 5px 22px 5px 22px; margin: 0;}
h1, h2, h3, h4, h5 {padding: 5px 22px 10px 22px; margin: 0;}


h1 { font-size: 16px; color: #000000;}
.hr {background-image: url('/webs/lazerhelmets/images/cara.gif'); background-position: left left; width: 525px; height: 3px; background-repeat: no-repeat; }
.hr hr {display: none;}

#content { margin: auto; padding: auto; width:824px; text-align: left; background-color: #ccc;}
#title {background-image: url('/webs/lazerhelmets/images/bg3.gif'); background-repeat: repeat-y; background-position: 0 0;}

#bgobsah {position: absolute; left: 0; bottom: 0;}

#obsah { margin: 0; font-size: 11px; width: 824px; background-image: url('/webs/lazerhelmets/images/bg2.gif'); color: #666666; background-repeat: repeat-x; min-height: 500px; _height: 500px; position: relative;}
#obsah h1 { font-size: 16px; color: #000000; background-image: url('/webs/lazerhelmets/images/sipky2.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 44px; padding-top: 12px;}
#obsah h2 { font-size: 16px; color: #000000;}
#obsah h3, h4, h5 { font-size: 12px;}
#obsah p {padding: 5px 22px 5px 22px; margin: 0;}
#obsah a, #obsah a:visited, #obsah a:active, #obsah a:hover {color: #666666; text-decoration: underline;}
#obsah table {color: #666666;}

.link, .link:active, .link:visited, .link:hover {color: #000000; text-decoration: underline;}

table#prislusenstvi td {padding-left:5px; margin-left:0px; padding-right:5px; margin-right:5px;}

#boxLevy { margin: 0; font-size: 11px; float:left; width: 578px; height: 416px; background-image: url('/webs/lazerhelmets/images/bglevy.gif'); background-repeat: repeat-x; position: relative; background-color: #CCCCCC; z-index: 99; padding-top: 20px;}
#boxLevy h2 { font-size: 16px; color: #EE1D25; background-image: url('/webs/lazerhelmets/images/sipky3.gif'); background-repeat: no-repeat; background-position: right center;}
#boxLevy a, a:hover {color: #CCCCCC; text-decoration: underline;}

#boxPravy { margin: 0; float:right; width: 246px; font-size: 10px; color: #fff; background-image: url('/webs/lazerhelmets/images/bgpravy.gif'); height: 416px; background-repeat: repeat-x; position: relative; background-color: #6A6969;}
#boxPravy h3 { background-image: url('/webs/lazerhelmets/images/sipky.gif'); background-repeat: no-repeat; background-position: right center; color: #B81919; font-size: 10px;}
#boxPravy p { padding: 5px 22px 25px 22px; margin: 0;}
#boxPravy a, a:hover {color: #fff; text-decoration: underline;}

#pozadi_1 {position: absolute; left: 0; top: 0;}
#pozadi_2 {position: absolute; left: 0; top: 0;}
/* #pozadi_3 {position: absolute; left: 0; bottom: 0;} */
#pozadi_4 {position: absolute; left: 0; bottom: 0;}
#pozadi_5 {position: absolute; right: 0; bottom: 0; z-index: 0;}

#footer {clear: both; margin:auto; font-size: 10px; padding: auto; height: 22px; width:824px; color: #7A7A7A; background-color: #FFF; position: relative; line-height: 22px;}
#footer div.left {float: left; padding-left: 14px; }
#footer div.right {float: right; padding-right: 110px; position: relative; z-index: 99;}
#footer a {text-decoration: none; color: #7A7A7A;}
#footer a:hover {text-decoration: underline;}
#helmaPaticka1 {position: absolute; right: 0; top: -76px; background-image: url('/webs/lazerhelmets/images/helmapaticka1.gif'); height: 98px; width: 246px; z-index: 0;}
#helmaPaticka2 {position: absolute; right: 8px; top: -78px; background-image: url('/webs/lazerhelmets/images/helmapaticka2.gif'); height: 98px; width: 101px;}
#helmaPaticka3 {position: absolute; right: 8px; top: -78px; background-image: url('/webs/lazerhelmets/images/helmapaticka3.gif'); height: 98px; width: 101px;}


.page1 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu1.gif'); width: 83px; height: 91px; position: absolute; right: 4px; top: 118px; z-index: 99;}
.page2 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu2.gif'); width: 83px; height: 91px; position: absolute; right: 4px; top: 118px; z-index: 99;}
.page3 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu3.gif'); width: 83px; height: 91px; position: absolute; right: 4px; top: 118px; z-index: 99;}
.page4 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu4.gif'); width: 83px; height: 91px; position: absolute; right: 4px; top: 118px; z-index: 99;}
.page5 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu1.gif'); width: 83px; height: 91px; position: absolute; right: 4px; top: 118px; z-index: 99;}
.page6 #helmaMenu {background-image: url('/webs/lazerhelmets/images/helmamenu6.gif'); width: 83px; height: 91px; position: absolute; right: 5px; top: 118px; z-index: 99;}
.zar {clear: both; font-size: 0 !important; line-height: 0 !important; height: 1px; background-color: #FFF;}

.plexi-thumbnail-outer {width: 150px; height: 150px; display: block; float: left; overflow: hidden; background-image: url('/webs/lazerhelmets/images/plexi-thumbnail-bck.gif');}
.plexi-thumbnail-inner {padding: 1px; text-align: center;}
.plexi-thumbnail-inner h4 {font-size: 10px; font-weight: normal;}
.homologation-text {font-size: 20px; margin-bottom: 10px; color: #ff0000;}
.card-pricelist, .card-pictograms {display: block; float: right; width: 350px;}

.card-pricelist table {margin-left: 20px; margin-bottom: 20px; border-collapse: collapse;}
.card-pricelist table th {text-align: left;}
.card-pricelist table th, .card-pricelist table td {padding: 3px;}
.card-pricelist table tr.even td {background-color: #dfdfdf;}

#table-pricelist {width: 535px; border-collapse: collapse;}
#table-pricelist td {padding: 5px; background: url('/webs/lazerhelmets_new/images/table-pricelist-td-bck.gif') bottom left repeat-x;}
#table-pricelist th.right {text-align: right;}
#table-pricelist th {padding: 5px; text-align: left;}
#table-pricelist tr.product-name td {color: #ff0000; font-weight: bold; font-size: 15px; background-image: none;}
#table-pricelist td.price {text-align: right; font-weight: bold;}
#table-accessories {width: 535px; border-collapse: collapse;}
#table-accessories td {padding: 5px;}
#table-accessories td.price {text-align: right; font-weight: bold;}
.odd td {background-color: rgb(191,191,191);}
.even td {background-color: rgb(242,242,242);}


.helmet-index-thumbnail {display: block; width: 265px; height: 160px; float: left; overflow: hidden;}
.helmet-index-thumbnail .photo {display: block; width: 130px; padding-left: 0px; text-align: right; overflow: hidden; float: left;}
.helmet-index-thumbnail .text {display: block; width: 130px; overflow: hidden; float: right;}
.helmet-index-thumbnail .text h2 {margin: 0px !important;}
.helmet-index-thumbnail .text h4 {margin: 0px !important; padding: 0px !important; font-size: 10px;  color: #ff0000;}
.helmet-index-thumbnail .text ul {margin-top: 5px !important;}
.helmet-index-thumbnail .text ul li {line-height: 15px;}
.helmet-index-thumbnail .action-text {display: block; width: 130px; height: 160px; overflow: hidden; float: right; position: relative;}
.helmet-index-thumbnail .action-text h2 {margin: 0px !important; padding: 0px !important;}
.helmet-index-thumbnail .action-text h4 {position: absolute; right: 0px; bottom: 10px; display: block; text-align: right; width: 150px; margin: 5px 0px 0px 0px !important; padding: 0px !important; font-size: 18px; font-weight: normal;  color: #ff0000;}
.helmet-index-thumbnail .action-text p {padding: 0px; margin: 0px;}

.helmet-index-section-header {color: #ff0000 !important; font-size: 20px !important; margin-left: 22px; font-weight: normal;}
.helmet-index-delimiter {clear: both;}

.perex-01 {margin-left: 30px; clear: both;}
.perex-01 h2 {margin-left: 0px !important; padding-left: 0px !important;}
.perex-01-image {float: left; margin-right: 5px;}
.perex-01-text {float: left; width: 400px; padding: 7px;}
.news-box-01 {display: block; width: 400px; height: 300px; float: left;}
.news-box-02 {display: block; width: 430px; height: 300px; float: right;}

#helmy td ul li{padding-bottom: 0px; }
#helmy td ul {padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
#helmy tr {padding-top: 0px; padding-bottom: 0px; margin: 0;}
#helmy td {text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; margin: 0;}
#helmy td h2 {text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; margin: 0;}


a#back {color: #ff0000;}