body 	{color: #2a2a2a; background: #305780 url('../../images/bg.png') no-repeat; 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}
.m0	{margin: 0 0 5px 0;}
.w150	{width: 150px}

.bgblue {background: #c0e0f0;}
.red {color: red;}

/* Rozložení */
#main 		{width : 655px; top: 28px; left: 345px; text-align: left; background: url('../../images/bg_tatoo.jpg') 0px 0px repeat; position: absolute;}
#content 	{margin-top: 20px; padding: 0px 3em 0 3em; clear: both; min-height: 610px;}
#main_in 	{margin-top: 20px; padding: 0px 5px 20px 10px; min-height: 300px;}
#footer 	{width: 655px; height: 40px; background: url('../../images/foot.gif') no-repeat; clear: both;}

#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; }

#info   {text-align: left; font-size: 12px; left: 1035px; top: 210px; width: 140px; margin: 0; padding: 0; position: absolute; color:#6fedee;}
.datum 	{display:  block; color:#5ecbcc; text-align: right; font-size: 8px; margin:0 3px 5px 0px;}
#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: 45px; top: 404px; width: 100px; height: 20px; margin: 0; padding: 0; position: absolute; font-weight: bold;}
a.tv_up   {display:  block; left: 140px; 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: 140px; 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')}


/* navigace*/

div#nav 	{height: 331px; width: 145px; top: 72px; left: 200px; text-align: left; position: absolute;}
div#nav ul 	{margin: 0; padding: 0; width: 145px; line-height: 17px;}
div#nav li 	{position: relative; list-style: none; font-size: 12px; font-weight: bold; line-height: 26px; margin: 0; padding: 0; height: 28px;}
div#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') 0px 0px no-repeat; _width: 125px;}
div#nav li:hover a 	{line-height : 24px; padding: 0 0 0 29px; background: url('../../images/unplug.gif') -145px 0px no-repeat;}
div#nav li:active a 	{background: url('../../images/unplug.gif') -290px 0px no-repeat;}

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

div#nav ul ul 		{text-align: left; position: absolute; z-index: 2; padding: 26px 0 0 0; margin: 0; top: -15px; left: 145px; width: 155px; visibility: hidden;  background: url('../../images/plugu.gif') left top no-repeat;}
div#nav li:hover ul 	{visibility: visible;}
div#nav li li, div#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: 125px; background: #000; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; white-space: nowrap;}
div#nav li li.end, div#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: 150px; background: url('../..//images/plugd.gif') 0px 0px no-repeat; filter: alpha(opacity=100); opacity: 1;}
div#nav li li a, div#nav li:hover li a 	{padding: 0 0 0 5px; margin: 0 0 0 5px; height: 20px; line-height: 20px; width: 100px; color: #FFF;background: #000;  filter: alpha(opacity=80); opacity: 0.8; }
div#nav li:hover li:hover a 	{background: #000; color: Lime;}

/* 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;}



/* Hlavička */
#header li 	{margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#header a 	{display: block;}

#blab1, #blab1 a {left: 965px; top: 510px; width: 126px; height: 69px; background: url('../../images/mail.png') 0px 0px no-repeat;}
#portret, #portret a {left: 1034px; top: 34px; width: 146px; height: 149px; background: url('../../images/portret.gif') 0px 0px no-repeat; z-index : 20; }
#blab3, #blab3 a {left: 78px; top: 3px; width: 55px; height: 65px; background: none;}
#blab4, #blab4 a {left: 145px; top: 50px; width: 50px; height: 20px; background: none;}
#blab5, #blab5 a {left: 0px; top: 0px; width: 345px; height: 60px; background: none;}

#blab1 a:hover {background: url('../../images/mail.png') 0px -69px no-repeat;}
#portret a:hover {background: url('../../images/portret.gif') -146px 0px no-repeat;}
#blab3 a:hover {background: url('../../images/header.jpg') -78px -83px no-repeat;}
#blab4 a:hover {background: url('../../images/header.jpg') -145px -130px no-repeat;}
#blab5 a:hover {background: url('../../images/name.gif') 0px 0px no-repeat;}

/* Vertikalni menu */
#submenu 	{margin: 0; padding: 12px 0 0 20px; background: url(../../images/submenu.jpg); height: 38px;}
#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;}
#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;}
html>body #submenu a 	{width: auto;}
#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;}
.f 		{float: left; width: 290px; margin-left: 20px; margin-right: 0px; height: 145px;}
.f img 	{float: right; margin : 0 0 0 5px;}

/* 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;}