body
{	 font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
		}
        
body, table
{
  font-family: Verdana, "Arial CE", "Helvetica CE", Arial, sans-serif;
	
	color: Black;
    background-color: white;
}

/* Obecné vlastnosti */

h1
{
   font-size: 140%;
}
                                                                                                                      css_zakladni.css
h2
{
   font-size: 120%;
}

h3
{
   font-size: 110%;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}


ul, li
{
	font-size: 1em;
	color: Black;
}

table
{
    font-size: 1em;
    empty-cells: show;
   border-collapse: collapse;
	width: 100%;
}


td
{
   vertical-align: top;
   border-bottom: 2px solid #999999;
   padding-bottom: 10px;
   padding-top: 10px
}

img
{
   border: 1px solid #000000;
}


/* Design */
div#obrazovka
{	width: 778px;	}

	/* Záhlaví a menu */
	div#logo
	{	width: 155px; height: 130px;
		background-image: url(grafika/logo.gif);
		float: left;
		padding: 0; margin: 0;	}

	div#hlavicka
	{	width: 623px; height: 110px;
		background-image: url(grafika/hlavicka.jpg);
		float: right; clear: right;
		padding: 0; margin: 0;	}

	div#menu
	{	width: 623px; height: 20px;
		background-image: url(grafika/menu.gif);
		float: right; clear: right;
		padding: 0; margin: 0;	}

	/* Tělo */
	div#levy-sloupec
	{	width: 155px;
		float: left;
		padding: 0; margin: 0;
		font-size: 0.85em;	}

		div#levy-sloupec div
		{	background-color: #C4D4F2;
			padding: 8px 8px 8px 8px; margin: 2px 0 0 0;	}

	div#stredni-sloupec
	{	width: 360px;
		float: left;
		padding: 0; margin: 10px 8px 10px 8px;	}

	div#pravy-sloupec
	{	width: 240px;
		float: right;
		padding: 0; margin: 0;
		font-size: 0.85em;	}

		div#pravy-sloupec div
		{	background-color: #F2CB03;
			padding: 8px 8px 8px 8px;
			margin: 2px 0 0 0;	}

		div#pravy-sloupec img
		{	padding: 0; margin: 0 4px 4px 0;
			border: 1px solid black;
			float:left;	clear: both;}

		div#pravy-sloupec p
		{	padding: 0; margin: 0;	}
		
		div#pravy-sloupec h2
		{	font-size: 1.2em; font-weight: bold;
			padding: 1px; margin: 0 0 3px 0;
			border: 1px solid black;
			color: Yellow;
			background-color: #0F39A9;	}

		div#pravy-sloupec h3
		{	font-size: 1.1em; font-weight: bold;
			padding: 0; margin: 0 0 3px 0;	}



ul.proklad li
{
padding-bottom: 10px;
}





ul#mainMenu, ul#mainMenu ul 
{
	color: White;
	padding: 2px 0 0 2px;
	margin: 0;
	list-style-type: none;
}

ul#mainMenu ul 
{
	padding: 0;
	margin-top:0px;
}

ul#mainMenu li,
ul#mainMenu li.p1,
ul#mainMenu li.p2,
ul#mainMenu li.p3,
ul#mainMenu li.p4,
ul#mainMenu li.p5,
ul#mainMenu li.p6
{
float:left;
padding:0;
width:155px; 

}

ul#mainMenu li.p1   {   width:110px;    }
ul#mainMenu li.p2   {   width:140px;    }  
ul#mainMenu li.p3   {   width:92px;    }  
ul#mainMenu li.p4   {   width:92px;    }  
ul#mainMenu li.p5   {   width:92px;    }  
ul#mainMenu li.p6   {   width:92px;    }  


ul#mainMenu a 
{
	color: black;
	background-color: #C4D4F2;;
	display: block;
	border: 1px solid #0F39A9;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
}

ul#mainMenu ul a 
{
background-color: #C4D4F2;
border-bottom:none;
border-left:1px solid #0F39A9;
padding-left:2px;
}

ul#mainMenu ul a:hover 
{ color:blue;
border-left:5px solid white;
border-right:1px solid white;
background-color:#ffffff;
}

ul#mainMenu ul
{
position:absolute;
visibility:hidden;
border-bottom:1px solid white;
background-color:white;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul 
{
visibility:visible;
}

ul#mainMenu li li 
{
float:none;
border:none;
padding:0;
}

ul#mainMenu li 
{
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */ 
}

.float
{float:left;}

.nofloat
{float:none;}


div.katalog_kategorie_polozka
{	float: none; margin: 5px 0 5px 0; 
}

div.katalog_kategorie_foto
{float: left; clear: left;
}

div.katalog_kategorie_popisek
{float: left; clear: right; padding: 5px 0 0 5px;
}

div.bezobrazek
{
  width: 102px; height: 20px; float: left;
}