body {
	   background: url("media/pozadi2.png");
	   font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
}

#obal {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	width: 950px;
    background: white;
}

/*********** HLAVIČKA *********************/
#tophead {
	width: 950px;
	height: 147px;
	margin: 0px auto;
	background: url("media/tophead.png") 0 0 no-repeat;
    font-size: 8pt;
}
#bothead {
	width: 950px;
	height: 109px;
	margin: 0px auto;
	background: url("media/bothead2.png") 0 0 no-repeat;
}


.topheader-nadpis-white /* tabulka s nadpisy na horni listicce */
{
	color: white;
}

.topheader-nadpis-white a /* odkazy na horní listicce */
{
    color: white;
	text-decoration: none;
	cursor: pointer;
}

#midheader {
	width: 940px;
	height: 80px;
	margin: 0px auto;
	background-color: rgb(93,134,164);
	border: 0px;
}

#botheader {
	width: 950px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	border:0;
	background: url("media/hlavicka-botheader.jpg") 0 0 no-repeat;
	color: black;
}

#menubut {
	width: 220px;
	height: 46px;
	margin: 5px;
	padding: Opx;
	border:0;
    float: left;
	background: url("images/menuu.jpg") 0 0 no-repeat;
    font-size: 18pt;
	color: black;
}

.botheader-nadpis-white  /* tabulka s nadpisy na spodni liste */
{
    font-size: 8pt;
	color: white;
    text-align: center;
    width: 117px;
}

.botheader-nadpis-white a /* odkazy na liste */
{
    color: white;
	text-decoration: none;
	cursor: pointer;
}
/*********** /HLAVIČKA *********************/

/*********** LEVÝ PRAVÝ SLOUPEC *********************/
#side-a {
	margin-left: 5px;
	float: left;
	width: 765px;
}

#side-b {
	margin-right: 5px;
	float: right;
	width: 170px;
}
/*********** /LEVÝ PRAVÝ SLOUPEC *********************/


/*********** UCHO MENU *********************/
.menu-top
{
    margin-top:5px;
	width: 266px;
	height: 41px;
	background: url("media/menu-top.png") 0 0 no-repeat;
}

.menu-mid	/* Kreslí průběh meníčka */
{
	width: 264px;
    height: 180px;
	background-color: rgb(238, 238, 238);
	border-left: 1px solid rgb(219, 219, 219);
	border-right: 1px solid rgb(219, 219, 219);
}

.menu-bot	/* Kreslí konec menu */
{
	width: 266px;
	height: 12px;
    float: top;
	background: url("media/menu-bot.png") 0 0 no-repeat;
}

.menu-li
{
    float:left;
	margin-left:10px;
	margin-right:5px;
    margin-bottom: 10px;
    clear: left;
}
.div-li
{
    margin-top:4px;
	float: right;
    width: 202px;
    margin-bottom: 10px;
}
/*********** /UCHO MENU *********************/


/*********** STŘEDNÍ SLOUPEC *********************/
#content {  /* layout střed */ 
	float: left;
	width: 557px;
	margin-bottom: 15px;
}

.content-nadpis /* nadpis zobrazené sekce */
{
 float: left;
 width: 545px;
 height: 28px;
 margin-left:9px;
 margin-top: 5px;
 background: url("../media/content-nadpis.jpg") 0 0 no-repeat;
}

.content-popis  /* nadpis a popisek produktu */
{
 float: left;
 width: 545px;
 margin-left:9px;
 margin-bottom: 9px; 
}

.content-nadpis-orange /* Formátuje nadpis ve spanu v obsahu */
{
    position: relative;
    bottom: 2px;
    text-decoration: underline;
	color: rgb(255, 61, 0);
}

.content-items /* hlavni kontejner na grafy */
{
 float: left;
 width: 545px;
 margin-left:9px;
 padding-bottom:5px;
 margin-bottom:35px;
 text-align: justify;
 background: rgb(220, 236, 251);
 border-right:  1px solid rgb(215, 213, 213);
 border-bottom:  1px solid rgb(215, 213, 213);
 border-left:  1px solid rgb(215, 213, 213);
}

.content-items-menu-obal /* obal menu kontejneru na grafy */
{
 float: left;
 width: 545px;
 margin-left:9px;
}

.content-items-menu-aktiv /* menu kontejneru na grafy aktivní */
{
 float: left;
 width: 130px;
 height: 35px;
 text-align: center;
 background: rgb(220, 236, 251);
 border-top:  1px solid rgb(215, 213, 213);
 border-right:  1px solid rgb(215, 213, 213);
 border-bottom: 1px solid rgb(220, 236, 251);
 border-left:  1px solid rgb(215, 213, 213);
}

.content-items-menu-pasiv /* menu kontejneru na grafy pasivní */
{
 float: left;
 width: 130px;
 height: 35px;
 text-align: center;
 background: rgb(210, 217, 225);
 border:  1px solid rgb(215, 213, 213);
}

.content-items-menu-delitko /* mezera mezi tlačítky menu v kontejneru na grafy */
{
 float: left;
 width: 2px;
 height: 36px;
 border-bottom:  1px solid rgb(215, 213, 213); 
}

.content-items-menu-vypln /* mezera mezi posl. tlačítkem a koncem kontejneru na grafy */
{
 float: left;
 width: 145px;
 height: 36px;
 background: white;
 border-bottom:  1px solid rgb(215, 213, 213);  
}

/*********** /STŘEDNÍ SLOUPEC *********************/


/***************** PATIČKA ************************/
.footer
{
    clear: both;
    height: 120px;
    width: 950px;
	text-align: center;
    background: url("media/bottom.png") 0 0 no-repeat;
}

a:link, a:visited
{
 text-decoration: none;
 color: black;
 cursor: pointer;
}

.hreffooter a
{
 color: white;
 cursor: pointer;
 text-decoration: none;
 font-size: 8pt;
}

.hreffooter a:link
{
 color: white;
}

.hreffooter a:visited
{
 color: white;
}
/***************** PATIČKA ************************/

H1  {
	font-size: 10pt;
	font-weight: bold;
    margin: 0px;
    float: left;
}

H2  {
    font-size: 10pt;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;	
}

H3  {
    font-size: 10pt;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;	
}

H4  {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: black;
	margin: 0px auto;
	padding: 5px;
    text-align: center;
}

H5{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin: 0px auto;
	padding: 0px;
}