body 	{color: #2a2a2a; background: #000000 url('../../images/bg.jpg') fixed left top repeat-x;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; text-align: right; _behavior: url('csshover.htc');}

a 	{color : #366CC7; text-decoration : none;}
a:hover {color : Blue;}
a img 	{border: none;}

h1,  h2,  h3, h4, h5{color: #305780; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1 		{margin: 10px 0 10px 40px; padding: 0; font-size: 24px; letter-spacing: 0.1em;}
h2 		{color: White; background: #3499CD url('../../images/h2.jpg'); border-bottom: 2px solid #204057; margin: 10px 0 5px 0; padding: 0 0 0 5px; font-size: 110%; border-top: 2px solid White; border-left: 2px solid #d7e4f2; border-right: 2px solid #2f4f6d;}
h2 a	{color: White;}
h3 		{clear: both; font-size: 150%; letter-spacing: 0.1em;border-bottom: 1px solid #305780; line-height: 40px; margin: 10px 0 5px 0; padding: 0 0 0 5px;}
h4 		{font-size: 150%; letter-spacing: 0.1em; line-height: 40px; margin: 10px 0 5px 0; padding: 0 0 0 5px;}
a h4 	{color:#366CC7;}
h5 		{font-size: 100%; line-height: 12px; margin: 0 0 0 5px; padding: 0;}
hr 		{color:#4682B4; clear:both;}

.w70	{width: 70px}
.w150	{width: 150px}
.m0	{margin: 0 0 5px 0;}
.bgblue {background: #c0e0f0;}
.red {color: red;}

/* Rozložení */
body>header     {position: absolute; width : 655px; height: 32px; top: 0px; left: 345px; background: url('../../images/header.jpg') no-repeat;}
body>section    {width : 655px; top: 32px; left: 345px; text-align: left; background: url('../../images/bg_tatoo.jpg') 0px 0px repeat; position: absolute;}
body>aside      {position: absolute; width : 345px; height: 713px; top: 0px; left: 0px; background: url('../../images/aside.jpg') no-repeat;}
#right_pane     {position: absolute; width : 260px; height: 532px; top: 7px; left: 1000px; background: url('../../images/right.png') no-repeat;}
#content {margin-top: 20px; padding: 0px 3em 0 3em; clear: both; min-height: 610px;}
#main_in {margin-top: 20px; padding: 0px 5px 20px 10px; clear: both; min-height: 610px;}
body>section footer  {width: 655px; height: 40px; background: url('../../images/foot.gif') no-repeat; clear: both;}

body>aside header a {left: 0px; top: 0px; width: 345px; height: 60px; background: none; position: absolute;}
body>aside header a:hover {background: url('../../images/name.gif') 0px 0px no-repeat;}
body>header  a.top {display: block; position: absolute; left: 305px; top: 5px; width: 45px; height: 18px;  background: url('../../images/btn_top.png') -45px 0px no-repeat; z-index : 20; }
body>header  a.top:hover {background: url('../../images/btn_top.png') -90px 0px no-repeat;}


/* navigace*/
nav 	{height: 331px; width: 142px; top: 75px; left: 2px; text-align: left; margin: 0; padding: 0; position: absolute;}
nav ul 	{margin: 0; padding: 0; width: 142px; line-height: 17px;}
nav li 	{position: relative; list-style: none; font-size: 12px; font-weight: bold; line-height: 26px; margin: 0; padding: 0; height: 28px;}
nav li a 	{display: block; line-height: 22px; height: 28px;  margin: 0; padding: 0 0 0 30px; text-decoration: none; color: Black; background: url('../../images/unplug.gif') -5px 0px no-repeat; _width: 125px;}
nav li:hover a 	{color: black; line-height : 24px; padding: 0 0 0 29px; background: url('../../images/unplug.gif') -150px 0px no-repeat;}
nav li:active a 	{background: url('../../images/unplug.gif') -295px 0px no-repeat;}

nav li a.seznam 	{ background: url('../../images/plug.gif') -5px 0px no-repeat; _width: 125px;}
nav li:hover a.seznam 	{line-height : 24px; padding: 0 0 0 29px; background: url('../../images/plug.gif') -150px 0px no-repeat;}
/*nav li.seznam:active a 	{background: url('../../images/plug.gif') -290px 0px no-repeat;}
*/

nav ul ul 		{text-align: left; position: absolute; z-index: 10; padding: 26px 0 0 0; margin: 0; top: -15px; left: 140px; width: 200px; visibility: hidden;  background: url('../../images/plugu.gif') left top no-repeat;}
nav li:hover ul 	{visibility: visible;}
nav li li, nav li:hover li 	{margin: 0 0 0 10px; *margin: -1px 0 0 10px; font-size : 10px; height: 16px; line-height: 16px; font-weight : normal; width: 175px; background: #000; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; white-space: nowrap;}
nav li li.end, nav li:hover li.end 	{border: 0px none; margin: 0 0 -8px 0; *margin: 0px 0 -10px 0; padding: 0; height: 10px;line-height: 0; width: 200px; background: url('../..//images/plugd.gif') 0px 0px no-repeat; filter: alpha(opacity=100); opacity: 1;}
nav li li a, nav li:hover li a 	{padding: 0 0 0 5px; margin: 0 0 0 5px; height: 20px; line-height: 20px; width: 150px; color: #FFF;background: #000;  filter: alpha(opacity=80); opacity: 0.8; }
nav li:hover li:hover a 	{background: #000; color: Lime;}

#flash   {text-align: center; left: 150px; top: 60px; width: 190px; height: 320px; position: absolute; z-index: 1;}

/*#stin   {left: 345px; top: 53px; width: 20px; height: 380px; position: absolute; z-index: 1; background: url('../../images/shadow.png') 0px 0px repeat; }*/
#lesk   {left: 15px; top: 432px; width: 316px; height:14px; position: absolute; z-index: 1; background: url('../../images/lesk.png') 0px 0px no-repeat; }
#news   {text-align: center; line-height: 14px; color: #88ff88; left: 0; top: 413px; width: 305px; height: 260px; margin:  25px 20px 15px 20px; padding: 0; position: absolute;}
#news img {margin-bottom: 5px;}
#display   {text-align: left; color: #222222; left: 217px; top: 404px; width: 100px; height: 20px; margin: 0; padding: 0; position: absolute; font-weight: bold;}
a.tv_up   {display:  block; left: 185px; top: 401px; width: 20px; height: 10px; position: absolute; padding: 0; margin: 0; font-size: 5px; line-height: 5px; background: url('../../images/tv_up.gif')}
a.tv_up:hover   {background: url('../../images/tv_up_over.gif')}
a.tv_up:active   {background: url('../../images/tv_up_active.gif')}
a.tv_down {display:  block; left: 185px; top: 415px; width: 20px; height: 10px;position: absolute;  padding: 0; margin: 0; font-size: 5px; line-height: 5px; background: url('../../images/tv_down.gif')}
a.tv_down:hover {background: url('../../images/tv_down_hover.gif')}
a.tv_down:active {background: url('../../images/tv_down_active.gif')}
a.tv_left   {display:  block; left: 15px; top: 675px; width: 30px; height: 20px; position: absolute; background: url('../../images/tv_left.gif')}
a.tv_left:hover  {background: url('../../images/tv_left_over.gif')}
a.tv_right  {display:  block; left: 300px; top: 675px; width: 30px; height: 20px; position: absolute; background: url('../../images/tv_right.gif')}
a.tv_right:hover  {background: url('../../images/tv_right_over.gif')}

.portret, .portret {display: block; position: absolute; left: 35px; top: 28px; width: 146px; height: 149px; background: url('../../images/portret.gif') 0px 0px no-repeat; z-index : 20; }
 a.portret:hover {background: url('../../images/portret.gif') -146px 0px no-repeat;}
/* Vertical scroller */
.datum 	{display:  block; color:#5ecbcc; text-align: right; font-size: 8px; margin:0 0px 5px 0px;}
.simply-scroll-container { position: relative;}/* Container DIV - automatically generated */
.vert {text-align: left; font-size: 12px; left: 32px; top: 204px; width: 220px; height: 310px; margin: 0; padding: 0; position: absolute; color:#6fedee;} /* wider than clip to position buttons to side */
.vert .simply-scroll-clip {width: 150px; height: 310px; position: relative;  overflow: hidden; z-index: 2;}
.vert .simply-scroll-list {position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; list-style: none;}
.vert .simply-scroll-list li {width: 150px; padding: 0; margin: 0; list-style: none;}
.vert .simply-scroll-btn {position: absolute; background-image: url(../../images/buttons1.png); width: 42px; height: 44px; z-index:3; cursor: pointer;}
.vert .simply-scroll-btn-up {right: 0; top: 44px; background-position: -126px -44px;} /* modified btn pos */
.vert .simply-scroll-btn-up.disabled {background-position: -126px 0 !important;}
.vert .simply-scroll-btn-up:hover {background-position: -126px -88px;}
.vert .simply-scroll-btn-down {right: 0; top: 89px; background-position: -42px -44px;} /* modified btn pos */
.vert .simply-scroll-btn-down.disabled {background-position: -42px 0 !important;}
.vert .simply-scroll-btn-down:hover {background-position: -42px -88px;}


/* Reklama */
#reklama {display: block; width: 1145px; height: 400px; margin: 0 0 0 auto; padding: 100px 0 0 0; background: url('../../images/reklama.jpg') -145px bottom no-repeat;}
#reklama_in {text-align: center; font-size: 10px; color: #88ff88; float: right; width: 100px; right: 20px; position: relative; padding-top: 35px; overflow: hidden;}
#reklama a	{font-size:12px; font-weight: bold; text-decoration : none; color: #88ff88;}
#reklama a:hover	{color: #44ff44;; text-decoration: underline;}

/* scrollbar alias submenu*/
.scroll-container {position: absolute; text-align: left; top: 59px; left: 151px; margin: 0; padding: 20px 0 0 0px; background: url(../../images/submenu.png); width: 194px; height: 304px; z-index: 5;}
.scroll-pane { float:left;overflow: auto; width: 174px; height: 292px; position:relative; margin:0; display:inline}
.scroll-content {position:absolute;top:0;left:0}
.slider-wrap{float:left; background-color: darkgreen; width:4px; margin: 35px 0 20px -3px;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:4px; height:10px; margin:0 auto;background-color: #00ff00; display:block; position:absolute}

.scroll-pane a	{display: block; width: 140px; height: 18px; line-height: 18px;  display: block; padding: 0 0 0 5px; margin:5px 21px 0 20px; color: #00FF00; text-decoration: none; overflow: hidden; white-space: nowrap;}
.scroll-pane a:hover {color: #aaFFaa; text-decoration: none; border: 1px #00FF00 solid; height: 16px; line-height: 16px; padding: 0 0 0 4px;}
.scroll-pane h1 {color: #00FF00; margin: 5px 0 0 18px; padding: 0 0 5px 20px; font-size: 18px; letter-spacing: 0.1em; width: 136px; background: url(../../images/submenu-h2.png) 0px 10px no-repeat;}
/* uprava puvodniho submenu  */
.scroll-pane #submenu 	{margin: 0; padding: 0;}
.scroll-pane #submenu li {padding: 0; margin: 0; list-style: none;}


/* Vertikalni menu */
body>section #submenu 	{margin: 0; padding: 12px 0 0 20px; background: url(../../images/submenu.jpg); height: 38px;}
body>section #submenu li {height: 26px; padding: 0 18px 0 0; margin: 0; list-style: none; float: left; white-space: nowrap; display: block; background: url(../../images/splug.gif) 100% 100% no-repeat;}
body>section #submenu a 	{height: 26px; line-height: 25px;font-weight: bold;  display: block; padding: 0 0 0 20px; margin:0; color: Black; text-decoration: none; background: url(../../images/splug.gif) 0% 100% no-repeat; width: .1em;}
body>section #submenu a 	{width: auto;}
body>section #submenu li a:hover 	{color: #00656E; text-decoration: none; background: url(../../images/splug2.gif) 0% 100% no-repeat;}

#topmenu 		{margin: 0; padding: 0 40px 0 40px; background: url(../../images/topmenu.jpg); height: 40px; line-height: 38px; color: #ffffff;}
#topmenu a 		{ color: Lime; text-decoration: none;}
#topmenu a:hover{color: White; text-decoration: none;}

/* Fotka */
#fotka 		{font-size: 12px; text-decoration: none; text-align: center; margin: 10px 10px 10px 10px; color: White;}
#fotka a 	{color: #DAF1FF;}
#fotka a:hover 	{color: White;}
.foto		{background: #103750;}

/* Sloupce a bloky */
#right 		{float: right; width: 280px;}
#right img 	{float: right; margin: 0 0 0 5px;}
#left 		{float: left; width: 280px;}
#left img 	{float: right; margin : 0 0 0 5px;}

.c 		{float: left; width: 190px; margin-left: 5px; margin-right: 10px; height: 150px;}
.c img 	{float: right; margin: 0 0 0 5px;}
.d 		{text-align: center; float: left; width: 190px; margin-left: 10px; margin-right: 10px; height: 160px;}
.d img 	{margin: 0;}
.f 	{position:  relative; float: left; width: 290px; margin: 5px; padding: 0 13px 0 5px; height: 141px; line-height: 16px; background: url('../../images/folder2.png') no-repeat;}
.f h2 	{color: black; background: none; margin: 8px 0 7px 0; padding: 0 0 0 5px; font-size: 14px; border: none;}
.f img 	{float: right; margin : 0 0 0 5px; border: 2px solid White;}
a div.f {color: black;}
a:hover div.f h2{color: #700000;}
a:hover div.f   {color: #700000;}
.sponka {position:  absolute; left: 248px; top: 40px; width: 59px; height: 17px; background: url('../../images/sponka.png') no-repeat;}

/* Obrázky */
.card 	{float: left; margin: 2px 2px 0px 0px; padding: 0px 0px 2px 0px; text-align: center; border: 1px solid black;  background: Black; font-size: 10px; color: White;}
.figure {float: left; margin: .5em .5em .5em 0;}	
img.gal {border: 2px solid Black;}
img.sip {border: 0px; margin: 0px 20px 10px 20px;}

/* Tabulky */
table {font-size: 12px;	text-align: left; margin-top: 0px; margin-bottom: 20px; padding: 1px 0 1px 0; border: 1px;}
table#book {width: 580px; font-size: 12px; margin-top:1em; margin-bottom: 1em; padding: 1px 0 1px 0; border: 1px;}
table#book1 {font-size: 12px; text-align: justify; margin-top: 1em; margin-bottom: 1em; width: 580px; padding: 1px 0 1px 0; border: 1px;}

#sluzebky div {padding: 10px;}
#sluzebky div.sudy {background: #aaddff;}
#sluzebky label {font-size: 14px; clear: both; display: block; font-weight:bold; float: left; height: 50px; width: 100px;}


/* Zápisník */
.comment	{line-height: 120%; margin: 5px 0 5px 0; font-size: 12px;}
.meta 	{clear:both; margin: 0 0 20px 0; font-size: 10px; text-decoration: none; color: #4682B4; border-bottom: 1px solid #7DB3D4;}
.meta a {text-decoration: none;}
.autor {margin: 0 0 20px 0; font-size: 10px; text-decoration: none; color: #4682B4;}

/*** Probrat ***/
.form	{text-align: center;}
textarea {color: #000; border: 1px solid #000; background-image: url('../../images/input_bg.gif'); padding-left: 5px; padding-top: 2px;}
input  	{font-size: 80%; padding-top: 2px; color: #000; border: 1px solid #000; background-image: url('../../images/input_bg.gif'); padding-left: 5px;}
ol#comments li p	{font-size: 90%;}
p, li, .feedback 	{font-size: 11px; line-height: 18px;}
/* classes used by the_meta() */
ul.post-meta 	{list-style: none;}
ul.post-meta span.post-meta-key {font-weight: bold;}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {border: 1px solid #333; padding: .2em; background-image: url('../../images/input_bg.gif'); background-color: White;}
#commentform textarea {width: 90%;}
#commentlist li ul {border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}