/*************** Layout ***************/

html, body
{
border: 0px none;
margin: 0px;
padding: 0px;
font-family: verdana, "Verdana CE"; 
text-align: center; 
height: 100%; 
background: #333333;
}
.resetovac
{
border: 0px none;
margin: 0px;
padding: 0px;
float: none;
clear: both;
width: 0px;
height: 0px;
line-height: 0px;
font-size: 0px;
}

#strankaobal
{
width: 1152px;
margin: 0px auto 0px auto; 
border: 0; 
height: auto; 
color: black; 
}

#pozadi
{
width: 100%;
background: url(../pict/layout/back_hlavicka.jpg) repeat-x  #ffffff;
}

#strankahlavicka
{
height: 158px;
background: url(../pict/layout/hlavicka.jpg);
text-align: left;
}
#strankapaticka
{
padding-top: 10px;
height: 117px;
background: url("../pict/layout/back_paticka.jpg") repeat-x #333333;
}


#levypanelobal
{
float: left;
width: 229px;
height: auto; 
min-height: 600px;
background: url(../pict/layout/levypanel.jpg) no-repeat;

}
#levypanelvnitrek
{
width: 229px;
height: auto; 
text-align: left;
padding: 0 0 30px 41px;
}

#pravypanelobal
{
float: right;
width: 231px;
height: auto; 
min-height: 600px;
background: url(../pict/layout/pravypanel.jpg) no-repeat;
}
#pravypanelvnitrek
{
text-align: center;
height: auto; 
padding: 20px 40px 30px 0;
}

#hlavnipanelobal
{
float: left;
width: 692px;
height: auto; 
min-height: 300px;
text-align: left;
background: #ffffff;
}

#hlavnipanelobsah
{
height: auto; 
padding: 5px 20px 20px 20px;
text-align: left;
}

#logo
{
float: left;
width: 194px;
height: 59px;
padding: 50px 0 0 40px;
}

#onlineobjednavka
{
float: left;
width: 169px;
height: 50px;
padding: 50px 0 0 50px;
}

#reklama
{
border: solid 1px #cccccc;
width: 160px;
height: 40px;
margin-bottom: 10px;
}

#aktuality
{
font-size: 0.8em;
line-height: 30px;
padding: 0 0 0 10px;
margin: 20px 0 0 8px;
width: 160px;
height: 30px;
background: #339933;
color: #ffffff;
}

#menusluzby
{
padding: 10px 0 0 8px;
width: 160px;
}


/********* MENU HLAVICKA *******/

#obalmenuhlavicka
{
float: right;
width: 900px;
text-align: right;
}

.cl
{
clear: both;
}
ul.buthlavicka
{
font-size: 0.8em;
margin: 0 37px 0 0;
padding: 0;
}
ul.buthlavicka li
{
list-style-type: none;
}
ul.buthlavicka li.item
{
float: right;
width: auto;
height: 77px;
margin-right: 5px;
margin-top: -28px;
}
ul.buthlavicka li.item a
{
display: block;
width: auto;
height: 77px;
line-height: 40px; /* svisle centrovani */
text-align: center; /* vodorovne centrovani */
background: url(../pict/layout/butt.jpg);
color: #ffffff;
border: none;
text-decoration: none;
padding: 0 5px 0 5px;
}
ul.buthlavicka li.item a:hover
{
color: #ff6666;
border: none;
}

#obalmenuhlavicka .aktivni
{
color: #ff0000;
}


#obalmenumutace
{
float: right;
width: 300px;
}

.cl
{
clear: both;
}
ul.butmutace
{
font-size: 0.6em;
margin: -110px 37px 0 0;
padding: 0;
}
ul.butmutace li
{
list-style-type: none;
}
ul.butmutace li.jazyk
{
float: right;
width: 25px;
height: 25px;
margin-right: 8px;
}
ul.butmutace li.jazyk a
{
display: block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center; /* vodorovne centrovani */
background: url("../pict/layout/butt_language.jpg");
color: #cc9999;
border: none;
text-decoration: none;
padding: 0 2px 0 2px;
}
ul.butmutace li.jazyk a:hover
{
color: #cc9999;
border: none;
}


/**************** MENU SLUZBY ******************/

/* Step 10 - Clearing the float */
#sluzby {
display:block; 
width:135px; }

/* Step 3 - get rid of the bullets and margin */
#sluzby ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#sluzby li {float:left; margin-right:1px;}

/* Step 5 - Adding the initial images */

#sluzby li.list1 {background:transparent url(../pict/layout/icon_sluzby/folie.jpg) no-repeat;}
#sluzby li.list2 {background:transparent url(../pict/layout/icon_sluzby/dtp.jpg) no-repeat;}
#sluzby li.list3 {background:transparent url(../pict/layout/icon_sluzby/velkoplosny.jpg) no-repeat;}
#sluzby li.list4 {background:transparent url(../pict/layout/icon_sluzby/tisk.jpg) no-repeat;}
#sluzby li.list5 {background:transparent url(../pict/layout/icon_sluzby/textil.jpg) no-repeat;} 
#sluzby li.list6 {background:transparent url(../pict/layout/icon_sluzby/samolepky.jpg) no-repeat;} 
#sluzby li.list7 {background:transparent url(../pict/layout/icon_sluzby/razitka.jpg) no-repeat;} 
#sluzby li.list8 {background:transparent url(../pict/layout/icon_sluzby/web.jpg) no-repeat;} 
#sluzby li.list9 {background:transparent url(../pict/layout/icon_sluzby/desky.jpg) no-repeat;} 
#sluzby li.list10 {background:transparent url(../pict/layout/icon_sluzby/gravirovani.jpg) no-repeat;} 
#sluzby li.list11 {background:transparent url(../pict/layout/icon_sluzby/geocaching.jpg) no-repeat;} 
#sluzby li.list12 {background:transparent url(../pict/layout/icon_sluzby/jakytyp.jpg) no-repeat;} 

#sluzby li.reference {background:transparent url(../pict/layout/icon_sluzby/reference.jpg) no-repeat;} 

/* Step 6 - General link styling */

#sluzby a {
font-size: 0.6em;
line-height: 1.2em;
display:block; 
width:135px; 
padding: 0.75em 0 0.75em 30px; 
color:#333333;
text-decoration: none;
text-align: left;
border-bottom: #cccccc solid 1px;
}

#sluzby .barva {color: #990000;}
#sluzby .oznaceni {color: #990000;}
#sluzby a:hover {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #sluzby a:link, * html #menu a:visited {height:25px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#sluzby a#item1 {background:transparent url(../pict/layout/icon_sluzby/folie_over.jpg) -130px -90px no-repeat;}
#sluzby a#item2 {background:transparent url(../pict/layout/icon_sluzby/dtp_over.jpg) -130px -90px no-repeat;}
#sluzby a#item3 {background:transparent url(../pict/layout/icon_sluzby/velkoplosny_over.jpg) -130px -90px no-repeat;}
#sluzby a#item4 {background:transparent url(../pict/layout/icon_sluzby/tisk_over.jpg) -130px -90px no-repeat;}
#sluzby a#item5 {background:transparent url(../pict/layout/icon_sluzby/textil_over.jpg) -130px -90px no-repeat;}
#sluzby a#item6 {background:transparent url(../pict/layout/icon_sluzby/samolepky_over.jpg) -130px -90px no-repeat;}
#sluzby a#item7 {background:transparent url(../pict/layout/icon_sluzby/razitka_over.jpg) -130px -90px no-repeat;}
#sluzby a#item8 {background:transparent url(../pict/layout/icon_sluzby/web_over.jpg) -130px -90px no-repeat;}
#sluzby a#item9 {background:transparent url(../pict/layout/icon_sluzby/desky_over.jpg) -130px -90px no-repeat;}
#sluzby a#item10 {background:transparent url(../pict/layout/icon_sluzby/gravirovani_over.jpg) -130px -90px no-repeat;}
#sluzby a#item11 {background:transparent url(../pict/layout/icon_sluzby/geocaching_over.jpg) -130px -90px no-repeat;}
#sluzby a#item12 {background:transparent url(../pict/layout/icon_sluzby/jakytyp_over.jpg) -130px -90px no-repeat;}

#sluzby a#reference {background:transparent url(../pict/layout/icon_sluzby/reference_over.jpg) -130px -90px no-repeat;}

/* Step 9 - Adding the :hover style */

#sluzby a#item1:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item2:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item3:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item4:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item5:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item6:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item7:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item8:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item9:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item10:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item11:hover {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item12:hover {color: #990000; background-position:0 0; z-index:50;}

#sluzby a#reference:hover {color: #990000; background-position:0 0; z-index:50;}

#sluzby a#item1.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item2.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item3.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item4.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item5.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item6.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item7.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item8.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item9.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item10.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item11.oznaceni {color: #990000; background-position:0 0; z-index:50;}
#sluzby a#item12.oznaceni {color: #990000; background-position:0 0; z-index:50;}

#sluzby a#reference.oznaceni {color: #990000; background-position:0 0; z-index:50;}

* html #sluzby a:hover {height:128px; he\ight:0;}



#sluzbyindex {
display:block; 
width:700px; 
height: 500px;
margin: 10px 0 0 -10px;}

/* Step 3 - get rid of the bullets and margin */
#sluzbyindex ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#sluzbyindex li {float:left; margin-right:1px;}

/* Step 5 - Adding the initial images */

#sluzbyindex li.list1 {background:transparent url(../pict/layout/icon_index/folie.jpg) no-repeat;}
#sluzbyindex li.list2 {background:transparent url(../pict/layout/icon_index/dtp.jpg) no-repeat;}
#sluzbyindex li.list3 {background:transparent url(../pict/layout/icon_index/velkoplosny.jpg) no-repeat;}
#sluzbyindex li.list4 {background:transparent url(../pict/layout/icon_index/tisk.jpg) no-repeat;}
#sluzbyindex li.list5 {background:transparent url(../pict/layout/icon_index/textil.jpg) no-repeat;} 
#sluzbyindex li.list6 {background:transparent url(../pict/layout/icon_index/samolepky.jpg) no-repeat;} 
#sluzbyindex li.list7 {background:transparent url(../pict/layout/icon_index/razitka.jpg) no-repeat;} 
#sluzbyindex li.list8 {background:transparent url(../pict/layout/icon_index/web.jpg) no-repeat;} 
#sluzbyindex li.list9 {background:transparent url(../pict/layout/icon_index/desky.jpg) no-repeat;} 
#sluzbyindex li.list10 {background:transparent url(../pict/layout/icon_index/gravirovani.jpg) no-repeat;} 
#sluzbyindex li.list11 {background:transparent url(../pict/layout/icon_index/geocaching.jpg) no-repeat;} 
#sluzbyindex li.list12 {background:transparent url(../pict/layout/icon_index/jakytyp.jpg) no-repeat;} 

/* Step 6 - General link styling */

#sluzbyindex a {
display:block; 
width:328px; 
height:80px; 
padding: 5px 0px 0 10px; 
margin-right: 8px;
}

#sluzbyindex .barva {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #sluzbyindex a:link, * html #sluzbyindex a:visited {height:25px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#sluzbyindex a#item1 {background:transparent url(../pict/layout/icon_index/folie_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item2 {background:transparent url(../pict/layout/icon_index/dtp_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item3 {background:transparent url(../pict/layout/icon_index/velkoplosny_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item4 {background:transparent url(../pict/layout/icon_index/tisk_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item5 {background:transparent url(../pict/layout/icon_index/textil_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item6 {background:transparent url(../pict/layout/icon_index/samolepky_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item7 {background:transparent url(../pict/layout/icon_index/razitka_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item8 {background:transparent url(../pict/layout/icon_index/web_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item9 {background:transparent url(../pict/layout/icon_index/desky_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item10 {background:transparent url(../pict/layout/icon_index/gravirovani_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item11 {background:transparent url(../pict/layout/icon_index/geocaching_over.jpg) -130px -90px no-repeat;}
#sluzbyindex a#item12 {background:transparent url(../pict/layout/icon_index/jakytyp_over.jpg) -130px -90px no-repeat;}

/* Step 9 - Adding the :hover style */

#sluzbyindex a#item1:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item2:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item3:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item4:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item5:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item6:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item7:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item8:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item9:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item10:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item11:hover {color: #330000; background-position:0 0; z-index:50;}
#sluzbyindex a#item12:hover {color: #330000; background-position:0 0; z-index:50;}

* html #sluzbyindex a:hover {height:80px; he\ight:0;}


#propagace {
display:block; 
width:700px; 
height: 500px;
margin: 10px 0 0 -10px;}

/* Step 3 - get rid of the bullets and margin */
#propagace ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#propagace li {float:left; margin-right:1px;}

/* Step 5 - Adding the initial images */

#propagace li.list1 {background:transparent url(../pict/layout/propagace/icon_kadernictvi.jpg) no-repeat;}
#propagace li.list2 {background:transparent url(../pict/layout/propagace/icon_autodoprava.jpg) no-repeat;}
#propagace li.list3 {background:transparent url(../pict/layout/propagace/icon_obleceni.jpg) no-repeat;}
#propagace li.list4 {background:transparent url(../pict/layout/propagace/icon_hotel.jpg) no-repeat;}
#propagace li.list5 {background:transparent url(../pict/layout/propagace/icon_ucetni.jpg) no-repeat;} 
#propagace li.list6 {background:transparent url(../pict/layout/propagace/icon_restaurace.jpg) no-repeat;} 

/* Step 6 - General link styling */

#propagace a {
display:block; 
width:328px; 
height:80px; 
padding: 5px 0px 0 10px; 
margin-right: 8px;
}

#propagace .barva {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #propagace a:link, * html #propagace a:visited {height:25px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#propagace a#item1 {background:transparent url(../pict/layout/propagace/icon_kadernictvi_over.jpg) -130px -90px no-repeat;}
#propagace a#item2 {background:transparent url(../pict/layout/propagace/icon_autodoprava_over.jpg) -130px -90px no-repeat;}
#propagace a#item3 {background:transparent url(../pict/layout/propagace/icon_obleceni_over.jpg) -130px -90px no-repeat;}
#propagace a#item4 {background:transparent url(../pict/layout/propagace/icon_hotel_over.jpg) -130px -90px no-repeat;}
#propagace a#item5 {background:transparent url(../pict/layout/propagace/icon_ucetni_over.jpg) -130px -90px no-repeat;}
#propagace a#item6 {background:transparent url(../pict/layout/propagace/icon_restaurace_over.jpg) -130px -90px no-repeat;}

/* Step 9 - Adding the :hover style */

#propagace a#item1:hover {color: #330000; background-position:0 0; z-index:50;}
#propagace a#item2:hover {color: #330000; background-position:0 0; z-index:50;}
#propagace a#item3:hover {color: #330000; background-position:0 0; z-index:50;}
#propagace a#item4:hover {color: #330000; background-position:0 0; z-index:50;}
#propagace a#item5:hover {color: #330000; background-position:0 0; z-index:50;}
#propagace a#item6:hover {color: #330000; background-position:0 0; z-index:50;}

* html #propagace a:hover {height:80px; he\ight:0;}


#razitkaobal
{
width: 600px;
text-align: center;
}

#razitka {
display:block; 
width:690px; 
height: 600px;
margin: 10px 0 0 0;}

/* Step 3 - get rid of the bullets and margin */
#razitka ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#razitka li {float:left;}

/* Step 5 - Adding the initial images */

#razitka li.list1 {background:transparent url(../pict/sluzby/razitka/img_modico.jpg) no-repeat;}
#razitka li.list2 {background:transparent url(../pict/sluzby/razitka/img_shiny.jpg) no-repeat;}
#razitka li.list3 {background:transparent url(../pict/sluzby/razitka/img_kapesni.jpg) no-repeat;}
#razitka li.list4 {background:transparent url(../pict/sluzby/razitka/img_tuzky.jpg) no-repeat;}
#razitka li.list5 {background:transparent url(../pict/sluzby/razitka/img_datumovky.jpg) no-repeat;} 
#razitka li.list6 {background:transparent url(../pict/sluzby/razitka/img_stocky.jpg) no-repeat;} 
#razitka li.list7 {background:transparent url(../pict/sluzby/razitka/img_rychlo.jpg) no-repeat;} 

/* Step 6 - General link styling */

#razitka a {
display:block; 
width:200px;  
padding: 130px 0px 50px 0px; 
}

#razitka .barva {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #razitka a:link, * html #razitka a:visited {height:25px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#razitka a#item1 {background:transparent url(../pict/sluzby/razitka/img_modico_over.jpg) -200px -200px no-repeat;}
#razitka a#item2 {background:transparent url(../pict/sluzby/razitka/img_shiny_over.jpg) -200px -200px no-repeat;}
#razitka a#item3 {background:transparent url(../pict/sluzby/razitka/img_kapesni_over.jpg) -200px -200px no-repeat;}
#razitka a#item4 {background:transparent url(../pict/sluzby/razitka/img_tuzky_over.jpg) -200px -200px no-repeat;}
#razitka a#item5 {background:transparent url(../pict/sluzby/razitka/img_datumovky_over.jpg) -200px -200px no-repeat;}
#razitka a#item6 {background:transparent url(../pict/sluzby/razitka/img_stocky_over.jpg) -200px -200px no-repeat;}
#razitka a#item7 {background:transparent url(../pict/sluzby/razitka/img_rychlo_over.jpg) -200px -200px no-repeat;}

/* Step 9 - Adding the :hover style */

#razitka a#item1:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item2:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item3:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item4:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item5:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item6:hover {color: #330000; background-position:0 0; z-index:50;}
#razitka a#item7:hover {color: #330000; background-position:0 0; z-index:50;}

* html #razitka a:hover {height:80px; he\ight:0;}


#online {
float: right;
display:block; 
width:250px; 
height: 30px;
margin: 20px 0 0 0;}


/* Step 3 - get rid of the bullets and margin */
#online ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#online li {float:left;}

/* Step 5 - Adding the initial images */

#online li.list1 {background:transparent url(../pict/ostatni/online.jpg) no-repeat;}

/* Step 6 - General link styling */

#online a {
display:block; 
width:250px;
height: 30px;  
padding: 3px 0px 0px 10px; 
}

#online .barva {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #online a:link, * html #online a:visited {height:30px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#online a#item1 {background:transparent url(../pict/ostatni/online_over.jpg) -200px -200px no-repeat;}

/* Step 9 - Adding the :hover style */

#online a#item1:hover {color: #330000; background-position:0 0; z-index:50;}

* html #online a:hover {height:80px; he\ight:0;}


#online_left {
float: left;
display:block; 
width:250px; 
height: 30px;
margin: 20px 0 0 0;}


/* Step 3 - get rid of the bullets and margin */
#online_left ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#online_left li {float:left;}

/* Step 5 - Adding the initial images */

#online_left li.list1 {background:transparent url(../pict/ostatni/online.jpg) no-repeat;}

/* Step 6 - General link styling */

#online_left a {
display:block; 
width:250px;
height: 30px;  
padding: 3px 0px 0px 10px; 
}

#online_left .barva {color: #990000;}
/* hack for older versions of IE with incorrect box model */

* html #online_left a:link, * html #online_left a:visited {height:30px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#online_left a#item1 {background:transparent url(../pict/ostatni/online_over.jpg) -200px -200px no-repeat;}

/* Step 9 - Adding the :hover style */

#online_left a#item1:hover {color: #330000; background-position:0 0; z-index:50;}

* html #online_left a:hover {height:80px; he\ight:0;}






/************ MENU CENIK **************/


#obalmenucenik
{
width: 100%;
text-align: center;
border-bottom: #cccccc solid 1px;
}

.cl
{
clear: both;
}
#menucenik ul{
  text-align: center;
  margin: 0 0 0 20px;
  padding: 0px; 
  list-style-type: none;} /*zruseni tecek seznamu odkazu*/
 
#menucenik li{  
  text-align: center;
  float: left;
  font-size: 0.8em;
  line-height: 2em;
  margin-bottom: 10px;
  }

#menucenik li a{  
  text-align: center;
  width: auto;
  padding: 0 1em 0 1em;
  height: 25px;
  color: #333333;           /*bila barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/   
  text-decoration: none;
  border: #cccccc solid 1px;
  border-collapse: collapse;
}

#menucenik a:hover{ 
  width: auto;
  height: 25px; 
  color: #000000;           /*cerna barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/
  text-decoration: none;
  background: #cccccc;
}

#menucenik .aktivni{ 
  width: auto;
  height: 25px; 
  color: #ffffff;           /*cerna barva pisma*/
  display: block;         /*aby se zobrazilo cele (blok) pozadi*/
  text-decoration: none;
  background: #333333;
 }










/************ FONTS **************/

a
{
text-decoration: none;
}

p
{
font-size: 0.8em;
line-height: 1.4em;
color: #333333;
text-decoration: none;
}

p a
{
color: #333333;
text-decoration: none;
}

p a:hover
{
color: #990000;
text-decoration: none;
}

p.paticka
{
font-size: 0.6em;
line-height: 1.1em;
color: #cccccc;
text-decoration: none;
}

h1 {
font-size: 0.8em;
line-height: 0.6em;
color:#ffffff;
text-decoration: none;
text-align: left;
}

h2
{
font-size: 0.6em;
font-weight: lighter;
line-height: 1.2em;
color: #333333;
text-decoration: none;
margin: 0;
padding: 5px 0 0 0;
}

h3
{
font-size: 1.2em;
line-height: 1.6em;
color: #990000;
text-decoration: none;
text-align: left;
padding: 0;
margin: 20px 0 0 0;
}

h4
{
font-size: 1em;
line-height: 1.6em;
color: #990000;
text-decoration: none;
text-align: center;
padding: 0;
margin: 20px 0 20px 0;
}

h5
{
font-size: 0.9em;
line-height: 1.6em;
color: #333333;
text-decoration: none;
text-align: left;
padding: 0;
margin: 20px 0 20px 0;
}

p.paticka a
{
color: #cccccc;
text-decoration: none;
}

p.paticka a:hover
{
color: #cccccc;
text-decoration: none;
}

.reklama
{
font-size: 0.6em;
font-style: italic;
color: #333333;
text-decoration: none;
padding-top: -20px;
}

ul.aktuality
{
font-size: 0.8em;
line-height: 1.6em;
color: #333333;
margin: 5px 5px 0 5px;
padding: 0 0 0 0;
list-style-type: square;
}

ul.aktuality li
{
margin: 5px 5px 5px 0 ;
padding: 0 0 0 0;
}

#ref_obal
{
width: 100%;
text-align: center;
border-top: #cccccc solid 1px;
}

.ref_odkaz
{
font-size: 0.8em;
color: #333333;
text-decoration: none;
}

.ref_odkaz a
{
font-size: 0.8em;
color: #333333;
text-decoration: none;
}

.ref_odkaz a:hover
{
font-size: 0.8em;
color: #990000;
text-decoration: none;
}

.ref_nadpis
{
width: 100%;
font-size: 0.8em;
line-height: 1.2em;
color: #333333;
font-weight: bold;
}

ul.p
{
font-size: 0.8em;
line-height: 1.4em;
color: #333333;
text-decoration: none;
}

ul.p li
{
margin: 0 0 0.8em 0;
padding: 0;
}

#reference
{
display: block;
width: 300px;
}

#reference a
{
display: block;
width: 300px;
}

#reference a:hover
{
display: block;
width: 300px;
background: #cccccc;
}

ul.reference
{
font-size: 0.8em;
line-height: 1.2em;
margin: 0;
padding: 0;
color: #333333;
text-decoration: none;
}

ul.reference a
{
color: #333333;
text-decoration: none;
}

ul.reference a:hover
{
color: #990000;
text-decoration: none;
}

ul.reference li
{
margin: 0 0 0.6em 1.4em;
padding: 0;
list-style-image: url("../pict/layout/odrazka.jpg");
}

.txt_razitka {
font-size: 0.8em;
font-weight: bold;
color:#333333;
text-decoration: none;
text-align: center;
}


.postisk_serp
{
font-size: 0.8em;
line-height: 1.2em;
margin: 0;
padding: -10px 0 0 0;
color: #990000;
text-decoration: none;
}

.postisk_serp a
{
color: #990000;
text-decoration: underline;
}

.postisk_serp a:hover
{
color: #333333;
text-decoration: underline;
}

#vzornik_serp {
width: 300px;
height: 50px;
background: url("../pict/sluzby/serpy/vzornik_serp.jpg") no-repeat top left;
padding: 10px 0 0 60px;
}



/********************** TABULKY **********************/

#tab table 
{ 
width: 100%;
border: solid white 2px;   
border-collapse: collapse; 
color: #333333;
font-size: 0.7em;
text-align: center; 
} 

table 
{ 
text-align: left; 
margin: auto; 
} 

table caption 
{  
font-size: 1.8em;
line-height: 1.6em;
color: #990000;
font-weight: bold; 
text-align: left; 
padding: 20px 0 1em 0; 
} 

th, td 
{ 
padding: .4em .4em; 

} 


#tab th 
{ 
text-align: center; 
} 

#tab tr.zahlavi th 
{ 
border-bottom: solid #d3d4d4 1px; 
} 

#tab tr 
{ 
background: #ffffff; 
} 

#tab th, #tab td 
{ 
border: solid #d3d4d4  1px; 
} 

#tab tr.sudy * 
{ 
background: #f4f5f5; 
} 

#tab tr.zahlavi th 
{ 
color: #ffffff; 
font-weight: lighter; 
background: #333333; 
}


/************** SITEMAP *****************/

ul.sitemap
{
font-size: 1em;
line-height: 1.4em;
margin: 0;
padding: 0;
color: #990000;
font-weight: bold;
text-decoration: none;
}

ul.sitemap a
{
color: #990000;
text-decoration: none;
}

ul.sitemap a:hover
{
color: #990000;
text-decoration: none;
}

ul.sitemap li
{
margin: 0 0 0.6em 5em;
padding: 0;
list-style-image: url("../pict/layout/odrazka.jpg");
}

ul.sitemap2
{
font-size: 0.8em;
line-height: 1.2em;
margin: 0;
padding: 0;
color: #333333;
font-weight: lighter;
text-decoration: none;
}

ul.sitemap2 a
{
color: #333333;
text-decoration: none;
}

ul.sitemap2 a:hover
{
color: #990000;
text-decoration: none;
}

ul.sitemap2 li
{
margin: 0 0 0.6em 10em;
padding: 0;
list-style: square;
}

ul.sitemap3
{
font-size: 0.8em;
line-height: 1.2em;
margin: 0;
padding: 0;
color: #333333;
font-weight: lighter;
text-decoration: none;
}

ul.sitemap3 a
{
color: #333333;
text-decoration: none;
}

ul.sitemap3 a:hover
{
color: #990000;
text-decoration: none;
}

ul.sitemap3 li
{
margin: 0 0 0.6em 17em;
padding: 0;
list-style: circle;
}