body {
    background-color: #8C8C8C;
}

.gallery_month_item {
    padding-right: 20px;
    vertical-align:middle;
}

.dialogButtonNormal {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.dialogButtonWarning {
    float: right;
}

#headerContent {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #343434;
    background: url(/img/default/header_bg.gif) repeat-x;
    text-align: left;
}

#headerBanner {
    position: relative;
    top: 87px;
    height: 150px;
    background-color: transparent;
    margin-left: 6px;
    margin-right: 6px;
}

#inside {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 102px;
    min-width: 1155px;
}

#info {
    position: absolute;
    background-color: #f7f7f7;
    left: 20px;
    right: 20px;
    top: 935px;
    height: 410px;
    min-width: 1155px;
    z-index: 2;
}

#infoHeader {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 53px;
    padding-left: 30px;
    padding-top: 12px;
    background: url(/img/portal/gradient_title.png) repeat-x;
    text-align: left;
    font-size: 24px;
}

#infoContent {
    position: absolute;
    left: 30px;
    right: 20px;
    top: 80px;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
}

.infoContentText, .infoContentImage {
    float: left;
}

.infoContentText {
    text-align: justify;
    font-size: 13px;
    width: 260px;
    height: 258px;
    overflow: hidden;
}

.infoContentImage {
    width: 150px;
    height: 250px;
    margin-left: 0px;
    margin-right: 0px;
}

#infoFooter {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 45px;
    background: url(/img/portal/gradient_footer.png) repeat-x;
}

#billboardBottom {
	position: absolute;
    left: 26px;
    right: 26px;
    top: 1178px;
    height: 150px;
    min-width: 900px;
    background-color: transparent;
}

#contents {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 1490px;
    min-height: 470px;
    min-width: 1155px;
    color: #2c2c2c;
    z-index: 1;
}

#sitemap {
    position: absolute;
    left: 15px;
    right: 0px;
    top: 115px;
    height: 250px;
}

.contentsImage {
    display: none;
    position: relative;
    top: -20px;
    float: left;
    width: 225px;
    height: 290px;
    text-align: justify;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
}

#contentsImageUnderText {
    position: absolute;
    right: 25px;
    top: 180px;
    width: 230px;
    height: 180px;
    text-align: justify;
    font-size: 12px;
}

.sitemapGroup {
    float: left;
    width: 185px;
    height: 200px;
    margin-right: 5px;
}

.sitemapGroupItemMain, .sitemapGroupItem {
    margin-bottom: 2px;
    text-align: left;
    font-size: 14px;
    color: #c2c2c2;
}

.sitemapGroupItemMain {
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
}

.sitemapGroupItemMain a {
    text-decoration: none;
    color: #fff;
}

.sitemapGroupItemMain a:link,
.sitemapGroupItemMain a:active,
.sitemapGroupItemMain a:visited,
.sitemapGroupItemMain a:hover {
    text-decoration: none;
    color: #fff;
}
.sitemapGroupItemMain a:hover {
    text-decoration: underline;
    color: #fff;
}

.sitemapGroupItem a {
    text-decoration: none;
    color: #c2c2c2;
}

.sitemapGroupItem a:link,
.sitemapGroupItem a:active,
.sitemapGroupItem a:visited,
.sitemapGroupItem a:hover {
    text-decoration: none;
    color: #c2c2c2;
}
.sitemapGroupItem a:hover {
    text-decoration: underline;
    color: #c2c2c2;
}

#sitemapOther {
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.sitemapOtherItem {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}

.sitemapOtherItem a {
    text-decoration: none;
    color: #c2c2c2;
}
.sitemapOtherItem a:hover {
    text-decoration: underline;
    color: #c2c2c2;
}

#contentsSeparator {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 376px;
    height: 1px;
    background-color: #b7b7b7;
}

div#contentsText {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 375px;
}

div#contentsTextLeft {
    position: absolute;
    left: 0px;
    width: 460px;
    font-size: 13px;
    text-align: justify;
    color: #b7b7b7;
}

div#contentsTextRight {
    position: absolute;
    right: 0px;
    width: 460px;
    font-size: 13px;
    text-align: justify;
    color: #b7b7b7;
}

div.contentsTextValue {
    margin-top: 10px; 
    height: 48px; 
    overflow: hidden;
}

div#footer {
    position: absolute;
    min-height: 15px;
    left: 15px;
    right: 15px;
    bottom: 0px;
    color: #b7b7b7;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    text-align: center;
}

div#footer a {
    color: #C2C2C2;
    font-size: 10px;
    text-decoration: none;
    border: 0px;
    outline: none;
}

div#footer a:hover {
    text-decoration: underline;
}

div#footer .separator {
    color: #ED890A;
}

div#footer .left {
    position: absolute;
    top: -10px;
    left: 0px;
    font-size: 10px;
}

div#footer .center {
    position: absolute;
    top: -10px;
    left: 260px;
    right: 260px;
    font-size: 10px;
}

div#footer .right {
    position: absolute;
    top: -10px;
    right: 0px;
    font-size: 10px;
}

div#footer .right .on {
    color: #ED890A;
}

div#footer .right .off {
    color: #C2C2C2;
}

div#footer .right .dns {
    color: #717171;
}

div#footer2 {
    min-height: 15px;
    color: #b7b7b7;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 10px;
}

div#footer2 a {
    color: #C2C2C2;
    font-size: 10px;
    text-decoration: none;
    border: 0px;
    outline: none;
}

div#footer2 a:hover {
    text-decoration: underline;
}

div#footer2 .separator {
    color: #ED890A;
}

div#footer2 span.on {
    color: #ED890A;
}

div#footer2 span.off {
    color: #C2C2C2;
}

div#footer2 span.dns {
    color: #717171;
}

div#leftcol {
    position: absolute;
    width: 300px;
    left: 0px;
}

div#lefttop {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 120%;
    font-family: Tahoma;
}

div#leftmiddle {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    color: #2d2d2d;
    text-indent: 20px;
}

div#search {
    border-radius: 0 0 5px 5px;
    background: #f3f3f3;
    border: 1px solid #a4a4a4;
    padding: 15px 0 10px 20px;
}
#searchQueryContainer input {
    border: 1px solid #abadb3;
    width: 210px;
    height: 21px;
    line-height: 21px;
    margin:0 0 10px 0;
}
#searchQuery {
    width: 220px;
    height: 20px;
    float: left;
}

div#search #go {
    margin-left: 8px;
    background: url(/img/portal/search_button_go.jpg) no-repeat;
    width: 38px;
    height: 26px;
    float: left;
}

div#search #go:HOVER {
    background: url(/img/portal/search_button_go_over.jpg) no-repeat;
}

div#search #adv {
    float: right;
    margin-top: 2px;
    margin-left: 10px;
    background: url(/img/portal/advanced_search.png) no-repeat;
    width: 20px;
    height: 22px;
}

div#search #adv:HOVER {
    background: url(/img/portal/advanced_search_over.png) no-repeat;
}

div#searchBottom {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 25px;
    background-color: #f7f7f7;
}

div#lefttopMore {
    position: absolute; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    height: 101px;
    background: url(/img/portal/gradient_welcome_orange.png) repeat-x;
}

div#leftbottom {
    position: relative;
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Tahoma;  
    color: #000;
    text-align: left;
}
div#leftFbBox {
    position: relative;
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Tahoma;  
    color: #000;
    text-align: left;
    border: 1px solid #a4a4a4;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    background: #F3F3F3;
}

div#newsBottom {

}

div#rightcol {
    position: absolute;
    left: 310px;
    right: 0px;
    min-width: 738px;
}

div#righttop {
    position: relative;
    margin-top: 2px;
    margin-bottom: 10px;
    min-height: 370px;
}

.righttopCorner {
    width: 6px;
    height: 6px;
}

#righttopTL, #righttopTR, #righttopBL, #righttopBR {
    position: absolute;
    z-index: 101;
}

#righttopTL {
    left: 0px;
    top: 0px;
    background-image: url('/img/portal/brzeg_zdjecia_lewy_gorny.png');
}

#righttopTR {
    right: 0px;
    top: 0px;
    background-image: url('/img/portal/brzeg_zdjecia_prawy_gorny.png');
}

#righttopBL {
    left: 0px;
    bottom: 0px;
    background-image: url('/img/portal/brzeg_zdjecia_lewy_dolny.png');
}

#righttopBR {
    right: 0px;
    bottom: 0px;
    background-image: url('/img/portal/brzeg_zdjecia_prawy_dolny.png');
}

div#righttopPhotoCover {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px;
    z-index: 100;
    background-color: transparent;
    cursor: pointer;
}

div#righttopPhoto {
    position: relative;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 460px;
    overflow: hidden;
    border: 1px solid #c2c2c2;
    border-radius: 5px 5px 5px 5px;   
    -webkit-border-radius: 5px 5px 5px 5px;
}

img#righttopPhotoImg {
    position: relative;    
}

div#righttop.loading {
    background: url('/img/user/gallery/loading.gif') no-repeat center center;
}

#righttopPhotoText {
    display: none;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 25px;
    background-color: #000000;
    z-index: 100;
}

#righttopPhotoTextLogo {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 22px;
    z-index: 101;
    color: #c2c2c2;
    color: white;
    font-size: 13px;
    font-weight: bold;
}

div#rightbottom {
    position: relative;
    height: 349px;
}

div#rightBottomBottom {
    position: absolute;
    left: 0px;
    top: 32px;
    right: 0px;
    bottom: 0px;
    background-color: #f7f7f7;
}

div#rightbottomMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 25px;
    background: #2d2d2d;
    border: 1px solid #2d2d2d;
    border-radius: 5px 5px 0 0;    
    border-bottom: none;
    padding: 6px 0 0 10px;
}

div.rightbottomMenuItemOn {
    position: relative;
    background: #f3f3f3;
    border: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    float: left; 
    height: 24px;
    width: 163px;
    color: #2d2d2d;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.endGradientAlpha {
    position: absolute;
    top: 0px;
    right: -11px;
    width: 11px;
    height: 21px;
    background: url(/img/portal/zakladka_brzeg_cien_przezroczysty.png) no-repeat;
    z-index: 3;
}

.endGradientBlack {
    position: absolute;
    top: 0px;
    right: -10px;
    width: 11px;
    height: 21px;
    background: url(/img/portal/zakladka_brzeg_czarny_cien.jpg) no-repeat;
    z-index: 3;
}

div.rightbottomMenuItemOff {
    position: relative;
    background: #909090;
    border: 1px solid #909090;
    border-radius: 5px 5px 0 0;
    border-bottom: none;    
    float: left; 
    height: 24px;
    width: 163px;
    color: #2d2d2d;
    cursor: pointer;
    overflow: hidden;
    margin: 0 5px 0 0;    
}

.rightbottomContent {
    position: absolute;
    left: 0px;
    top: 32px;
    right: 0px;
    z-index: 2;
    padding: 31px 20px 18px 20px;
    height: 267px;
    min-width: 650px;
    overflow: hidden;
    border: 1px solid #a4a4a4;
    border-radius: 0 0 5px 5px;
    border-top: none;
    background-color: #f3f3f3;    
}

#rightbottomContentMostVisited, #rightbottomContentBestRating,
#rightbottomContentNewest,
#rightbottomContentMostVisitedLink, #rightbottomContentBestRatingLink,
#rightbottomContentNewestLink {
    display: none;
}

.imageBox {
    width: 141px;
    height: 141px;
    float:left;
    margin-right: 20px;
    background-image: url(/img/user/gallery/icons_112.png);
    background-repeat: no-repeat;
    background-position: -0px -0px;
}
.imageBoxTheImage{
    width:112px;    /* Width of image */
    height:112px;   /* Height of image */

    /*
    Don't change these values *
    */
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.menu_login_element {
    float: left;
    margin-right: 10px;
}

.menu_login_input_default {
    color: #11FFFF;
}

.menu_login_input_tip {
    color: #aaaaaa;
    font-size: 8pt;
}

input.menu_login_input_tip  {
    color: #aaaaaa;
    border-top: 0px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-left: 0px;
    border-right: 0px;
    height: 15px;
    font-size: 10px;
}

input.menu_login_button_tip  {
    font-size: 9px;
    font-weight: bold;
    margin-top: 1px;
    height: 18px;
    cursor: pointer;
}

.menu_login_links{
    text-align:left;
}

.menu_login_links a {
    color: #C0C0C0;
}

/* index photo galery */
div#righttopPhoto img{
    position: absolute;
    top: 0px;
    left: 0px;
}
#arrowWrapperPrev, #arrowWrapperNext{
    position: absolute;
    height: 100%;
    width: 200px;    
    opacity: 0;
}
#arrowWrapperPrev:hover, #arrowWrapperNext:hover{
    opacity: 1;
}
#arrowPrev, #arrowNext{
    top: 0;
    cursor: pointer;  
    background-color: #000;
    opacity: 0.2;
    height: 100%;
    width: 60px;
}
#arrowWrapperPrev{
    left:0px;  
}
#arrowWrapperNext{
    right:0px;
}
#arrowPrev{
    left:0px;  
}
#arrowNext{
    right:0px;
    margin-left: 140px;
}
#arrowPrev div{
    background: url(/img/default/main_page_arrows.png) top left no-repeat;
    width: 60px;
    height: 100px;
}
#arrowNext div{
    background: url('/img/default/main_page_arrows.png') bottom left no-repeat;
    width: 60px;
    height: 100px;
}
#arrowPrev div, #arrowNext div{
    position: absolute;
    top: 40%;
}
#arrowPrev div{
    left: 0px;
}
#arrowNext div{
    right: 0px;
}
#arrowPrev div:hover{
    background-position: -60px 0px;
}
#arrowPrev div:active{
    background-position: -120px 0px;
}
#arrowNext div:hover{
    background-position: -60px -100px;
}
#arrowNext div:active{
    background-position: -120px -100px;
}
#clickPhotoArea{
    width: 800px;
    height: 345px;
    margin: 0 150px 0 150px;
    position: absolute;
    z-index: 105;
    cursor: pointer;
}
.photoCurrent{
    z-index:2;
}
.photoBelow{
    z-index: 1;
}