#footer{
    clear:both;
    height: 32px;
    background-image: url(images/bottomBG.png);
}
h1{
    text-align: center;
    margin: 0px;
}
h2{
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

#tinymce{
    background-color: white;
}
fieldset{
    border-style: none;
}


body{
    background-color: #D3D89E;
    margin-top: 0px;
}
body input:hover, select:hover, textarea:hover{
    background-color: #99CCFF;
}


#page{
	width:1000px;
    margin-left: auto;
    margin-right: auto;
   	Font-variant: Small-caps;
    background-image: url(images/contentBG.png);
    background-repeat: repeat-y;
}

#top{
    background: url(images/topBG.jpg) no-repeat;
    width: 1000px;
    height: 272px;
    position: relative;
}
#top a{
    outline: 0px;
}
#top img, img:hover{
    border-style: none;
}
#logo{
    background: url(images/logoBzucko.jpg) no-repeat;
    width: 295px;
    height: 90px;
    position: absolute;
    top: 89px;
    left: 423px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#logo a{
    width: 295px;
    height: 90px;
    display: block;
}


#primary-links{
    position: absolute;
}
ul.primary-links li{
    position: absolute;
    display: block;
}
ul.primary-links a{
    position: absolute;
    display: block;
    opacity: 0.0;
    filter: alpha(opacity=0);
}
ul.primary-links a.a{
    opacity: 1.0;
    filter: alpha(opacity=100);
}
#menu1{background: url(images/menu1.jpg) no-repeat;width: 56px;height: 56px;left: 362px;top: 34px;}
#menu2{background: url(images/menu2.jpg) no-repeat;width: 56px;height: 56px;left: 345px;top: 93px;}
#menu3{background: url(images/menu3.jpg) no-repeat;width: 56px;height: 56px;left: 351px;top: 153px;}
#menu4{background: url(images/menu4.jpg) no-repeat;width: 56px;height: 56px;left: 405px;top: 190px;}
#menu5{background: url(images/menu5.jpg) no-repeat;width: 56px;height: 56px;left: 488px;top: 205px;}
#menu6{background: url(images/menu6.jpg) no-repeat;width: 56px;height: 56px;left: 538px;top: 204px;}
#menu7{background: url(images/menu7.jpg) no-repeat;width: 56px;height: 56px;left: 599px;top: 205px;}
#menu8{background: url(images/menu8.jpg) no-repeat;width: 54px;height: 61px;left: 697px;top: 202px;}
#menu1 a{background: url(images/menu1.png) no-repeat;width: 56px;height: 56px;}
#menu2 a{background: url(images/menu2.png) no-repeat;width: 56px;height: 56px;}
#menu3 a{background: url(images/menu3.png) no-repeat;width: 56px;height: 56px;}
#menu4 a{background: url(images/menu4.png) no-repeat;width: 56px;height: 56px;}
#menu5 a{background: url(images/menu5.png) no-repeat;width: 56px;height: 56px;}
#menu6 a{background: url(images/menu6.png) no-repeat;width: 56px;height: 56px;}
#menu7 a{background: url(images/menu7.png) no-repeat;width: 56px;height: 56px;}
#menu8 a{background: url(images/menu8.png) no-repeat;width: 54px;height: 61px;}

#menu{
    float: left;
    color: white;
	width: 200px;
	text-align: center;
	font-family: Times New Roman;
	Font-variant: Small-caps;
    padding: 0 0 0 16px;
}
    #menu a{
    	color: #B4B4B4;
    	text-decoration: none;
    	font-size: 22px;
    }
    #menu a:link{
    	color: #FFE79D;
    }
    #menu a:hover{
        color: white;
    	font-style: italic;
    	letter-spacing: 1pt;
        background-color: orange;
        padding: 2px;
    }
    #menu p{
    	color: white
    }

#content{
    margin: 0px 16px;
	color: white;
	font-family: Times New Roman;
}
#content a{
    outline: none;
}
#content img{
    border-style: none;
}
#zone{
    float: left;
    width: 936px;
    margin: 16px;
}
#zone .category{
    float: left;
    padding: 1px;
    width: 152px;
}
#zone .category a{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 140px;
    text-indent: -5000px;
    width: 140px;
}
#breadcrumb{
    border-bottom: 2px solid white;
    padding: 8px;
    margin: 0px 16px;
    color: white;
}
#breadcrumb a{
    text-decoration: underline;
    color: white;
}
#breadcrumb a:hover{
    font-weight: bold;
}

#item{
    padding: 16px;
}
#item .image{
    text-align: center;
    padding: 16px 0px;
}
#item .text{
    padding: 16px 0px;
    text-align: justify;
}

#komentare{

}
.komentar{
    color: black;
    padding: 8px 0px;
}
#komentare table{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 616px;
}
#komentare .hlavicka{
    background: silver;
}
#komentare .ico{
    width: 24px;
}
#komentare .datum{
    width: 175px;
    Font-size: 14px;
}
#komentare .nick{
    Font-size: 22px;
}
#komentare .nick span{
    Font-size: 11px;
    vertical-align: sub;
}
#komentare .text{
    color: black;
    padding: 8px;
    background-color: white;
    text-align: left;
}
#novyKomentar{

}
#error{
    color: red;
    font-weight: bold;
}




#programy{
    margin: 16px;
}
#programy img, #grafika img{
    border: none;
}
#programy .program{
/*    padding: 16px 0 32px;*/
}
#programy .nazvy{
    text-align: justify;
    margin: 0 0 16px;
}
#programy .nazvy a{
    text-align: center;
    color: orange;
    font-size: 20px;
    cursor: pointer;
    padding: 0 8px;
    text-decoration: none;
}
#programy .nazvy a:hover{
    background: white;
}
#programy .content{
    display: none;
}
#programy .image{
    text-align: center;
}
#programy .text {
    padding: 16px 0;
    text-align: center;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}
#programy .download{
    text-align: center;
}
#programy .download a{
   color: orange;
}
#grafika{
    margin: 16px;
}
#grafika a{
    border: none;
}
#grafika .grafika{
    padding: 0 0 32px;
}
#grafika .image{
    text-align: center;
}
#grafika .flash{
    text-align: center;
    left: -184px;
    position: relative;
}
#grafika .nadpis {
    padding: 16px 0;
    text-align: center;
}
#grafika .nadpis {
    padding: 16px 0;
    text-align: center;
}
#grafika .kuchyna{
    margin-left: 45px;
}
#grafika .row{
    position: relative;
    height: 320px;
    width: 646px;
}
#grafika .img4{
    bottom:0;
    left:0;
    position:absolute;
}
#grafika .img3{
    bottom:0;
    left:326px;
    position:absolute;
}
#grafika .img2{
    left:80px;
    position:absolute;
    top:0;
}
#grafika .img1{
    left:326px;
    position:absolute;
    top:0;
}

div.admin tbody{
  height: 100px;
  width: auto;
  overflow: scroll;
}
div.content p{
	text-align: justify;
}

div.content k{
	background-color: #008B8B;
	border: 1px solid silver;
}

.odkazFormular{
    border: 2px solid silver;
    background-color: #5a2207;
    padding: 8px;
}
    .odkazFormular img{
        border-style: none;
    }

#galeria{
    text-align:center;
}
    #galeria a{
        outline: none;
    }
    $galeria img{
        border-style: none
    }

#odkazy{
    text-align: center;
}


#ajax .odkaz{
    display: none;
}


div.odkaz_velky a, .pager a{
	color: #B4B4B4;
    text-align: left;
	text-decoration: none;
	font-size: 22px;
}

div.odkaz_velky a:link, .pager a:link{
	color: #FFE79D;
}

div.odkaz_velky a:hover, .pager a:hover, .pager a.current:hover{
	color: white;
	/*font-style: italic;*/
/*	letter-spacing: 1pt;*/
    background-color: orange;
    padding: 0 4px;
	font-size: 22px;
}

#uploadFotoForm{
    padding: 8px;
    color: white;
    background: black;
    border: orange solid 2px;
    position: fixed;
    text-align: center;
    left: 37%;
    top: 40%;
    z-index: 1;
}
    #button{
    	background: orange;
        color: white;
        border: 2px solid;
        position: relative;
    	padding: 4px;
    }
    .zoznamSuborov{
    	text-align: left;
        border: 1px solid silver;
        padding: 2px;
    }
.fotky{
    position: relative;
}


.fotky table{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.fotky table img{
    border: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.fotky table img:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#fotky{
    margin: 16px;
}
#fotky .items{
    width: 616px;
    margin: auto;
    /*display: none;*/
}
#fotky .fotka{
    width: 152px;
    float: left;
    text-align: center;
    margin: 4px 0;
}
    #fotky a, span.fotky{
        outline: 0;
    }
    #fotky img{
        opacity: 0.6;
        filter: alpha(opacity=60);
        border-color: #FFFFFF;
        border-style: solid;
    }
    #fotky img:hover{
        opacity: 1;
        filter: alpha(opacity=100);
        border-color: #FFFFFF;
        border-style: solid;
    }
    #fotky .hodnotenie img{
        opacity: 0.6;
        filter: alpha(opacity=60);
        border-style: none;
        cursor: pointer;
    }
    #fotky .hodnotenie img:hover{
        opacity: 1;
        filter: alpha(opacity=100);
        border-style: none;
        cursor: pointer;
    }
    #fotky .popis{
        font-size: 16px;
        color: orange;
    }
    .kategorie{
        color: #FFE79D;
        text-decoration: none;
        font-size: 22px;
        text-align: center;
    }

#show_foto img{
    opacity: 1;
    filter: alpha(opacity=100);
    border-style: none;
}
#popis {
    background:black;
    border: orange solid 2px;
    left:0;
    position:fixed;
    top:0;
    z-index:1002;
    color: white;
    padding: 16px;
    width: 336px;
    display: none;
}
#popis .left {
    color:orange;
    float:left;
    text-align:right;
    width:128px;
}
#popis .right {
    color:white;
    float:none;
    margin:0 0 0 136px;
    text-align:left;
    width:200px;
}
#popis .popis {
    color:orange;
    margin:16px 16px 0;
    clear: both;
}
#popis fieldset{
    border: none;
}


#popis .right img{
  border: none;
}


.userAdmin{

}
    .userAdmin .form{
        text-align: left;
    }
    .userAdmin .tableName{
        color: yellow;
    }
    .userAdmin table{
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .userAdmin .zahlavie{
        background-color: brown;
    }
    .userAdmin .udaje{
        height: 156px;
        overflow: scroll;
    }
    .userAdmin .udaje .even{
        color: black;
        background-color: #bbbbbb;
    }
    .userAdmin .udaje .odd{
        color: white;
        background-color: #636363;
    }

div.popis{
  margin-left: 40px;
  margin-right: 40px;
  border-style: hidden;
  border-bottom-width: thin;
}

div.formattext img{
    background-color: #DDDDDD;
    border-style: none;
}
div.formattext img:hover{
    background-color: #FFFFFF;

}
.icon img, #top img{
    opacity: 0.6;
    filter: alpha(opacity=60);
  	-moz-opacity:0.6;
	-khtml-opacity: 0.6;

    border-style: none;
}
.icon img:hover, #top img:hover{
    opacity: 1;
    filter: alpha(opacity=100);
  	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
    border-style: none;
    cursor: pointer
}

#about{
    text-align: left;
    margin: 16px;
    height: 280px;
}
#about .fotka{
    background: url(images/about.jpg) no-repeat;
    float: left;
    width: 200px;
    height: 280px;
}
#about .text{
    margin: 0px 0px 0px 216px;
    text-align: justify;
}

#odkazy .pager{
    float: none;
}

#search{
    padding: 16px 0;
}

#lightBox{
    text-align: center;
    position: absolute;
    top: 288px;
    left: 0;
    width: 100%;
    height: 100%;
}
#lightBox img{
    border: 4px white solid;
}
#lightBox .image{
    left: 0;
    position: absolute;
    top: 16px;
    width: 100%;
    z-index: 1002;
    opacity: 0.0;
    filter: alpha(opacity=0);
}
#lightBox .image .close, #lightBox .image .info, #lightBox .image .div{
    background: white;
    color: black;
    font-size: 28px;
    padding: 1px 2px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    text-decoration: none;
    vertical-align: top;
}
#lightBox .image .close:hover, #lightBox .image .info:hover{
    color: white;
    background: orange;
}
#lightBox .black{
    background: black;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1001;
    opacity: 0.7;
    filter: alpha(opacity=70);
    top: 0;
    left: 0;
}
/*spolocne*/
#loadingIcon{
    padding: 4px;
    text-align: center;
    color: white;
    background: black;
    border: orange solid 1px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2;
}
#loadingIcon img{
    border-style: none;
}
/*----------*/
#dopytInfo{
    float: left;
    width: 738px;
    padding: 8px 0px;
    text-align: center;
}

#dopytInfo img, #dopytInfo img:hover{
    border: none;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
/*----------*/
#lupa{
    margin: 16px;
    position: absolute;
}
#lupa img{
    cursor: pointer;
}
/*----------*/
.pager{
    text-align: center;
    padding: 8px 16px;
    float: left;
    width: 936px;
}
.pager a{
    padding: 0 4px;
    font-size: 18px;
}
.pager a.current{
    color: black;
    background: orange;
    font-size: 22px;
}
/*----------*/
#fileUpload{
    margin: 16px auto;
    width: 400px;
}
#fileUpload .select{
    padding: 4px 0;
}
#fileUpload .title{
    padding: 4px 0;
}
#fileUpload .delete{
    background: url("./images/delete16.png") no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
    margin: 4px auto;
    cursor: pointer;
}
#fileUpload .button{
	background: orange;
    color: white;
    border: 2px solid;
	padding: 4px;
    margin: 8px auto;
    width: 96px;
    height: 20px;
}
#fileUpload .zoznam{
	text-align: left;
    border: 1px solid silver;
    padding: 2px;
}




/*----------*/