/* CSS Document */

body {
background-color: #878787;
background-image: url(../images/bg1.png);
background-repeat: repeat-x;
text-align: center;
margin: 0px;
}

td, body {
font-family: Arial, "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 11px;
color: #646464;
}

a:link, a:active, a:visited
{
text-decoration: none;
color: #22b5e2;
font-weight: normal;
text-decoration: underline;
letter-spacing: 2px;
}


a:hover  
{
color: #474747;
font-weight: normal;
text-decoration: none;
letter-spacing: 2px;
}

.dcely {display: block;}
.dlevy {float:left; width:auto;}
.dpravy { padding-left:20px; padding-top:20px;float:left; text-align: left;width:auto;}

.skryvany {display: none ; text-align: left;}

.klikaci { cursor: pointer;}
.podmenu { cursor: pointer;}

hr 
{
border: solid 1px #fff;
}

#cboxmain   
{border:#fff 0px solid;
background-image: url(../images/boxbg.png);
background-repeat: repeat-x;}


#cboxform   
{border:#fff 0px solid;
background-image: url(../images/boxbg.png);
background-repeat: repeat-x;}


.colorky {
text-align: left;
border: 0px;
width: 511px;
}

#hlavni 
{
padding: 0px;
margin: auto;
width: 959px;
}

#stranka {
float: left;
text-align: center;
display: block;
width: 959px;
background-image: url('../images/bg.png');
background-repeat:repeat-y;
}


#horni
{
background-image: url('../images/horni.png');
width: 573px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#horni:hover {background-image: url('../images/hornib.png') }


#link01
{
background-image: url('../images/link01.png');
width: 35px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link01:hover {background-image: url('../images/link01b.png') }

#link02
{
background-image: url('../images/link02.png');
width: 39px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link02:hover {background-image: url('../images/link02b.png') }

#link03
{
background-image: url('../images/link03.png');
width: 39px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link03:hover {background-image: url('../images/link03b.png') }

#link04
{
background-image: url('../images/link04.png');
width: 39px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link04:hover {background-image: url('../images/link04b.png') }

#link05
{
background-image: url('../images/link05.png');
width: 40px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link05:hover {background-image: url('../images/link05b.png') }

#link06
{
background-image: url('../images/link06.png');
width: 40px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link06:hover {background-image: url('../images/link06b.png') }

#link07
{
background-image: url('../images/link07.png');
width: 42px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
#link07:hover {background-image: url('../images/link07b.png') }


#horni2
{
background-image: url('../images/horni2.png');
width: 112px;
height: 302px;
background-repeat: no-repeat;
text-align: left;
float: left;
}


#welcome
{
background-image: url('../images/welcome.png');
width: 438px;
height: 183px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
.welcomepad
{
padding: 30px 50px 0px 85px ;
}


#ikonka
{
background-image: url('../images/ikonka.png');
width: 255px;
height: 183px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
.ikonkapad
{
padding: 30px 40px 0px 70px ;
}


#info
{
background-image: url('../images/info.png');
width: 266px;
height: 183px;
background-repeat: no-repeat;
text-align: left;
float: left;
}
.infopad
{
padding: 30px 30px 0px 75px ;
}


#menu1   
{
background-image: url('../images/leve.png');
background-repeat: no-repeat;
min-height: 440px;
width: 219px;
float: left;
text-align: left;
}

.menu1pad  
{
padding-left: 7px;
padding-right: 0px;
padding-top: 20px;
}

#menu1 h1{
letter-spacing: 1px;
background-image: url(../images/leveh1bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 46px;
line-height: 46px;
width:201px;
font-size: 17px;
font-weight: bold;
text-align: center;
padding: 2px 2px 2px 2px ;
font-variant: small-caps;
margin: 0px 0px 0px 0px ;
color: #fff;
}

#menu1 h2 {
border-bottom: 1px #ffffff solid ;
font-weight: bold;
text-align: left;
font-size:15px;
padding: 0px 0px 0px 10px ;
font-variant: small-caps;
margin: 0px 10px 0px 6px ;
color: #3dbee7;}

/* 
#menu1 .head {
letter-spacing: 1px;
background-image: url(images/levebg.gif);
background-repeat: no-repeat;
background-position: left top;
height: 30px;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 5px 2px 2px 20px ;
font-variant: small-caps;
margin: 7px 0px 0px 0px ;
color: #ff9000;} */


#menu1 ul{ 
list-style-image: url(../images/li1.png);
color: #646464;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

#menu1 ul li:hover { 
list-style-image: url(../images/li2.png);
color: #3dbee7;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
}


#menu1 li a:link, #menu1 li a:active, #menu1 li a:visited {
list-style-image: url(../images/li1.png);
color: #646464;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

#menu1 li a:hover {
list-style-image: url(../images/li2.png);
color: #3dbee7;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
}


#text   
{
background-image: url('images/text.png');
background-repeat: no-repeat;
min-height: 440px;
width: 520px;
float: left;
text-align: left;
}


.textpad  
{
padding-left: 9px;
padding-right: 9px;
padding-top: 20px;
}


#text h1 {
background-image: url(../images/texth1bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 69px;
line-height: 69px;
font-weight: bold;
font-size: 21px;
padding: 3px 5px 5px 5px ;
margin:0px;
text-align: center;
font-variant: small-caps;
letter-spacing: 2px;
color: #fff;}


#text .bighead {
background-image: url(../images/h1bg.png);
background-repeat: no-repeat;
background-position: center;
height: 57px;
font-weight: bold;
font-size: 23px;
padding: 7px 5px 5px 5px ;
text-align: center;
font-variant: small-caps;
color: #fff;}
 


#text h2 {
background-image: url(../images/texth2bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 46px;
line-height: 46px;
font-weight: bold;
font-size: 19px;
margin:10px 0px 5px 0px ;
padding: 0px 10px 0px 25px ;
text-align: left;
font-variant: small-caps;
letter-spacing: 1px;
color: #878787;}
 

#text .head {
background-image: url(../images/h2bg.png);
background-repeat: no-repeat;
height: 61px;
font-weight: bold;
font-size: 19px;
padding: 12px 40px 5px 5px ;
text-align: center;
font-variant: small-caps;
color: #fff;}

#text h3 {
border-bottom: 2px #ffffff dotted ;
font-size: 15px;
font-weight: bold;
text-align: right;
letter-spacing: 1px;
padding: 2px 12px 2px 2px ;
font-variant: small-caps;
margin: 10px 0px 7px 0px ;
color: #3dbee7;}

#text .minihead {
border-bottom: 1px #ffffff solid ;
font-size: 15px;
font-weight: bold;
text-align: right;
letter-spacing: 1px;
padding: 2px 12px 2px 2px ;
font-variant: small-caps;
margin: 10px 0px 7px 0px ;
color: #662987;}

#text h4 {
border-top: 2px #ffffff dotted ;
font-size: 11px;
font-weight: normal;
text-align: right;
padding: 0px 15px 0px 0px ;
color: #474747;}

#text .comment {
border-top: 1px solid #fff;
font-size: 11px;
font-weight: normal;
text-align: right;
padding: 0px 15px 0px 0px ;
color: #9062a7;}




#menu2   
{
background-image: url('../images/prave.png');
background-repeat: no-repeat;
min-height: 440px;
width: 220px;
float: right;
text-align: left;
}

.menu2pad  
{
padding-left: 6px;
padding-right: 0px;
padding-top: 20px;
}

#menu2 h1{
letter-spacing: 1px;
background-image: url(../images/praveh1bg.png);
background-repeat: no-repeat;
background-position: center top;
width:202px;
height: 44px;
line-height: 44px;
font-size: 17px;
font-weight: bold;
text-align: center;
padding: 1px 2px 2px 2px ;
font-variant: small-caps;
margin: 7px 0px 0px 0px ;
color: #fff;
}
/* 
.menu2pad a:link, .menu2pad a:active, .menu2pad a:visited
{
text-decoration: none;
color: #fff;
font-weight: bold;
}


.menu2pad a:hover  
{
text-decoration: underline;
color: #662a87;
font-weight: bold;
} */


/* 
#menu2 .head {
letter-spacing: 1px;
background-image: url(images/levebg.gif);
background-repeat: no-repeat;
background-position: left top;
height: 30px;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 5px 2px 2px 20px ;
font-variant: small-caps;
margin: 7px 0px 0px 0px ;
color: #ff9000;} */

#menu2 ul{ 
list-style-image: url(../images/li1.png);
color: #646464;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

#menu2 ul li:hover { 
list-style-image: url(../images/li2.png);
color: #3dbee7;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
}


#menu2 li a:link, #menu2 li a:active, #menu2 li a:visited {
list-style-image: url(../images/li1.png);
color: #646464;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

#menu2 li a:hover {
list-style-image: url(../images/li2.png);
color: #3dbee7;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
}


#linka   
{
background-image: url('../images/linka.png');
background-repeat: no-repeat;
float: right;
width: 959px;
height: 29px;
text-align: center;
}

.linkapad   
{
padding: 7px 20px 0px 20px;
}

#credits   
{
background-image: url('../images/credits.png');
background-repeat: no-repeat;
float: right;
width: 959px;
height: 246px;
text-align: left;
}


.creditspad   
{
padding: 180px 30px 0px 280px;
color:#fff;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
}

