@charset "utf-8";
/* CSS Document */
body, html {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:12px;
line-height:18px;
text-align: left;
min-height: 100%;
_height: 100%; /* IE */
position: relative;
height:auto;
background:#000000;
z-index:0;
}
strong {color:white;}
a:link    {color:#28c8ff;}
a:visited    {color: #60a9c2;}
a:active    {color: #666666;}
a:hover {text-decoration:none;}
.clearer {clear:both; }
#top {
min-height: 100%;
_height: 100%; /* IE */
position: relative;
height:auto;
z-index:80;
}
#top-pruh {width:100%; height:201px; background:url(../grafika/bg-top.png) no-repeat top center;  position:absolute; z-index:1; }
#bg-color-prechod {

left:0;
right:0;
width:100%;
position:absolute;
bottom:0px;
z-index:1;
}
.ram-foto {float:left;}

.ram-foto ul,  .ram-foto a{
list-style-type: none;
text-decoration:none;
color: #cccccc;
margin:0 auto;
padding:0;
font-size:10px;
}

.ram-foto li {
list-style-type: none;
text-decoration:none;
padding:0px;
margin:0px 26px 26px 0px;
width:150px;
float:left;
height:152px;
text-align:center; 
background:url(../grafika/ram-foto.png) no-repeat top; 
}
.ram-foto a {
display:block;
}
.ram-foto li a:hover {
background:url(../grafika/ram-foto.png) no-repeat bottom;
display:block;
height:152px;
} 
.ram-foto span {display:block; line-height:12px;}
.ram-foto img {margin-top:29px; margin-bottom:5px;}


#bg-bottom {
min-height: 100%;
_height: 100%; /* IE */
position:absolute;
z-index:1;
width:100%;
height:auto;
background: url(../grafika/bg-color.jpg) no-repeat center bottom;
margin:0 auto;
}
#page {
width: 964px;
margin: 0 auto;
}
#menu {width:962px; height:40px; background:url(../grafika/menu.png) repeat-x top; position:relative; z-index:5;}
#main-hlavicka {height:202px;}
#pod-hlavicka {background:url(../grafika/bg-pod-hlavicka.jpg) no-repeat; width:945px; height:359px; padding:17px 0px 0px 17px;}
#bg-main-foto {background:url(../grafika/bg-main-foto.png) no-repeat; width:558px; height:342px; padding:1px 3px 0px 1px; float:left; overflow:hidden;}
#ram-info { float:left; width:350px; height:342px; margin-left:16px;}
#ram-info .bg-info {background:url(../grafika/bg-main-info.png) no-repeat; width:330px; height:84px; padding:10px; margin-bottom:15px;}





#pozadi {
top:635px;
width:964px;
position:absolute;
bottom:79px;
z-index:3;
background:url(../grafika/bg-main.png) repeat-y left;
}


#content {
position:relative;
height:auto;
bottom:115px;
margin-bottom:90px;
top:-11px;
z-index:4;
background: url(../grafika/prechod-content.png) no-repeat top;

}
#novinky {width:578px; float:left; margin:27px 0px 0px 0px; padding-left:27px;}
#dalsi-info { width:236px; float:left; margin:17px 0px 0px 0px;}
#dalsi-info .bg-projekty-top {background:url(../grafika/bg-projekty-top.png) no-repeat; height:2px; width:236px;}
#dalsi-info .bg-projekty-bot {background:url(../grafika/bg-projekty-bot.png) no-repeat; height:2px; width:236px;}
#dalsi-info .bg-projekty {background:url(../grafika/bg-projekty.png) repeat-y; width:216px;  padding:10px;}
#dalsi-info .predel-projekty {background:url(../grafika/predel-projekty.png) no-repeat bottom center; height:182px; text-align:center; padding-top:11px;}

#left-colum { width:225px; padding:17px 0px 0px 17px; float:left; }
#bg-vertical-menu-top {background:url(../grafika/menu-vert-top.png) no-repeat; height:4px; width:185px;}
#bg-vertical-menu {background:url(../grafika/menu-vert-prechod.png) repeat-y; width:151px; padding:0px 17px 14px 17px;}
#bg-vertical-menu-bott {background:url(../grafika/menu-vert-bott.png) no-repeat; width:185px; height:3px; margin-bottom:30px;}
#main-text {width:678px; float:left;}
#paticka_matrjoska
{
background:url(../grafika/paticka.png) no-repeat left;
position: absolute;
bottom: 0px;
line-height:55px;
height: 79px;
width:958px;
z-index:3;
padding:0px 4px 0px 2px;
}



#paticka_matrjoska .odkazy a {color:#CCCCCC; font-size:12px; text-decoration:none; }
#paticka_matrjoska .odkazy a:hover {text-decoration:underline;color:#CCCCCC;}