/**************************** GLOBAL SETTINGS *********************/
body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000000; background: url(images/web/mainBG.png); background-repeat: repeat-x}
img {border: none}

#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: 26px; 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: 30px; 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: 305px}
#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: #ff0000}

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

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

#containerBody {width: 880px; height: 340px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat; margin-top: -2px}
#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}

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

#containerFooter {width: 880px; height: 27px; background: url(images/web/containerFooterBG.png) top center; background-repeat: no-repeat; font-size: 13px; color: #FFFFFF; padding-top: 7px; font-weight: bold; margin-top: -2px}
#containerCopyRight {width: 880px; height: 20px; margin-top: 10px; margin-bottom: 50px; text-align: center; font-size: 9px; color: #808080}

/************** ABOUT US ****************/
.aboutUs .body {width: 404px; height: 100%; float: left; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify}
.aboutUs .body h2 {font-size: 17px; color: #b60000; text-align: left}
.aboutUs .body h3 {font-size: 13px; font-weight: bold; color: #b60000}
.aboutUs .body p {margin: 2px}

.aboutUs .image {width: 409px; height: 320px; float: left; background: #666666; padding: 0 10px 0 10px; background: url(images/web/aboutUs_foto_mainBorder.png)}
.aboutUs .imageIn {height: 300px; width: 399px; margin-top: 10px; background: #333333; text-align: center; font-size: 12px; color: #A7A7A7; background: url(images/web/aboutUs_foto_middleBorder.png)}
.aboutUs .imageIn img {width: 392px; height: 292px; margin-top: 4px}

/************** SOUND ****************/
.sound .body {width: 100%; height: 100%; margin-right: 15px; font-size: 14px; color: #410101; text-align: justify; font-family: verdana; background: url(images/web/soundImage.png); background-repeat: no-repeat; background-position: right; margin-top: -10px; *margin-top: 0}
.sound .body h2 {font-size: 17px; color: #b60000; text-align: left}
.sound .body h3 {font-size: 13px; font-weight: bold; color: #b60000}
.sound .body ul { list-style-type: none; margin-left: -40px; *margin-left: 0}
.sound .body .contact {font-size: 12px}


/************** APARATURE ****************/
.aparature .body {width: 854px; height: 100%; margin-right: 15px; font-size: 12px; color: #410101; text-align: justify}
.aparature .body h2 {font-size: 17px; color: #b60000; text-align: left}
.aparature .body .logos {width: 840px; height: 35px; background: url(images/web/aparature_logos.png); background-repeat: no-repeat; float: none; margin-top: 250px; *margin-top: 0; margin-left: 5px}
.aparature .product {float: left; width: 283px; height: 120px; display: block}
.aparature .product .image {width: 122px; height: 93px; background: url(images/web/aparature_Image_mainBG.png); padding-top: 10px; padding-left: 10px; float: left; margin-right: 5px; margin-bottom: 10px}
.aparature .product .image img {width: 111px; height: 82px}
.aparature .product .text {float: left; width: 135px; height: 93px; text-align: justify; font-size: 12px; color: #557f88}
.aparature .product .text h2 {font-size: 12px; color: #410101; font-weight: normal}
.aparature .product .text a {text-decoration: none; font-weight: bold; color: #285d69}
.aparature .product .text a:hover {text-decoration: underline; font-weight: bold}

/************** KONTAKT ****************/
.contacts .body {width: 100%; height: 100%; margin-right: 15px; margin-top: 2px; font-size: 12px; color: #000000; text-align: justify}
.contacts .body h2 {font-size: 15px; color: #b60000; text-align: left}
.contacts .body h3 {font-size: 13px; font-weight: bold; color: #b60000; 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: #6689b3}
.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}

/************** 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: 121px; height: 115px; background: url(../images/web/gallery_icon.png) no-repeat; text-align: center}
#gallery table.gallery td h3 {width: 85px; text-align: center; margin-left: 20px; ?margin: 0; ?position: relative; ?top: -10px}
#gallery table.gallery td h3 a {text-decoration: none; font-size: 12px; color: #F49B06; width: 85px}
#gallery table.gallery th h3 a:hover {text-decoration: underline}
 
/************** FOTOGALERIE ****************/
.galleryHeader {width: 826px; height: 30px; margin: 5px 0 5px 10px; background: #F49B06; 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: #F49B06; 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; 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 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: #CC8206; 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: #CC8206; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

.columnMiddleGallery .pagerGallery {width: 826px; margin-left: 10px; margin-top: 15px; background: #F49B06}
.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: -1px}
.columnMiddleGallery .pagerGallery td #formular_tlacitko {height: 20px; background: #CC8206; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

/************** FOTOGALERIE - STRANKOVANI *************/
.pager {width: 100%; height: 30px; ?margin-top: 20px; background-color: #F49B06; 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: #CC8206}
.pager .page a:hover {text-decoration: underline}
.pager .page .activePage {color: #CC0000}
.pager table {margin: 0}

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