/* případně:  * {-moz-box-sizing: border-box} */

body 
{
background-color: #F8F8F8;
background-image: url(img/bg.gif);
text-align: center;
font-family: Comic Sans MS, Verdana, Arial CE, techno;
font-size: 12px;
color: black;
}

a:link
{
text-decoration: none;
color: #857185;
}

a:visited
{
text-decoration: none;
color: #857185;
}


a:active
{
text-decoration: none;
color: #857185;
}

a:hover  
{
text-decoration: none;
cursor: crosshair;
color: #D3B3B8;
}


p
{margin-bottom: 0px;}

#hack
{
float: left;
text-align: left;
display: block;
width: 704px;
background-image: url('img/bg.png');
}

#hlavni 
{
padding: 0px;
margin: auto;
width: 704px;
}

#horni  
{
background-image: url('img/horni.png');
width: 704px;
height: 96px;
background-repeat: no-repeat;
}


#hlava 
{
background-image: url('img/hlava.png');
width: 704px;
height: 144px;
background-repeat: no-repeat;
}


.hlavapad  
{
 padding-left: 30px;
 padding-right: 350px;
}

.nadpispad
{
padding: 10px 70px 0px 30px;
font-variant: small-caps;
font-size: 25px;
}

.popispad
{
padding-left: 60px;
font-variant: small-caps;
color:#000000;
}


#dolni  
{
background-image: url('img/dolni.png');
width: 704px;
height: 66px;
background-repeat: no-repeat;
}


#text   
{
width: 503px;
float: left;
text-align: left;
}


.textpad  
{
padding-top: 0px;
}


.text1
{background-image: url(img/text1.png);
 width: 503px;
 height: 24px;
 vertical-align: top;} 
 
.text2
{background-image: url(img/text2.png);
 background-repeat: repeat-y;
 _width: 503px;
 min-height: 22px;
 _height: 22px;
 vertical-align: top;
 padding-left: 28px;
 padding-right: 10px;}
 
.text3
{background-image: url(img/text3.png);
 width: 503px;
 height: 35px;
 background-repeat: no-repeat;
 vertical-align: top;}
 
 
 
#text .head {
border-bottom: solid 2px #944C9B;
font-weight: bold;
font-variant: small-caps;
font-size: 14px;
text-align: center;
color: #944C9B;}


#text .minihead {
border-bottom: 2px solid #DB8E9D;
padding-left: 30px;
font-weight: bold;
font-size: 14px;
text-align: right;
color: #DB8E9D;}



#menu   
{
width: 200px;
float: right;
text-align: center;
}

.menupad  
{
padding-top: 0px;
}


 
.menu1_1
{background-image: url(img/menu1-1.png);
 width: 200px;
 height: 24px;
 vertical-align: top;} 
 
.menu1_2
{background-image: url(img/menu2-1.png);
 background-repeat: repeat-y;
 _width: 200px;
 min-height: 22px;
 _height: 22px;
 vertical-align: top;
 padding-left: 12px;
 padding-right: 18px;}
 
.menu1_3
{background-image: url(img/menu3-1.png);
 width: 200px;
 height: 18px;
 background-repeat: no-repeat;
 vertical-align: top;}

.menu1_2 .head {
border-bottom: solid 2px #C8BED6;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
text-align: center;
color: #C8BED6;}


.menu1_2 a:link, .menu1_2 a:visited, .menu1_2 a:active  {	
background-color: #C8BED6;
color: #D07A5F;
text-decoration: none;
text-align: center;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #D07A5F;
border-top: solid 1px #D07A5F; 
}


.menu1_2 a:hover {
background-color: #D07A5F;
color: #C8BED6;
text-decoration: none;
text-align: center;
font-weight: bold;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #C59CD9;
border-top: solid 1px #C59CD9; 
}


 
.menu2_1
{background-image: url(img/menu1-2.png);
 width: 200px;
 height: 20px;
 vertical-align: top;} 
 
.menu2_2
{background-image: url(img/menu2-2.png);
 background-repeat: repeat-y;
 _width: 200px;
 min-height: 20px;
 _height: 20px;
 vertical-align: top;
 padding-left: 12px;
 padding-right: 18px;}
 
.menu2_3
{background-image: url(img/menu3-2.png);
 width: 200px;
 height: 18px;
 background-repeat: no-repeat;
 vertical-align: top;}

.menu2_2 .head {
border-bottom: solid 2px #C8BED6;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
text-align: center;
color: #C8BED6;}


.menu2_2 a:link, .menu2_2 a:visited, .menu2_2 a:active  {	
background-color: #C8BED6;
color: #A76771;
text-decoration: none;
text-align: center;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #A76771;
border-top: solid 1px #A76771; 
}


.menu2_2 a:hover {
background-color: #A76771;
color: #C8BED6;
text-decoration: none;
text-align: center;
font-weight: bold;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #C8BED6;
border-top: solid 1px #C8BED6; 
}

 
.menu3_1
{background-image: url(img/menu1-3.png);
 width: 200px;
 height: 23px;
 vertical-align: top;} 
 
.menu3_2
{background-image: url(img/menu2-3.png);
 background-repeat: repeat-y;
 _width: 200px;
 min-height: 20px;
 _height: 20px;
 vertical-align: top;
 padding-left: 12px;
 padding-right: 18px;}
 
.menu3_3
{background-image: url(img/menu3-3.png);
 width: 200px;
 height: 20px;
 background-repeat: no-repeat;
 vertical-align: top;}

.menu3_2 .head {
border-bottom: solid 2px #C8BED6;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
text-align: center;
color: #C8BED6;}


.menu3_2 a:link, .menu3_2 a:visited, .menu3_2 a:active  {	
background-color: #C8BED6;
color: #716068;
text-decoration: none;
text-align: center;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #716068;
border-top: solid 1px #716068; 
}


.menu3_2 a:hover {
background-color: #716068;
color:#C8BED6;
text-decoration: none;
text-align: center;
font-weight: bold;
padding: 0px;
display: block;
height: 15px;
border-bottom: solid 1px #C8BED6;
border-top: solid 1px #C8BED6; 
}

 
.menu4_1
{background-image: url(img/menu1-4.png);
 width: 200px;
 height: 22px;
 vertical-align: top;} 
 
.menu4_2
{background-image: url(img/menu2-4.png);
 background-repeat: repeat-y;
 _width: 200px;
 min-height: 14px;
 _height: 14px;
 vertical-align: top;
 padding-left: 12px;
 padding-right: 18px;}
 
.menu4_3
{background-image: url(img/menu3-4.png);
 width: 200px;
 height: 35px;
 background-repeat: no-repeat;
 vertical-align: top;}

.menu4_2 .head {
border-bottom: solid 2px #000000;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
text-align: center;
color: #000000;}



.menu4_2 a:link, .menu4_2 a:visited, .menu4_2 a:active  {	
color: #C8BED6;
text-decoration: none;
font-weight: bold;
}


.menu4_2 a:hover {
color: #000000;
text-decoration: none;
}


#konec  
{
background-image: url('img/konec.png');
width: 704px;
height: 25px;
background-repeat: no-repeat;
}