body {
 background : #0f0f0f;
 font-family : Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif;
 font-size : 12px;
 margin: 25px;
 text-align : center;
 color : #bbb;
}

#page {
 width : 875px;
 margin : auto;
}

.sponzori {
 float : left;
 width : 200px;
 padding-top : 350px;
}

.sponzori img {
 margin-bottom : 30px;
}

#all {
 background : none;
 text-align : left;
 padding : 0px;
 width : 475px;
 margin : auto;
}

#all-index {
 background : none;
 text-align : left;
 padding : 0px;
 width : 475px;
 float : left;
}

#logo {
 text-align : center;
 margin : 20px 0px 20px 0px;
}

#content {
 letter-spacing : 1px;
 line-height : 22px;
 margin-top : 20px;
 background-repeat : no-repeat;
 background-position : 0px 50px;
 _height : 550px;
 min-height : 550px;
}

#content p {
 padding : 0px 3px 0px 3px;
 margin : 10px 0px 30px 0px;
 text-align : justify;
}

#content a {
 color : #c50000;
 text-decoration : underline;
}

#content a:hover {
 color : #f50000;
}

.main {
 background-image : url('../images/text-bg-hellcz.gif');
}

.logohp {
 background-image : url('../images/text-bg-logohp.jpg');
}
.haky {
 background-image : url('../images/text-bg-haky.jpg');
}

#odkazy {
 background-image : url('../images/footerbg.gif');
 width : 475px;
 height : 60px;
 color : #999;
}

#left {
 float : left;
 padding : 10px;
 cursor : default;
}
#left a {
 color : #ddd;
}
#left a:hover {
 color : #fff;
}
#left .active {
 color : #c00;
}

#right {
 float : right;
 text-align : right;
 padding : 10px;
}
#right a {
 color : #b0b0b0;
}
#right a:hover {
 color : #fff;
}

.clear {
 clear : both;
}

a {
 color : #eee;
 text-decoration : none;
}
em {
 font-weight : normal;
 text-transform : uppercase;
 font-style : normal;
}
h2 {
 margin : 5px 0px 5px 0px;
 font-size : 18px;
 font-weight : bold;
 color : #c00;
}
h3 {
 margin : 15px 0px 5px 0px;
 font-size : 14px;
 font-weight : bold;
 color : #ddd;
}
/* splash --------------------------------------------------------------------*/
#splash {
 margin-top : 50px;
}
a img {
 border : 0px solid #000;
}
/* end splash ----------------------------------------------------------------*/

/* box links -----------------------------------------------------------------*/
#top a {
 /*text-indent : -10000px;*/
 font-size : 0px;
 color : #000;
 background-repeat : no-repeat;
 display : block;
 float : left;
 height : 300px;
 width : 75px;
 padding : 0px;
}

#box0 {
 background-image : url('../images/box0.jpg');
 background-position : top left;
 margin-right : 24px;
}
#box0:hover {
 background-position : top right;
}
#top .active {
 background-position : top right;
}

#box1 {
 background-image : url('../images/box1.jpg');
 background-position : top left;
 margin-right : 24px;
}
#box1:hover {
 background-position : top right;
}
#box1 .active {
 background-position : top right;
}

#box2 {
 background-image : url('../images/box2.jpg');
 background-position : top left;
 margin-right : 24px;
}
#box2:hover {
 background-position : top right;
}
#box2 .active {
 background-position : top right;
}

#box3 {
 background-image : url('../images/box3.jpg');
 background-position : top left;
 margin-right : 24px;
}
#box3:hover {
 background-position : top right;
}
#box3 .active {
 background-position : top right;
}

#box4 {
 background-image : url('../images/box4.jpg');
 background-position : top left;
}
#box4:hover {
  background-position : top right;
}
#box4 .active {
 background-position : top right;
}

/* end box links -------------------------------------------------------------*/
/* galerie -------------------------------------------------------------------*/
.galerie {
 text-align : justify;
}
.galerie a {
 line-height : 50px;
}
.gal img {
 background : #111;
 margin : 3px;
 background-position : 50% 50%;
 background-repeat: no-repeat;
 border : 3px solid #000;
}
.gal img:hover {
 border : 3px solid #c00;
}
.gal {
 /*border-bottom : 1px solid #000;*/
 margin-bottom : 50px;
 /*text-align : center;*/
}
.top {
 font-size : 10px;
 color : #ccc ! important;
}
.vid {
 text-align : center;
 width : 475px;
 margin-bottom : 40px;
}
li {
 list-style-type : square;
}
.program {
 text-align : center;
}
#copy {
 font-size : 9px;
 color : #555;
 width : 475px;
 text-align : center;
}


.imgleft {
 float : left;
 border : 0px solid #000;
 padding : 5px 5px 5px 0px;
}

.imgright {
 float : right;
 border : 0px solid #000;
 padding : 5px 0px 5px 5px;

}
#content p.center {
 text-align : center;
}

table td {
 padding-bottom : 20px;
}