/**************************** GLOBAL SETTINGS *********************/
img {border: none}
body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000000}
form {margin-top: 0}
#containerHeader {width: 100%; height: 352px}
#containerHeader .header {width: 100%; height: 120px; background: url(images/web/mainHeader.png); background-repeat: repeat-x}
#containerHeader .headerImage {height: 27px; background: url(images/web/mainHeaderImage.png); background-repeat: repeat-x}
table.headerLinks {height: 27px; width: 1000px}
#containerHeader .mainLogo {width: 100%; height: 173px; background: url(images/web/mainLogo.png); background-repeat: no-repeat; background-position: center}
#containerHeader .mainLogo h1 {display: none}

#containerHeader .menu {width: 100%; height: 30px; text-align: center; background: url(images/web/menuBG.png); background-repeat: repeat}
#containerHeader .menu span {height: 20px; float: left; padding-left: 10px; padding-right: 10px; background: url(images/web/menu_ul_li_a.png) right; background-repeat: no-repeat}
#containerHeader .menu span.last {background: none; padding-right: 0}
#containerHeader .menu span.space {background: none; width: 100px; display: none}
#containerHeader .menu span.since {background: none; display: none}
#containerHeader .menu span h2 {font-size: 12px; color: #FFFFFF; margin-top: 5px}
#containerHeader .menu span h2 a {color: #FFFFFF; text-decoration: none}
#containerHeader .menu span h2 a:hover {text-decoration: none; color: #0099CC}

#container_advertise {width: 900px; height: 70px; background: }

table.menuTable {width: 1020px/*width: 700px*/; height: 30px}

#containerBody {width: 880px; height: 340px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat}
#containerBody .columnMiddle {width: 860px; height: 320px; padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}

/********* advertising ********/
#containerBodyAdvertising {width: 880px; height: 540px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat}
#containerBodyAdvertising .columnMiddleAdvertising {width: 860px; height: 620px; ?height: 670px; padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}
#containerFooterAdvertising {width: 880px; height: 32px; background: url(images/web/containerFooterBG.png) top center; background-repeat: no-repeat; margin-left: -2x; margin-top: 100px; ?margin-top: 150px}
#containerCopyRightAdvertising {width: 880px; height: 20px; margin-top: 310px; ?margin-top: 360px; margin-bottom: 50px; text-align: center; font-size: 9px; color: #808080}

/************* gallery ************/
#containerBodyGallery {width: 880px; ?width: 900px; height: 390px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat}
#containerBodyGallery .columnMiddleGallery {width: 860px; ?width: 880px; height: 370px; padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}

#containerFooter {width: 880px; height: 32px; background: url(images/web/containerFooterBG.png) top center; background-repeat: no-repeat; margin-left: -2x}
#containerCopyRight {width: 880px; height: 20px; margin-top: 10px; margin-bottom: 50px; text-align: center; font-size: 9px; color: #808080}

/************** ABOUT US ****************/
.aboutUs .body {width: 425px; height: 100%; float: left; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify}
.aboutUs .body h2 {font-size: 17px; color: #000000; text-align: left; margin-top: 2px}
.aboutUs .body a {text-decoration: none; font-weight: bold; font-size: 12px; color: #155def; font-style: italic}
.aboutUs .body a:hover {text-decoration: underline}

.aboutUs .flash {width: 388px; height: 320px; float: left; background: #666666; padding: 0 10px 0 10px}
.aboutUs .flashIn {height: 300px; margin-top: 10px; background: #333333; text-align: center; font-size: 12px; color: #A7A7A7}
.aboutUs .flashIn span {width: 100%; position: relative; top: 140px}
.aboutUs .flashIn .flashAnimation {width: 312px; height: 238px; position: relative; top: 31px; left: 40px; ?left: 0}

/************** LED TECHNICS ****************/
.ledTechnics .body {width: 100%; height: 100%; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify; margin-top: -7px}
.ledTechnics .body .leftBox p {*margin-bottom: 0}
.ledTechnics .body .rightBox p {*margin-bottom: 0; *margin-top: 13px}
.ledTechnics .body h2 {font-size: 17px; color: #000000; text-align: left; margin-top: 10px; *margin-bottom: -18px}
.ledTechnics .body .leftBox {font-size: 12px; color: #000000; text-align: justify; float: left; width: 410px; margin-right: 20px}
.ledTechnics .body .leftBox h2 {font-size: 18px; color: #000000; text-align: left; padding-bottom: 10px}
.ledTechnics .body .leftBox h3 {font-size: 14px; color: #000000; text-align: left}
.ledTechnics .body .leftBox a {color: #155def; text-decoration: none; font-weight: bold}
.ledTechnics .body .leftBox a:hover {color: #155def; text-decoration: underline}
.ledTechnics .body .rightBox {font-size: 12px; color: #000000; text-align: justify; float: left; width: 410px}

/************** REKLAMNI VYSILANI ****************/
.advertising .body {width: 100%; height: 100%; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify}
.advertising .body h2 {font-size: 17px; color: #000000; text-align: left; margin-top: 3px}

.advertising .body .leftBox {font-size: 12px; color: #000000; text-align: justify; float: left; width: 410px; margin-right: 20px; margin-top: 1px}
.advertising .body .leftBox h2 {font-size: 18px; color: #000000; text-align: left; padding-bottom: 10px}
.advertising .body .leftBox h3 {font-size: 14px; color: #000000; text-align: left}
.advertising .body .leftBox a {color: #155def; text-decoration: none; font-weight: bold}
.advertising .body .leftBox a:hover {color: #155def; text-decoration: underline}
.advertising .body .rightBox {font-size: 12px; color: #000000; text-align: justify; float: left; width: 410px}
.advertising .body .rightBox h2 {margin-top: 4px; padding-bottom: 10px}
.advertising .body .rightBox a {color: #155def; text-decoration: none; font-weight: bold}
.advertising .body .rightBox a:hover {color: #155def; text-decoration: underline}

/************** KONTAKT ****************/
.contacts .body {width: 100%; height: 100%; margin-right: 15px; margin-top: 1px; font-size: 12px; color: #000000; text-align: justify}
.contacts .body h2 {font-size: 15px; color: #000000; text-align: left}
.contacts .body h3 {font-size: 13px; font-weight: bold; color: #000000; padding-top: 25px}
.contacts .body .leftBox {float: left; width: 640px; height: 319px; margin-right: 5px}
.contacts .body .rightBox {float: left; width: 190px; height: 304px; background: url(images/web/contactRightBoxBG.png); padding: 5px 10px 10px 10px}
.contacts .body .rightBox a {text-decoration: none; font-weight: bold; color: #155def}
.contacts .body .rightBox a:hover {text-decoration: underline}
.contacts .body p {margin: 0; padding: 0}
.contacts .body p.link {margin-top: 5px; margin-bottom: 5px}

/************** FACTORY ****************/
.factory .body {width: 852px; height: 321px; margin-right: 15px; margin-top: 1px; font-size: 12px; color: #000000; text-align: justify; background: url(images/web/factory.png); background-repeat: no-repeat}

/************** ADVERTISING TABLE ****************/
.advertisingTable .body {width: 852px; height: 321px; margin-right: 15px; margin-top: 1px; font-size: 12px; color: #000000; text-align: justify; background: url(images/web/advertisngTable.png); background-repeat: no-repeat}

/************** FOTOGALERIE - hlavni galerie **************/
#gallery {width: 125px; height: 120px; float: left; margin: 12px 12px 0 0; ?margin: 6px 6px 0 0}
#gallery h3 {?margin-top: 20px}
#gallery table.gallery {height: 130px; width: 121px}
#gallery table.gallery td {width: 91px; height: 115px; background: url(./images/web/gallery_icon.png) no-repeat; text-align: center; padding-left: 15px; padding-right: 15px}
#gallery table.gallery td h3 a {text-decoration: none; font-size: 12px; color: #0060f2}
#gallery table.gallery th h3 a:hover {text-decoration: underline}
 
/************** FOTOGALERIE ****************/
.galleryHeader {width: 826px; height: 30px; margin: 5px 0 5px 10px; background: #333333; color: #FFFFFF}
.galleryHeader .galleryName {width: 432px; font-size: 12px; color: #FFFFFF; font-weight: bold; float: left; text-align: left; padding: 7px; height: 16px}
.galleryHeader .galleryTip {width: 366px; font-size: 13px; color: #FFFFFF; float: left; text-align: right; padding: 6px; height: 16px}

.galleryPhotosHeader {width: 826px; height: 30px; margin: 5px 0 20px 10px; background: #333333; color: #FFFFFF}
.galleryPhotosHeader .galleryName {width: 432px; font-size: 12px; color: #FFFFFF; font-weight: bold; float: left; text-align: left; padding: 7px; height: 16px}
.galleryPhotosHeader .galleryTip {width: 366px; font-size: 13px; color: #FFFFFF; float: left; text-align: right; padding: 6px; height: 16px}

.gallery {height: 265px; width: 830px; margin-left: 10px}
.gallery .body {width: 100%; height: 100%; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify; /*margin-top: -10px;*/ padding-left: 4px}
.gallery .body h2 {font-size: 17px; color: #000000; text-align: left}
.gallery .body .image {width: 160px; height: 120px; text-align: center; float: left; margin-right: 5px; margin-bottom: 5px/*; background: #656469; padding-top: 10px*/}

/*.gallery {height: 265px; width: 830px; margin-left: 10px}
.gallery .body {width: 100%; height: 100%; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify; padding-top: 10px; padding-left: 4px}
.gallery .body h2 {font-size: 17px; color: #000000; text-align: left}
.gallery .body .image {width: 165px; height: 147px; float: left; margin-right: 10px; margin-bottom: 10px; background: #656469; padding-top: 10px}
.gallery .body .image img {margin: 0; padding: 0}
.gallery .body .image a {width: 160px; height: 137px; margin-left: 10px}
**/

.columnMiddleGallery .pager {width: 826px; margin-left: 10px}
.columnMiddleGallery .pager td {font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 7px; ?padding: 7px 7px 0 7px; height: 16px}
.columnMiddleGallery .pager td a {text-decoration: none; background: #2D7CE1; color: #FFFFFF; padding: 2px 5px}
.columnMiddleGallery .pager td #formular_pole {height: 16px; background: #FFFFFF; color: #000000; font-size: 12px; font-weight: bold; border: none; text-align: center}
.columnMiddleGallery .pager td #formular_tlacitko {height: 20px; background: #2D7CE1; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

.columnMiddleGallery .pagerGallery {width: 826px; margin-left: 10px; margin-top: 15px; background: #333333}
.columnMiddleGallery .pagerGallery td {font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 7px; height: 16px}
.columnMiddleGallery .pagerGallery td a {text-decoration: none; background: #2D7CE1; color: #FFFFFF; padding: 2px 5px}
.columnMiddleGallery .pagerGallery td #formular_pole {height: 16px; background: #FFFFFF; color: #000000; font-size: 12px; font-weight: bold; border: none; text-align: center; ?position: relative; ?top: 10px}
.columnMiddleGallery .pagerGallery td #formular_tlacitko {height: 20px; background: #2D7CE1; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

/************** FOTOGALERIE - STRANKOVANI *************/
.pager {width: 100%; height: 30px; ?margin-top: 20px; background-color: #333333; padding: 0}
.pager .buttonPrevious {float: left; width: 30px; height: 30px; margin-left: 300px}
.pager .buttonNext {float: left; width: 30px; height: 30px}
.pager .pages {float: left}
.pager .page {float: left; width: 30px; height: 25px; margin: 0 10px 0 10px; padding-top: 5px; font-size: 16px; color: #4f4f51; font-weight: bold}
.pager .page a {text-decoration: none; font-size: 16px; color: #4f4f51}
.pager .page a:hover {text-decoration: underline}
.pager .page .activePage {color: #CC0000}
.pager table {margin: 0}

/************** CENIK 1 *****************/
#cenik {width: 860px; padding-top: 9px; padding-left: 2px}
#cenik img {margin-right: 10px}

p.cenik {font-size: 12px; color: #000000; margin-top: 3px; margin-left: -5px}
p.cenik a {text-decoration: none; font-weight: bold; color: #0051f6}
p.cenik a:hover {text-decoration: underline}

.cenik1 {margin-bottom: 5px; width: 840px; height: 90px; border: 1px solid #FFFFFF; background-color: #0099FF; background: url(images/web/cenik1.png); background-repeat: no-repeat; margin-top: 9px; margin-right: 5px; padding-bottom: 0}
.cenik1 span {height: 80px; margin-top: 5px; }
.cenik1 .delka {width: 130px; float: left; font-size: 13px; color: #FFFFFF}
.cenik1 .hodnota {float: left; width: 105px}
.cenik1 .hodnota input {width: 80px; height: 27px; background: url(images/web/cenikInput.png); border: none; padding: 0 10px 0 0; margin: 0; text-align: right; color: #127df7; font-size: 18px}
.cenik1 .pocetOpakovani {width: 150px; float: left; font-size: 13px}
.cenik1 .opakovaniHodnota {width: 80px; float: left; font-size: 20px; font-weight: bold}
.cenik1 .vypocitej {width: 95px; float: left}
.cenik1 .vypocitej input {width: 90px; height: 27px; background: url(images/web/cenikButton.png); border: none; padding: 0; margin: 0}
.cenik1 .cenaMesic {width: 130px; float: left; font-size: 13px}
.cenik1 .cenaCelkem {width: 145px; font-size: 20px; font-weight: bold; float: left; text-align: right}

/************** CENIK 2 *****************/
.cenik2 {margin-bottom: 5px; width: 840px; height: 90px; border: 1px solid #FFFFFF; background-color: #0099FF; background: url(images/web/cenik2.png); background-repeat: no-repeat; ; margin-right: 5px}
.cenik2 span {height: 80px; margin-top: 5px; *margin-top: 0}
.cenik2 .delka {width: 130px; float: left; font-size: 13px; color: #FFFFFF}
.cenik2 .hodnota {float: left; width: 105px}
.cenik2 .hodnota input {width: 80px; height: 27px; background: url(images/web/cenikInput.png); border: none; padding: 0 10px 0 0; margin: 0; text-align: right; color: #127df7; font-size: 18px}
.cenik2 .pocetOpakovani {width: 150px; float: left; font-size: 13px}
.cenik2 .opakovaniHodnota {width: 80px; float: left; font-size: 20px; font-weight: bold}
.cenik2 .vypocitej {width: 95px; float: left}
.cenik2 .vypocitej input {width: 90px; height: 27px; background: url(images/web/cenikButton.png); border: none; padding: 0; margin: 0}
.cenik2 .cenaMesic {width: 130px; float: left; font-size: 13px}
.cenik2 .cenaCelkem {width: 145px; font-size: 20px; font-weight: bold; float: left; text-align: right}

/************** CENIK 3 *****************/
.cenik3 {margin-bottom: 5px; width: 840px; height: 90px; border: 1px solid #FFFFFF; background-color: #0099FF; background: url(images/web/cenik3.png); background-repeat: no-repeat; ; margin-right: 5px; padding-top:}
.cenik3 span {height: 80px; margin-top: 5px; *margin-top: 0}
.cenik3 .delka {width: 130px; float: left; font-size: 13px; color: #FFFFFF}
.cenik3 .hodnota {float: left; width: 105px}
.cenik3 .hodnota input {width: 80px; height: 27px; background: url(images/web/cenikInput.png); border: none; padding: 0 10px 0 0; margin: 0; text-align: right; color: #127df7; font-size: 18px}
.cenik3 .pocetOpakovani {width: 120px; float: left; font-size: 13px}
.cenik3 .opakovaniHodnota {width: 110px; float: left; font-size: 20px; font-weight: bold}
.cenik3 .opakovaniHodnota input {width: 80px; height: 27px; background: url(images/web/cenikInput.png); border: none; padding: 0 10px 0 0; margin: 0; text-align: right; color: #127df7; font-size: 18px}
.cenik3 .vypocitej {width: 95px; float: left}
.cenik3 .vypocitej input {width: 90px; height: 27px; background: url(images/web/cenikButton.png); border: none; padding: 0; margin: 0}
.cenik3 .cenaMesic {width: 130px; float: left; font-size: 13px}
.cenik3 .cenaCelkem {width: 145px; font-size: 20px; font-weight: bold; float: left; text-align: right}

/************** Popisky obrazku *******************/
#helper {
 visibility:hidden;
 position: absolute;
 padding: 10px;
 background-color: #333333;
 color: #FFFFFF;
 margin: 4px 0 0 0 ;
 border: 1px solid #000000;
 font-size: 10px;
 font-family: Verdana;
}