/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }


/* GLOBALS */
html, body { height: 100%; }
body { background: url(img/bgnd_zima2010.jpg) repeat 0 0; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #58585a; }
input { font: 13px Arial, Helvetica, sans-serif; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 15px Arial, sans-serif; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff; border: 1px solid #b3aca6; font-size: 11px; line-height: 11px; height: 17px; padding: 5px 0 0 3px; }
.searchbox { padding: 0; width: 110px; height: 16px; border: none; background: none; margin: 0 7px 0 0; font-size: 12px; color: #d1e2ec; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }

.button { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; border: none; display: inline-block; cursor: pointer; }
.button a { font-size: 11px; background: url(img/btnBgnd.gif) no-repeat right top; border: none; padding: 4px 10px 5px 0; white-space: nowrap; display: inline-block; cursor: pointer; line-height: 14px; }
.button a:link, .button a:active, .button a:visited, .button a:hover { color: #ffffff; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #005193; }
a:hover { color: #000000; }

.menuTop a:link, .menuTop a:active, .menuTop a:visited, .subMenu a:link, .subMenu a:active, .subMenu a:visited { color: #ffffff; }
.menuTop a:hover, .subMenu a:hover { color: #bad4e3; }
.menuTop a.active, .subMenu a.active { color: #6d848f; }

a.linkBlack:link, a.linkBlack:active, a.linkBlack:visited { color: #000000; }
a.linkBlack:hover { color: #005193; }

a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited { color: #ffffff; }
a.linkWhite:hover { color: #d1e2ec; }

.pageContent a:link, .pageContent a:active, .pageContent a:visited { color: #ffffff; }
.pageContent a:hover { color: #d1e2ec; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 23px; }
.marginLeft2 { margin: 0 0 0 15px; }
.marginLeft3 { margin: 0 0 0 40px; }

.wrapper { width: 100%; height: 100%; }
.masterWrapper { height: 615px; background: url(img/masterBgnd.png) no-repeat center center; overflow: hidden; z-index: 1; }

.menuTopWrapper { width: 960px; height: 47px; margin: 14px auto 0 auto; background: url(img/menuTopBgnd.gif) repeat-x 0 0; position: relative; z-index: 100; }
.menuTop { width: 910px; margin: 0 auto 0 auto; }
.menuTop td { padding: 13px 0 0 20px; }
.menuTop td a { font: 13px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; white-space: nowrap; display: block; }
.menuTop .logo { width: 100%; padding: 13px 0 0 0; }

.homeMainWrapper { position: relative; width: 960px; height: 540px; margin: 0 auto; z-index: 2; }
.homePic { position: absolute; width: 960px; height: 540px; top: 0; left: 0; overflow: hidden; margin: 0; padding: 0; }
.homeText { position: absolute; width: 460px; height: 540px; top: 40px; left: 0; overflow: hidden; margin: 0; padding: 0; text-align: center; }
.homeTextTitle { padding: 0 0 25px 0; }
.homeNewsWrapper { position: absolute; width: 355px; height: 275px; background: url(img/newsBgnd.png) no-repeat 0 0; top: 180px; left: 50px; }
.homeNews { margin: 0 50px; padding: 0; list-style: none; }
.homeNews li { color: #777777; margin: 0 0 15px 0; line-height: 17px; }

.pageContent .news { margin: 0; padding: 0; list-style: none; }
.pageContent .news li { color: #999999; margin: 0 0 0 0; line-height: 17px; }

.subMenuWrapper { width: 960px; height: 40px; margin: 0 auto; background: url(img/submenuBgnd.gif) repeat-x 0 0; position: relative; }
.subMenu { margin: 0; padding: 11px 25px 0 25px; list-style: none; }
.subMenu li { display: inline; text-transform: uppercase; font: 13px "Trebuchet MS", Arial, sans-serif; padding: 0 0 0 25px; }
.subMenu .first { padding: 0; }

.mainWrapper { position: relative; width: 960px; height: 500px; margin: 0 auto; z-index: 1; overflow: hidden; }
.mainPic { position: absolute; width: 960px; height: 500px; top: 0; left: 0; overflow: hidden; margin: 0; padding: 0; z-index: 10; }
.mainBody { position: absolute; height: 500px; overflow: hidden; margin: 0; padding: 0; z-index: 999; }
.main { width: 100%; }
.main td { vertical-align: top; }
.oneThird { width: 320px; }

.pageContent { position: relative; width: 270px; height: 450px;  top: 25px; left: 25px; line-height: 18px; overflow: hidden; color: #d3d3d3; }
.pageContent h1 { font: 18px "Trebuchet MS", Arial, sans-serif; color: #ffffff; text-transform: uppercase; margin: 0 0 15px 0; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td p { margin: 0; }
.pageContent ul { margin: 12px 0 0 0; padding-left: 15px; }
.pageContent ul li { line-height : 18px; }
.pageContent .news { margin: 0 0 0 0; padding: 0; list-style: none; }
.pageContent .news li { color: #999999; margin: 0 0 15px 0; line-height: 17px; }

.pageContentGal { position: relative; left: 25px; width: 600px; height: 420px; line-height: 18px; overflow: hidden; color: #d3d3d3; }
.pageContentGal h1 { font: 18px "Trebuchet MS", Arial, sans-serif; color: #ffffff; text-transform: uppercase; margin: 0 0 15px 0; }
.pageContentGal p { margin: 0 0 15px 0; }
.pageContentGal td p { margin: 0; }

.scroller { position: absolute; width: 600px; top:0px; }

.footer { width: 920px; margin: 0 auto; }
.footer td { padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #242727; }
.footerLeft { width: 300px; }
.footerMain { text-align: center; }
.footerRight { width: 300px; text-align: right; }

.socialBookmarks { position: relative; z-index: 1000; }
.socialBookmark { display: inline; margin: 0 0 0 17px; }

.blackBalloon { position: absolute; top: -65px; right: 0; display: none; }
.blackBalloon div { background: url(img/blackBalloonBgnd.png) no-repeat 0 0; padding: 9px 0 9px 20px; color: #ffffff; font: 12px "Trebuchet MS", Arial, sans-serif; line-height: 13px; float: left; }
.blackBalloon p { background: url(img/blackBalloonBgnd.png) no-repeat right top; padding: 8px 20px 9px 0; float: left; }

.searchWrapper { position: relative; width: 920px; height: 35px; margin: 0 auto; }
.searchBalloon { position: absolute; right: 0; }
.searchBalloon div { background: url(img/blackBalloonBgnd.png) no-repeat 0 0; padding: 7px 0 9px 20px; color: #ffffff; font: 12px "Trebuchet MS", Arial, sans-serif; line-height: 16px; float: left; }
.searchBalloon p { background: url(img/blackBalloonBgnd.png) no-repeat right top; padding: 8px 20px 9px 0; float: left; }
#searchClose { margin: 0 0 0 20px; }

.socialTop { position: absolute; right: 210px; }
.socialTop img { margin: 0 0 0 20px; }

.langWrapper { position: absolute; top: 47px; left: 813px; padding: 6px 15px; background: url(img/langBgnd.png) repeat; display: none; z-index: 999; }
.langWrapper div { padding: 4px 0; font-size: 11px; }
.langWrapper div img { vertical-align: middle; }

/* IMAGE GALLERY */

.image { position: relative; width: 120px; height: 120px; border: 1px solid #cccccc; float: left; margin: 9px 10px 9px 10px; }
.image div { width: 116px; height: 116px; overflow: hidden; position: absolute; top: 2px; left: 2px; }
.image img { border: none; }

.galleryTop { width: 600px; position: relative; left: 10px; text-align: center; height: 40px; }
.galleryBottom { width: 600px; position: relative; left: 10px; text-align: center; height: 40px; vertical-align: top; }
.galleryTop img { margin-top: 20px; }
.galleryBottom img { margin-top: 10px; }