body {
margin: 0px;
font-family:  Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em;
background-image: url("img/bgd.jpg");
background-repeat: repeat;
}

a {color: #3366FF; text-decoration: underline;}
a:hover {color: #0000FF; text-decoration: underline;}

.bold {font-weight: bold;}
.red_bold {color: #FF0000; font-weight: bold;}

.b_u {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

h1 {font-size: 1.5em; margin: 0px; padding: 0px;}

/* block vnejsi, plna sirka */
#block_outer {
width: 780px;
background-color: #FFFFFF;
margin-top: -2px;
}

/* block vnitrni, castecna sirka  */
#block_inner {
width: 700px;
background-color: #FFFFFF;
}

#menu {
width: 700px;
padding-left: 120px;
}

#button_home a{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/home.jpg");
background-repeat: no-repeat;
}

#button_home_active, #button_home a:hover{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/home-hover.jpg");
background-repeat: no-repeat;
}

#button_onas a{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/onas.jpg");
background-repeat: no-repeat;
}

#button_onas_active, #button_onas a:hover{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/onas-hover.jpg");
background-repeat: no-repeat;
}

#button_www a{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/tvorbawww.jpg");
background-repeat: no-repeat;
}

#button_www_active, #button_www a:hover{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/tvorbawww-hover.jpg");
background-repeat: no-repeat;
}

#button_reference a{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/reference.jpg");
background-repeat: no-repeat;
}

#button_reference_active, #button_reference a:hover{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/reference-hover.jpg");
background-repeat: no-repeat;
}

#button_kontakt a{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/kontakt.jpg");
background-repeat: no-repeat;
}

#button_kontakt_active, #button_kontakt a:hover{
display: block;
width: 92px;
height: 29px;
float: left;
background-image: url("img/kontakt-hover.jpg");
background-repeat: no-repeat;
}

#button_mapa_webu a{
display: block;
width: 86px;
height: 29px;
float: left;
background-image: url("img/mapa-webu.jpg");
background-repeat: no-repeat;
}

#button_mapa_webu_active, #button_mapa_webu a:hover{
display: block;
width: 86px;
height: 29px;
float: left;
background-image: url("img/mapa-webu-hover.jpg");
background-repeat: no-repeat;
}


#flash {
clear: both;
}

/* content */
#content_out {
margin-top: 5px;
width: 500px;	
float: left; 
background-color: #FFFFFF;
background-image: url("img/sideline.gif");
background-position: right;
background-repeat: repeat-y;     
}
	
#content_in {
text-align: left;
padding: 2.0em 2.0em 1.0em 1.5em;	     
color: #515151;
}
/* end content */

/* sloupec vpravo, news atd.. */
#right_out {
margin-top: 5px;
width: 200px;	
float: left;
background-color: #FFFFFF;
}

#right_in {
padding: 0em 0em 1.0em 0em; 
float: left; 
text-align: left;
color: #515151;  
background-color: #FFFFFF;        
}
/* end right */

/* foot */
#foot_out {
width: 700px;
height: 20px;	
clear: both;
background-color: #FFFFFF;
padding-bottom: 20px; 
}
	
#foot_in {
padding: 0em;	
font-size: 0.8em;	
background-color: #FFFFFF;
}	

#f_left {
color: #0000CC; 
float: left;
text-align: left;
padding-left: 30px;
}

#f_right {
float: right;
text-align: right;
padding-right: 30px;
}

#f_right a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

#f_right a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}
/* end foot */

.reference_screen {
width: 160px;
float: left;
}

.reference_popis {
width: 290px;
float: left;
line-height: 1.8em;
}

#prepare {
width: 450px;
border: 1px solid #515151;
background-color: #FFFF00;
padding: 0.2em;
}