/**************************** 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: 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: 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; padding-top: 0; 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: 230px}
#containerHeader .menu span.since {background: 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: #1df800}

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

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

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

/************************ ABOUT US **********************/
#containerBodyMovies {width: 880px; height: 570px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat; margin-top: -2px}
#containerBodyMovies .columnMiddleMovies {width: 860px; height: 550px; padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}

/************************ ABOUT US **********************/
#links {width: 835px; font-size: 12px; color: #000000; margin-left: 20px; margin-top: 10px}
#links .link {width: 417px; height: 25px; text-align: left; float: left}
#links .link a {text-decoration: none; color: #000000}
#links .link a:hover {text-decoration: underline}

/************************ ABOUT US **********************/
#containerBodyAboutUs {width: 880px; height: 470px; padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat; margin-top: -2px}
#containerBodyAboutUs .columnMiddleAboutUs {width: 860px; height: 450px; padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}

/************************ ARTICLE **********************/
#containerBodyArticle {width: 880px; /*height: 370px; */padding: 10px 10px 2px 10px; background: url(images/web/containerBodyBG.png) top; background-repeat: no-repeat; margin-top: -2px; color: #747473; font-size: 12px}
#containerBodyArticle .columnMiddleArticle {width: 860px; /*height: 350px; */padding: 10px 10px 10px 15px; background: url(images/web/columnMiddleBodyBG.png) top; background-repeat: no-repeat; margin-left: -3px}
#containerBodyArticle h2 {font-size: 17px; color: #31bc1f; text-align: left; font-weight: bold}
#containerBodyArticle h3 {font-size: 12px; color: #31bc1f; text-align: left; font-weight: bold}

/************************ GALLERY **********************/
#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: -2px}

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

#containerFooter_ourService {width: 880px; height: 25px; background: url(images/web/containerFooterBG.png) top center; background-repeat: no-repeat; font-size: 13px; color: #FFFFFF; font-weight: bold; margin-top: 25px; padding-top: 7px}

/************** ABOUT US ****************/
.aboutUs .bodyLeft {width: 410px; height: 377px; float: left; margin-right: 15px; font-size: 12px; color: #747473; text-align: justify}
.aboutUs .bodyLeft h1 {font-size: 17px; color: #31bc1f; text-align: left; font-weight: bold; margin-top: -1px; margin-bottom: 0; padding-bottom: 0}
.aboutUs .bodyLeft h2 {font-size: 17px; color: #31bc1f; text-align: left; font-weight: bold}
.aboutUs .bodyLeft h3 {font-size: 12px; color: #31bc1f; text-align: left; font-weight: bold}
.aboutUs .bodyLeft a {text-decoration: none; color: #800080}
.aboutUs .bodyLeft a:hover {text-decoration: underline}

.aboutUs .bodyRight {width: 410px; height: 377px; float: left; margin-right: 15px; font-size: 12px; color: #747473; text-align: justify}

.aboutUs .images {width: 854px; float: none}
.aboutUs .image {width: 90px; height: 64px; float: left; /*margin-right: 5.2px; background: #666666;*/ padding: 2px; background: url(images/web/aboutUs_foto_mainBorder.png); margin-top: 15px}
.aboutUs .imageIn {height: 55px; width: 81px; margin-top: 5px; 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}

/************** OUR SERVICE ****************/
.ourService .body {width: 100%; height: 100%; margin-right: 15px; font-size: 12px; color: #000000; text-align: justify}
.ourService .body h2 {font-size: 17px; color: #19525e; text-align: left; font-weight: bold}
.ourService .space {height: 50px; float: none; width: 500px}
.ourService .product {float: left; width: 410px; height: 120px; display: block}
.ourService .product .image {width: 122px; height: 93px; background: url(images/web/ourService_Image_mainBG.png); padding-top: 10px; padding-left: 10px; float: left; margin-right: 10px; margin-bottom: 10px}
.ourService .product .image img {width: 111px; height: 82px}
.ourService .product .text {float: left; width: 245px; height: 93px; text-align: justify; font-size: 12px; color: #557f88}
.ourService .product .text h2 {font-size: 13px; color: #19525e; font-weight: bold}
.ourService .product .text a {text-decoration: none; font-weight: bold; color: #285d69}
.ourService .product .text a:hover {text-decoration: underline; font-weight: bold}

/************** CONTACTS ****************/
.contacts .body {width: 100%; height: 100%; margin-right: 15px; margin-top: 5px; font-size: 12px; color: #447c8c; text-align: justify}
.contacts .body h2 {font-size: 15px; color: #19525e; text-align: left; font-weight: bold}
.contacts .body h3 {font-size: 13px; font-weight: bold; color: #19525e; padding-top: 25px}
.contacts .body .leftBox {float: left; width: 640px; height: 319px; margin-right: 5px}
.contacts .body .rightBox a {text-decoration: none; font-weight: bold; color: #77b1f8}
.contacts .body .rightBox a:hover {text-decoration: underline}
.contacts .body .rightBox {float: left; width: 190px; height: 304px; background: url(images/web/contactRightBoxBG.png); padding: 5px 10px 10px 10px}
.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: #076407; width: 85px}
#gallery table.gallery th h3 a:hover {text-decoration: underline}
 
/************** FOTOGALERIE ****************/
.galleryHeader {width: 826px; height: 30px; margin: 5px 0 5px 10px; background: #86C02A; color: #000000}
.galleryHeader .galleryName {width: 432px; font-size: 12px; color: #000000; font-weight: bold; float: left; text-align: left; padding: 7px; height: 16px}
.galleryHeader .galleryTip {width: 366px; font-size: 13px; color: #000000; float: left; text-align: right; padding: 6px; height: 16px}

.galleryPhotosHeader {width: 826px; height: 30px; margin: 5px 0 20px 10px; background: #86C02A; color: #000000}
.galleryPhotosHeader .galleryName {width: 432px; font-size: 12px; color: #000000; font-weight: bold; float: left; text-align: left; padding: 7px; height: 16px}
.galleryPhotosHeader .galleryTip {width: 366px; font-size: 13px; color: #000000; 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: #000000; padding: 7px; ?padding: 7px 7px 0 7px; height: 16px}
.columnMiddleGallery .pager td a {text-decoration: none; background: #36A3BC; color: #000000; 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: #076407; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

.columnMiddleGallery .pagerGallery {width: 826px; margin-left: 10px; margin-top: 15px; background: #86C02A}
.columnMiddleGallery .pagerGallery td {font-size: 12px; font-weight: bold; color: #000000; padding: 7px; height: 16px}
.columnMiddleGallery .pagerGallery td a {text-decoration: none; background: #2D7CE1; color: #000000; 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: #076407; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none}

/************** FOTOGALERIE - STRANKOVANI *************/
.pager {width: 100%; height: 30px; ?margin-top: 20px; background-color: #86C02A; 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: #86C02A;
 color: #000000;
 margin: 4px 0 0 0 ;
 border: 1px solid #000000;
 font-size: 10px;
 font-family: Verdana;
}

/*************************************** MENU ***************************************************/
#mainMenu {width: 100%; height: 30px; text-align: center; background: url(images/web/menuBG.png); background-repeat: repeat; font-size: 12px; color: #FFFFFF; list-style-type: none}
#mainMenu ul li {float: left; background: url(/images/web/bg-menu_ul_li_a.png) no-repeat right; padding-right: 10px; margin-right: 10px}
#mainMenu ul li a {color: #FFFFFF; text-decoration: none}
#mainMenu ul ul {width: 200px; z-index: 10; margin-top: 5px}
#mainMenu ul ul li {background: none; margin: 0; padding: 0}
#mainMenu ul ul li a {padding: 5px;	margin: 0}
#mainMenu ul ul li a:hover {padding: 5px; margin: 0}
/*#mainMenu ul li a:hover {text-decoration: underline}*/

div#mainMenu ul, #mainMenu ul ul, div#mainMenu ul ul ul {margin:0; padding:0}
div#mainMenu ul ul, div#mainMenu ul ul ul, div#mainMenu ul li:hover ul ul, div#mainMenu ul li:hover ul ul ul {/*display: none; */behavior: url(csshover.htc)}
div#mainMenu ul li:hover ul, div#mainMenu ul ul li:hover ul, div#mainMenu ul ul ul li:hover ul {display: block}