* {margin: 0px; padding: 0px;}
body {text-align: center; background-color: #E0E0E0; margin: 0px auto; font-family: Verdana, Arial; font-size: 12px; line-height: 1.5;}
#stranka_obal {width: 970px; background-image: url("podklad.jpg"); margin: 0px auto;}

#stranka_pf {background-image: url("podklad.jpg"); margin: 0px auto; height: 610px;}

#hlavicka {width: 100%; height: 150px;}
#foto {float: left; width: 200px; padding: 5px 0px 0px 0px; text-align: center;}
#foto2{float: right; width: 200px; padding: 5px 0px 0px 0px;}
#logo {padding: 12px 0px 0px 0px; text-align: center; height: 133px;}
#znak{float: right; width: 150px; padding: 5px 0px 0px 0px;}
#stranky {text-align: left; height: 100%; padding: 10px 10px 10px 10px;}
.nadpis {FONT-SIZE: 18px; COLOR: #0000FF; FONT-FAMILY: Arial; text-align: center;}
.nadpis_ulice {float: left; FONT-SIZE: 18px; COLOR: #0000FF; FONT-FAMILY: Arial; padding: 0px 0px 0px 5px;}
.text {COLOR: #0000FF; FONT-FAMILY: Arial; FONT-SIZE: 13px;}
.text_ulice {float: right; FONT-SIZE: 18px; COLOR: #0000FF; FONT-FAMILY: Arial; font-weight:bold;}
#pocet {float: left; padding: 10px 0px 0px 10px; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 11px;}
#datumak {float: right; padding: 10px 10px 0px 0px; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 11px;}
#licence {padding: 10px 0px 0px 0px; text-align: center; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 11px;}
#uvod {width: 970px;}
#plakat {float: left; width: 692px; height: 424px; padding: 0px 0px 10px 0px;}
#infopanel{float: right; width: 230px; min-width: 230px; padding: 0px 20px 10px 0px; text-align: center;}
.ramecek {border: 1px solid  rgb(192, 192, 192); background: url('podklad.gif') no-repeat;}
#zpravy1 {float: left; width: 470px; min-width: 470px; padding: 0px 10px 10px 0px; text-align: left;}
#zpravy2{float: right; width: 470px; min-width: 470px; padding: 0px 0px 10px 0px; text-align: left;}
#rss{padding: 0px 0px 0px 5px;}
#reset {border:  0px none; margin:  0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px;}
#google {width: 100%; text-align: center;}

#zakladni_info_left{float: left; width: 200px; min-width: 200px; padding: 0px 0px 10px 0px; text-align: center;}
#zakladni_info_right{float: right; width: 740px; min-width: 740px; padding: 0px 0px 10px 0px; text-align: center;}
#zakladni_info_text{COLOR: #0000FF; FONT-FAMILY: Arial; FONT-SIZE: 12px; Text-align: justify; padding: 2px 4px 2px 4px;}

/* ######### CSS televizni program  ######### */
#tv {padding: 10px 0px 10px 0px; width: 100%; text-align: center; FONT-SIZE: 12px; FONT-FAMILY: Arial;}
#tv2 {padding: 0px 10px 10px 10px;}

/* ######### CSS fotogalerie ulice  ######### */
#abc {padding: 10px 0px 10px 0px; width: 100%; text-align: center; FONT-SIZE: 18px; FONT-FAMILY: Arial;}
#ulice {text-align: center; FONT-SIZE: 15px; FONT-FAMILY: Arial;}

a.abc_odkazy:link {border: 1px solid  rgb(192, 192, 192); width: 100%; padding: 5px; TEXT-DECORATION: none; color: #0000FF;}
a.abc_odkazy:visited {border: 1px solid  rgb(192, 192, 192); width: 100%; padding: 5px; TEXT-DECORATION: none; color: #0000FF;}
a.abc_odkazy:hover {border: 1px solid  rgb(192, 192, 192); padding: 5px; width: 100%; TEXT-DECORATION: none; color: #FF0000;}

#as {float: left; width: 950px; min-width: 950px; padding: 0px 10px 10px 0px; text-align: left;}
#as_pozadi {width: 100%; height: 30px;}
#fotka {text-align: center; padding: 5px 0px 5px 0px; width: 470px; height: 350px; float: left;}
#fotka2 {padding: 5px 0px 5px 0px; width: 910px; height: 680px;}
  
/* ######### CSS zmena obrazku  ######### */
.slideshow { height: 424px;  margin: auto }
.slideshow img { padding: 0px; border: 1px solid #ccc; background-image: url("podklad.jpg");}
.partner { height: 135px;  margin: auto }
.partner img { padding: 10px; border: 1px solid #ccc; background-image: url("podklad.jpg");}

/* ######### CSS odkazy  ######### */
a.odkazy:link { TEXT-DECORATION: none; color: #0000FF;}
a.odkazy:visited { TEXT-DECORATION: none; color: #0000FF;}
a.odkazy:hover { TEXT-DECORATION: none; color: #FF0000;}

a.odkaz_bila:link { TEXT-DECORATION: none; color: #FFFFFF;}
a.odkaz_bila:visited { TEXT-DECORATION: none; color: #FFFFFF;}
a.odkaz_bila:hover { TEXT-DECORATION: none; color: #FFFFFF;}

/* ######### CSS rozbalovaci menu  ######### */
#menu {width: 100%; height: 30px; background-image: url("menu.gif");}
a.menu:link { TEXT-DECORATION: none; color: #FFFFFF; }
a.menu:visited { TEXT-DECORATION: none; color: #FFFFFF; }
a.menu:hover { TEXT-DECORATION: none; color: #FFFFFF; }

a.menu2:link { TEXT-DECORATION: none; color: #FFFFFF; }
a.menu2:visited { TEXT-DECORATION: none; color: #FFFFFF; }
a.menu2:hover { TEXT-DECORATION: none; color: #FFFFFF; background-color: red;}

.jqueryslidemenu {font: bold 10px Verdana; width:970; position:relative; z-index:20;}
.jqueryslidemenu ul{margin: 0; padding: 0; list-style-type: none;}
.jqueryslidemenu ul li{position: relative; display: inline; float: left;}
.a ul  a {display: block; background: #ff0000; color: white; padding: 8px 10px; color: #0000ff; text-decoration: none;}
.jqueryslidemenu ul li a{display: block; color: white; padding: 9px 10px; color: #2d2b2b; text-decoration: none;}
* html .jqueryslidemenu ul li a {display: inline-block;}
.jqueryslidemenu ul li ul {position: absolute; left: 0; display: block; visibility: hidden;}
.jqueryslidemenu ul li ul li {display: list-item; float: none;}
.jqueryslidemenu ul li ul li ul {top: 0;}
.jqueryslidemenu ul li ul li a {font: normal 12px Verdana; width: 160px; text-align: left; background: red; margin: 0; background-color: blue; padding: 5px; border-top-width: 0; border-bottom: 0px solid gray;}
.jqueryslidemenuz ul li ul li a:hover{background: #eff9ff; color: black;}
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}