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



body 

{

background-color: #F8F8F8;

background-image: url(img/bg3.gif);

text-align: center;

font-family: Comic Sans MS, Verdana, Arial CE, techno;

font-size: 12px;

color: black;

}



a:link

{

text-decoration: none;

color: #FF306B;

}



a:visited

{

text-decoration: none;

color: #9E5AC0;

}





a:active

{

text-decoration: none;

color: #FBD716;

}



a:hover  

{

text-decoration: none;

cursor: crosshair;

color: #4F962C;

}





p

{margin-bottom: 0px;}



#hack

{

float: left;

text-align: left;

display: block;

width: 703px;

background-image: url('img/bg.png');

}



#hlavni 

{

padding: 0px;

margin: auto;

width: 703px;

}



#horni  

{

background-image: url('img/horni.png');

width: 703px;

height: 82px;

background-repeat: no-repeat;

}





#welcome  

{

background-image: url('img/welcome.png');

width: 703px;

height: 136px;

background-repeat: no-repeat;

}





.welcomepad  

{

 padding-left: 30px;

 padding-right: 310px;

}





#mezi  

{

background-image: url('img/mezi.png');

width: 703px;

height: 47px;

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 #FBD716;

border-top: solid 2px #FBD716; 

background-color: #FDE773;

font-weight: bold;

font-variant: small-caps;

font-size: 14px;

text-align: center;

color: #000000;}





#text .minihead {

border-bottom: 2px solid #DEDEDE;

padding-left: 30px;

font-weight: bold;

font-size: 14px;

text-align: left;

color: #000000;}





#menu   

{

width: 200px;

float: right;

text-align: center;

}



.menupad  

{

padding-top: 0px;

}





 

.fial1

{background-image: url(img/fial1.png);

 width: 200px;

 height: 24px;

 vertical-align: top;} 

 

.fial2

{background-image: url(img/fial2.png);

 background-repeat: repeat-y;

 _width: 200px;

 min-height: 22px;

 _height: 22px;

 vertical-align: top;

 padding-left: 12px;

 padding-right: 18px;}

 

.fial3

{background-image: url(img/fial3.png);

 width: 200px;

 height: 18px;

 background-repeat: no-repeat;

 vertical-align: top;}



.fial .head {

border-bottom: solid 2px #ffffff;

border-top: solid 2px #ffffff; 

background-color: #9E5AC0;

font-weight: bold;

font-size: 14px;

padding-left: 20px;

font-variant: small-caps;

text-align: left;

color: #ffffff;}





.fial a:link, .fial a:visited, .fial a:active  {	

background-color: #ffffff;

color: #9E5AC0;

text-decoration: none;

text-align: center;

padding: 0px;

display: block;

height: 15px;

border-bottom: solid 1px #C59CD9;

border-top: solid 1px #C59CD9; 

}





.fial a:hover {

background-color: #9E5AC0;

color: #ffffff;

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; 

}





 

.zel1

{background-image: url(img/zel1.png);

 width: 200px;

 height: 20px;

 vertical-align: top;} 

 

.zel2

{background-image: url(img/zel2.png);

 background-repeat: repeat-y;

 _width: 200px;

 min-height: 20px;

 _height: 20px;

 vertical-align: top;

 padding-left: 12px;

 padding-right: 18px;}

 

.zel3

{background-image: url(img/zel3.png);

 width: 200px;

 height: 18px;

 background-repeat: no-repeat;

 vertical-align: top;}



.zel .head {

border-bottom: solid 2px #ffffff;

border-top: solid 2px #ffffff; 

background-color: #4F962C;

font-weight: bold;

font-size: 14px;

padding-left: 20px;

font-variant: small-caps;

text-align: left;

color: #ffffff;}





.zel a:link, .zel a:visited, .zel a:active  {	

background-color: #ffffff;

color: #4F962C;

text-decoration: none;

text-align: center;

padding: 0px;

display: block;

height: 15px;

border-bottom: solid 1px #95C080;

border-top: solid 1px #95C080; 

}





.zel a:hover {

background-color: #4F962C;

color: #ffffff;

text-decoration: none;

text-align: center;

font-weight: bold;

padding: 0px;

display: block;

height: 15px;

border-bottom: solid 1px #95C080;

border-top: solid 1px #95C080; 

}



 

.ruz1

{background-image: url(img/ruz1.png);

 width: 200px;

 height: 23px;

 vertical-align: top;} 

 

.ruz2

{background-image: url(img/ruz2.png);

 background-repeat: repeat-y;

 _width: 200px;

 min-height: 20px;

 _height: 20px;

 vertical-align: top;

 padding-left: 12px;

 padding-right: 18px;}

 

.ruz3

{background-image: url(img/ruz3.png);

 width: 200px;

 height: 20px;

 background-repeat: no-repeat;

 vertical-align: top;}



.ruz .head {

border-bottom: solid 2px #ffffff;

border-top: solid 2px #ffffff; 

background-color: #FF306B;

font-weight: bold;

font-size: 14px;

padding-left: 20px;

font-variant: small-caps;

text-align: left;

color: #ffffff;}





.ruz a:link, .ruz a:visited, .ruz a:active  {	

background-color: #ffffff;

color: #FF306B;

text-decoration: none;

text-align: center;

padding: 0px;

display: block;

height: 15px;

border-bottom: solid 1px #FF83A6;

border-top: solid 1px #FF83A6; 

}





.ruz a:hover {

background-color: #FF306B;

color: #ffffff;

text-decoration: none;

text-align: center;

font-weight: bold;

padding: 0px;

display: block;

height: 15px;

border-bottom: solid 1px #FF83A6;

border-top: solid 1px #FF83A6; 

}



 

.zlut1

{background-image: url(img/zlut1.png);

 width: 200px;

 height: 22px;

 vertical-align: top;} 

 

.zlut2

{background-image: url(img/zlut2.png);

 background-repeat: repeat-y;

 _width: 200px;

 min-height: 14px;

 _height: 14px;

 vertical-align: top;

 padding-left: 12px;

 padding-right: 18px;}

 

.zlut3

{background-image: url(img/zlut3.png);

 width: 200px;

 height: 35px;

 background-repeat: no-repeat;

 vertical-align: top;}



.zlut .head {

border-bottom: solid 2px #ffffff;

border-top: solid 2px #ffffff; 

background-color: #FBD716;

font-weight: bold;

font-size: 14px;

padding-left: 20px;

font-variant: small-caps;

text-align: left;

color: #ffffff;}







.zlut a:link, .zlut a:visited, .zlut a:active  {	

color: #ffffff;

text-decoration: none;

font-weight: bold;

}





.zlut a:hover {

color: #000000;

text-decoration: none;

}