body { 
padding : 0 0 0 0; 
width : 984px; 
text-align : center; 
font-size : 0.7em; 
font-family : verdana, sans-serif, arial; 
margin : auto; 
background : #cccccc  url("nadpisy/pozadi-po2.gif") repeat-y top center; 
} 

#obal { 
background : white; 
width : 984px; 
} 
a { 
color : blue; text-decoration : none; 
} 
p  {margin-top: 1.5em; margin-bottom: 0.5em}

b { 
margin : 3px 0 3px 0; 
} 
i { 
margin : 0 3px 0 3px; 
} 
a:hover {
color : red; 
text-decoration : underline; 

} 

.menu {
	background:  url("nadpisy/horni-menu.gif") top left repeat-x;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	list-style: none;
	float: left;
	border: 0px solid #000000;
	text-align: center;
	height: 3.9em;
}
.menu li{
	float: left;
	margin: 5px 12px 14px 12px;
}

.menu a{
	text-decoration: none;
	color: white;
	font-size: 130%; 
	font-weight: bold;
	font-family: arial;
	height: 100%;
	line-height: 1.91em;
        text-align: center;
}

.menu a:hover{
	text-decoration: none;
	color: #FFCC00;
	font-size: 130%; 
	font-weight: bold;
	font-family: arial;
	height: 100%;
	line-height: 1.91em;
        text-align: center;
}


.podmenu { 
padding : 0; 
margin : 0; 
list-style : none; 
text-align : left; 
} 
.podmenu li { 
margin : 0 0 0 0; 
 
} 
.podmenu a { 
background : #333333  url("nadpisy/tvorba-www-menu.jpg") repeat-x top left; 
padding-left : 20px; 
padding-top : 7px; 
text-decoration : none; 
color : #ffffff; 
font-size : 120%; 
font-weight : bold; 
font-family : verdana, arial; 
height : 28px; 
margin-left : 0; 
display : block; 

} 


.podmenu a:hover {

display : block; 
color : #FF9900; 

}


.druhemenu  li { 
margin : 0 0 0 0;
} 
.druhemenu a { 
background : #99ccff  url("nadpisy/dalsimenu.gif") repeat-x top left; 
padding-left : 20px; 
padding-top : 7px; 
text-decoration : none; 
color : #000000; 
font-size : 120%; 
font-weight : bold; 
font-family : verdana, arial; 
height : 24px; 
margin-left : 0; 
display : block; 

} 


.druhemenu a:hover {

display : block; 
color : #003366; 
}

.ukazky_praci {text-align : center; }

.ukazky_praci a{ color:#cccccc;}

.ukazky_praci a:hover{color: red }  



td { 
vertical-align: top;
text-align : left; 
font-size : 105%; 
table-layout : fixed; 
border-collapse : collapse; 
border-color : #cccccc; 
} 




h1 { 
font-weight : bold; 
font-size : 160%; 
margin-top: 1.5em; margin-bottom: 0.5em;
color : #330066; 
text-align : center; 
} 
h2 { 
font-weight : bold; 
font-size : 130%; 
margin-top: 1.5em; margin-bottom: 0.5em; 
color : #003399; 
text-align : left; 
} 
h3 { 
font-weight : bold; 
font-size : 120%; 
margin-top: 1.5em; margin-bottom: 0.5em;
color : #0066CC; 
text-align : center; 
} 



.nadpis {
 background :  url("nadpisy/tvorba-www-stranek-n.jpg") no-repeat top left;
  
padding-left : 20px; 
color : #000000; 
width : 100%; 
line-height : 50px; 
font-size : 110%; 
height : 50px; 
text-align : left; 
font-weight : bold; 
margin : 0; 
} 

.nadpisboxu { 
color : #ffffff;
font-weight : bold; 
font-size : 110%;  
width : 194px; 
background :  url("nadpisy/nadpisboxu2.gif") no-repeat  top left; 

height : 35px;
 padding-left : 0px;  
text-align : center; 
line-height : 30px; 
margin : 0; 
} 

.produkty {
border="0"
}

.produkty a{
color : #cccccc; 

}

.produkty a:hover{
color : blue; 
}

.infolinka { 

width : 194px; 
background :  url("nadpisy/helpline.gif") no-repeat top left; 

height : 80px;
 padding-left : 20px;  
text-align : left; 
line-height : 30px; 
margin : 0; 
} 

#hlavicka { 
float : left; 
width : 100%; 
} 
#hlavicka h1 { 
margin : 0; 
padding : 0; 
position : relative; 
width : 984px; 
height : 180px; 
overflow : hidden; 
text-align : center; 
text-decoration : none; 
color : blue; 
} 
#hlavicka a span { 
display : block; 
position : absolute; 
left : 0; 
top : 0; 
z-index : 1; 
width : 984px; 
height : 180px; 
margin : 0; 
padding : 0; 
background : #99ccff url("nadpisy/header.jpg") no-repeat top left; 
} 
#obsah { 
width : 786px; 
float : right; 
text-align : left; 
} 
#paticka { 
background : url("nadpisy/pata.gif") no-repeat top left; 
border : 0 solid #666666; 
width : 984px; 
height :30px; 
float : left; 
margin : 0 0 0 0; 
padding : 10px 0px 0 0; 
text-align : right; 
} 
#reklama { 
border : 1px solid #cccccc; 
width : 984px; 
float : left; 
margin : 10px 0 0 0; 
padding : 0 0 0 0; 
} 
.blok { 
background : #ffffff; 
border : 0px solid #cccccc; 
width : 785px; 

clear : both; 
float : right; 
margin : 0 0 0 0; 
text-align : left; 
} 
.levy { 
border : 0px solid #cccccc; 
 background :  url("nadpisy/levy.jpg")  top left;
color : #000000; 
width : 194px; 
float : left; 
padding-bottom : 0; 
margin : 0 0 0 0; 
} 

.obsahboxu {
 background : #99ccff url("nadpisy/obsah-levy.jpg") repeat-x top left;
}
.spodekmenu {
 background :  url("nadpisy/spodek-menu.jpg") no-repeat top left;
  
padding-left : 20px; 
color : #000000; 
width : 100%; 
line-height : 50px; 
font-size : 110%; 
height : 50px; 
text-align : left; 
font-weight : bold; 
margin : 0; 
}

.pataboxu {
 background :  url("nadpisy/spodek.jpg") no-repeat top left;
  
padding-left : 20px; 
color : #000000; 
width : 100%; 
line-height : 50px; 
font-size : 110%; 
height : 50px; 
text-align : left; 
font-weight : bold; 
margin : 0; 
} 
.cara {
 background :  url("nadpisy/cara.gif") no-repeat top left;
height: 23px;
float: center;
}


ul.cervena li {
list-style-image: url("nadpisy/odrazka_1.PNG")

}

ul.zelena li {
list-style-image: url("nadpisy/odrazka_2.PNG")
}




ul.modra li {
list-style-image: url("nadpisy/odrazka_5.PNG")

}

ul.oranzova li {
list-style-image: url("nadpisy/odrazka_4.PNG")
}


.seda {
background:  url("nadpisy/seda.gif") ;
height: 40px;
}

.bila {
background: #ffffff ;
height: 40px;
}