/* CSS Document */
html, body{
width:100%; height:100%;
margin:0; padding:0;
font-family: Tahoma, sans-serif;
font-size:12px;
text-align:center;
background: url(../images/layout/bodyBg.jpg) repeat-x top left #780001;
color:#FFFFFF;}

#page{
width:935px;
margin:0 auto;
min-height:100%;
_height:100%;
position:relative;}


/* --------------- Hlavicka ------------------ */
#header{
position:relative;
height:360px;
background: url(../images/layout/headerBg.jpg) no-repeat top center;}

#header #image_rockfest{
position:absolute;
top:218px; left:100px;}

#header #reklama_rockfest{
position:absolute;
top:218px; left:618px;}

#header #logo_rockfest{
position:absolute;
top:56px; left:105px;}

#header h1{
color:#FFFFFF;
font-size:12px;}

#header #nadpis{
position:absolute;
top:100px; left:600px;}

#header #menu{
position:absolute;
top:170px; left:65px;
list-style-type:none;
list-style-position:inside;
font-size:13px;
font-weight:bold;}

#header #menu li{
display:block;
float:left;
padding:0; margin:0;}

#header #menu li img{
margin: 0 12px;}

#header #menu li a{
color:#FFFFFF;
text-decoration:none;}

#header #menu li a:hover{
color:#FFCC00;}


/* --------------- Prostredni cast ------------------ */
#content{
background: url(../images/layout/content_top.jpg) no-repeat top center #780001;
min-height:386px;_height:386px;
}

#content #mainCont{
margin:0 0 160px 10px;
float:left;
width:494px;}

/* Levy sloupec */
#content #mainCont #mainIn{
padding: 0 10px 0 90px; margin:0;
text-align:left;}

#content #mainCont #mainIn h2, #content #rightCont #rightIn h2{
font-size:15px; margin: 0 0 5px 10px;}

#content #mainCont #mainIn #clanekCont{
width:494px;
background: url(../images/layout/clanek_middle.jpg) repeat-y top center;}

#content #mainCont #mainIn #clanekCont #clanekIn1{
background: url(../images/layout/clanek_top.jpg) no-repeat top center;}

#content #mainCont #mainIn #clanekCont #clanekIn2{
background: url(../images/layout/clanek_bottom.jpg) no-repeat bottom center;
min-height:208px; _height:208px;}

#content #mainCont #mainIn #clanekCont #clanekIn2 #clanekObsah{
padding:7px 10px;
text-align:left;
color:#ffffff;}

/* Pravy sloupec */
#content #rightCont{
float:right;
width:321px;
margin:0 5px 160px 0;
font-size:11px;}

#content #rightCont #rightIn{
padding: 0 90px 0 10px;
text-align:left;}

#content #rightCont #rightIn #aktualityCont{
width:219px;
background: url(../images/layout/aktuality_middle.jpg) repeat-y top center;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1{
background: url(../images/layout/aktuality_top.jpg) no-repeat top center;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1 #aktualityIn2{
background: url(../images/layout/aktuality_bottom.jpg) no-repeat bottom center;
min-height:158px; _height:158px;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1 #aktualityIn2 #aktualityObsah{
padding:5px 10px;
text-align:left;
color:#ffffff;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1 #aktualityIn2 #aktualityObsah a{
display:block;
text-decoration:none;
color:#FFFFFF;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1 #aktualityIn2 #aktualityObsah a:hover{
text-decoration:underline;}

#content #rightCont #rightIn #aktualityCont #aktualityIn1 #aktualityIn2 #aktualityObsah hr{
color:#FF0000; border: dotted 1px;}

div.fotogalleryCont{
    margin-top: 12px;
    border:1px solid orange;
    width:350px;
    color:#FFFFFF;
}

div.fotogalleryCont h3{
    color:#FFFFFF;
}

div.fotogalleryCont a{
    display:block;
    text-decoration: none;
    padding:7px;
}

div.fotogalleryCont .firstFoto{
    float:right;
}

div.fotogalleryCont .fotogalleryDate{
    font-size: 0.8em;
    color:#FFFFFF;
}

/* --------------- Paticka ------------------ */
#footer{
position:absolute;
bottom:0; left:0;
background: url(../images/layout/footerBg.jpg) no-repeat top center;
height:160px; width:935px;}

#footer #created{
font-size:10px;
color:#DD0101;
position:absolute;
bottom:100px;
right:75px;}

#footer #created a{
text-decoration:none;
color:#DD0101;}

#footer #copyright{
color:#FFFFFF;
font-size:10px;
position:relative;
top:140px;}

div.fotogalleryCont{
    margin-top: 12px;
    border:1px solid orange;
    width:350px;
}

div.fotogalleryCont a{
    display:block;
    text-decoration: none;
    color:#000000;
    padding:7px;
}

div.fotogalleryCont .firstFoto{
    float:right;
}

div.fotogalleryCont .fotogalleryDate{
    font-size: 0.8em;
}


/* --------------- Pomocne ------------------ */
.cleaner{
clear:both;
padding:0; margin:0;
visibility:hidden;
border:none;
height:0;}

a.noDecoration{
    text-decoration: none;
}