body {border:0; margin:0; padding:0; background:#EAEAD5 url(../imgs/main_bg.jpg) 0 0 repeat-x; font-size: 14px; font-family: "georgia","times new roman","verdana",sans-serif; color:#444; _text-align:center; }
body.innerpage { background:#EAEAD5 url(../imgs/main_in_bg.jpg) 0 0 repeat-x; } 

a {color:#4493C6; }
a:hover {color:#888;}

p {border:0; margin:10px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:normal; font-family: georgia,arial,serif; }
h1 {font-size:240%; }
h2 {font-size:190%; }
h3 {font-size:130%; }

ul, ol {display:block; border:0; margin:15px 0 15px 20px; padding:0;}
li {display:list-item; border:0; margin:0; padding:0; }
ol li {list-style-type: lower-alpha}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; }

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

th {text-align: left; vertical-align:top;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

strong, .strong {font-weight:bold;}

.f-left {float:left;}
.f-right {float:right;}
.half { width: 50%; }

.t-left {text-align:left!important;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.t-justif {text-align:justify;}

.clear {clear:both;}
.cleaner {clear:both; height: 0px; line-height: 0px; font-size: 0px;}

.noscreen {display:none;}

/* -------------------------------------------------------------------------------------------------- */

#main {position:relative; width:820px; margin: 0 auto; _text-align:left; padding: 0; }

/* Hlavička */
#header { z-index: 30; position:absolute; top:0; left:14px; overflow: hidden; width:203px; height:168px; margin:0; padding:0; background: url("../imgs/logo.jpg") 0 0 no-repeat; text-align: center; }

    /* Hlavička - logo */
	#header #logo { }
	#header #logo h1 { position:absolute; top:0px; right:0px; width:202px; margin:0; padding-top: 48px; font-size: 20px; font-weight: normal; text-align:center; }
	#header #logo h1 a {color:#46A7E5;}
	#header #logo h1 a:hover {color:#46A7E5; text-decoration: underline;}
	#header #logo h1 a span { position:absolute; display:block; top:0px; right:0px; width:202px; height:168px; background: url("../imgs/logo.jpg") 0 0 no-repeat; cursor:pointer; }

/* Menu */
#menu { margin: 0 0 0 15px; padding:0; width: 203px; font-family: georgia, verdana, tahoma; font-size: 13px; background: url("../imgs/panel_bg.gif") 0 0 repeat-y; }
#menu span.topbg { display:block; width: 203px; padding:0; margin:0; height: 9px; line-height:0px; background: url(../imgs/panel_top.gif) top left no-repeat; }
#menu-in { background: url("../imgs/panel_btm.gif") bottom left no-repeat; padding-bottom: 20px; min-height: 300px; _height:300px; }

    #menu ul {margin:6px; padding:0px; list-style:none;  }
    #menu ul li {position:relative; margin:0; padding:0; float:left; line-height: 30px; background: #0D0038 url(../imgs/menu_li.gif) 7px 9px no-repeat; }
    #menu ul li a { width: 160px; padding: 0; padding-left: 31px; display:block; text-align: left; color:#FFF; text-decoration:none; background: url("../imgs/menu_item_bg.gif") bottom left repeat-x; }
	 	#menu ul li a.active, #menu ul ul li a.active { color:#46A7E5!important; }
		#menu ul li a:hover, #menu ul li.sfhover a, #menu ul li:hover a { background: #46A7E5 url(../imgs/menu_item_over_bg.gif) bottom left repeat-x; color:#0D0038; }

		#menu ul li:hover ul, #menu ul li.sfhover ul { display: block; z-index: 1000; }
		#menu ul ul { margin: 0; padding: 0; display: none; position: absolute; left: 191px; top: -1px; border: 1px solid white;}
		#menu ul ul li { background: #0D0038; }
		#menu ul ul li a { width: 240px; line-height: 30px; background: url("../imgs/menu_item_bg.gif") bottom left repeat-x!important; }
		#menu ul li:hover li a, #menu ul li.sfhover li a { float: none; margin: 0; padding: 0 0 0 10px; background: #0D0038; color: white;}
	 	#menu ul li:hover li a:hover, #menu ul li.sfhover li a:hover { background: #46A7E5 url(../imgs/menu_item_over_bg.gif) bottom left repeat-x!important; color:#0D0038; }

/* banner pod menu */
#banner { margin: 0px 0 0 15px; width: 203px; height: 170px; padding: 7px 0 0 5px; background: url("../imgs/banner_bg.jpg") 0 0 no-repeat; }

#phones { position:relative; margin: 124px 0 0 15px; width: 203px; height: 176px; xpadding: 7px 0 0 5px; background: url(../imgs/phones.gif) 0 0 no-repeat;  }
#phones p { font-size: 80%; margin: 0 0 5px 0; padding: 0;}
#phones span.fg { position: absolute; top: 0; left: 0; display: block; width: 203px; height: 176px;  background: url(../imgs/phones.gif) 0 0 no-repeat;  }

/* banner nad menu */
/*#banner { position:absolute; top: 125px; left: 0px; margin: 5px 0px 0px 15px; width: 203px; height: 170px; padding: 7px 0 0 5px; background: url("../imgs/banner_bg.jpg") 0 0 no-repeat; }
#menu { position:relative; margin: 312px 0px 0px 15px; }
*/	
	 
/* Stránka */
#page {width:820px; background: url(../imgs/shadow3.png) top right repeat-y; _background: none; }
#page-in {padding:0px; }
#page h2 {color: #150059; font-weight: bold; margin-top: 20px;}
#page h3 {color: #46A7E5; }
#page h4 {color: #150059; font-weight: bold; }


/* Obsah */
#content {float: right; width:520px; margin:0; margin-top: 48px; padding: 0px 35px 20px 20px; min-height: 500px; }
#content strong { color: #46A7E5; }
#content p { line-height: 1.4em; text-align: justify; }
#content ul { margin-left: 0px; }
#content ul li { padding-left:30px; list-style-type: none; line-height: 1.4em; background: url(../imgs/li.gif) 8px 4px no-repeat; }
#content ul li a { color: #444 }
#content ol { margin-left: 30px;  list-style-type: lower-roman; }
#content ol li { margin-bottom: 4px; line-height: 1.4em; }
#content p.line { border-left: 4px solid #C9C691; margin-left: 0px; padding-left: 10px; }
#content p.line strong { color: #000;} 
#content .block { background: url(../imgs/block_bg.jpg) 0 -5px repeat-x; font-size: 12px; padding: 10px; margin-top: 15px}
#content p.alert, #content p span.alert { color: red; font-size: 150%; }
#xcontent-fade { position:absolute; top:48px; right:-10px; _background: none; width: 10px; height: 400px; z-index:5;  }
#content .galimg { float: right; margin:0; margin-left: 10px; width: 178px; padding: 11px; background: url(../imgs/img_bg.jpg) 0 0 no-repeat; text-align:center;}
#content .galimg2 { float: left; margin:0; margin-right: 5px; width: 148px; padding: 10px; background: url(../imgs/img_bgg.jpg) 0 0 no-repeat; text-align:center;}
#content .galimgs { float: left; margin:0; margin-right: 10px; width: 178px; padding: 11px; background: url(../imgs/img_bg.jpg) 0 0 no-repeat; }
#content .galimg img,#content .galimgs img,#content .galimg2 img, #content .poukazka img { border: 4px solid white; }
#content .galimg a:hover img, #content .galimgs a:hover img, #content .galimg2 a:hover img, #content .poukazka a:hover img { border: 4px solid #DDD; }

#content .hr {width: 530px; height: 10px; background: transparent url(../imgs/hr.gif) 0 0 no-repeat; }
#content p.smaller {font-size: 8pt; line-height: 11pt}

#content img.logo { border:1px solid #150059; margin-right: 10px; vertical-align: middle; }

/* Levy panel */
#panel { position:relative; float: left; padding: 0px; width:232px; margin:0; margin-top: 48px; color: #333; background: #EAEAD5; min-height: 600px; _height: 600px; z-index:0;  }
#panel-in {padding: 0px; }
#panel-fade { position:absolute; top:100px; right:-12px; background: url(../imgs/shadow.png) 0 0 no-repeat; _background: none; width: 12px; height: 386px; z-index:5;  }
#panel h3 { color: #AD000C; font-size: 15px; font-weight: bold; margin: 0px;}

#news { padding: 0 5px 20px 20px; }
#news h2 { color: #150059; font-size: 110%;  }
#news span { color: #BDBA80; font-weight: bold; }
#news p { font-size: 80%; text-align: justify; }
#news p.dated { background: url(../imgs/news_bg.jpg) 0 0 no-repeat; padding-right: 10px; }
#news p.dated span { color: #FFF; padding-left: 6px; font-family: tahoma,verdana; font-weight: normal; }

#galery { position: relative; margin-left: 0; margin-top: 20px; margin-bottom: 50px; height: 294px; border-left: 4px solid white;  }
#galery div.motiv { overflow: hidden; float: left; width: 166px; height: 286px; border-top: 4px solid white; border-bottom: 4px solid white; border-right: 4px solid white; }
#galery div.motiv img { height: 294px; }

#abeceda { margin-top: 15px;}
#abeceda a { padding: 4px; font-size: 12pt; text-decoration:none;}
#abeceda a:hover { background-color: #150059; color: white;}

.slovnik p a { color:#444; text-decoration: none; }
.slovnik p a:hover { text-decoration: underline; }
p.price { font-size: 120%; }

/* Patička */
#footer { font-size: 11px; color: #FFF; position:relative; clear:both; background: #040011 url(../imgs/footer_bg.jpg) 0 0 repeat-x; padding: 15px 0px; }
#footer-in { width: 820px; margin: auto; line-height: 1.5em; text-align: left;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#999;}

#footer .left { padding-left: 15px; }
#footer .right {padding-right: 15px; }

#links { padding: 15px; font-size: 8pt; font-family: tahoma,verdana; }

/* LightBox */
#lightbox { background-color:#eee; padding: 6px; display:none; } 
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption { float: left; } 
#keyboardMsg { float: right; } 
#closeButton { top: 0px; right: 0px; }
#lightbox img { border: none; clear: both;} 
#overlay img { border: none; display:none; }
#overlay { background-color: #333; -moz-opacity: .80; filter: alpha(opacity=80); }

table.cenik { }
table.cenik td { padding: 1px 5px; text-align:right; }

#viteze { position: absolute; top: 387px; left: 602px; _left: 592px; width: 180px; height: 25px; background: url(../imgs/viteze.gif) 0 0 no-repeat; }
#vitezepanel { position: absolute; top: 386px; left: 570px; _left: 570px; width: 210px; z-index: 15; background-color: #CBC68F; border: 1px solid #FFF; font-size: 80%; padding: 10px; visibility:hidden} 
#vitezepanel hr { border: 1px solid #EEEFDF; height: 0px; margin: 0; padding: 0; }

#inzerat1 { background: url(../imgs/inz1.gif) 0 0 no-repeat; position: absolute; top: 0; right:0; z-index: 100; width: 274px; height: 267px;}
#inzerat2 { background: url(../imgs/inz2.gif) 0 0 no-repeat; position: absolute; top: 0; right:0; z-index: 100; width: 274px; height: 267px;}
#inzerat3 { background: url(../imgs/inz3.gif) 0 0 no-repeat; position: absolute; top: 0; right:0; z-index: 100; width: 274px; height: 267px;}
#inzerat4 { background: url(../imgs/inz4.gif) 0 0 no-repeat; position: absolute; top: 0; right:0; z-index: 100; width: 274px; height: 267px;}

form h4 { display: inline; font-size: 150%; }
fieldset { border: 1px solid #C8C695; }
label { width: 120px; display: inline; float: left; margin-bottom: 5px; }
.intext, .empty { width: 170px; background: white; border: 1px solid #C8C695; font-size: 9pt; }
.empty { background-color: #FFCFE3; }
.short { width: 50px;}
input.submit { font-size: 9pt; }


#poukazky { position:relative; overflow: hidden; height: 20px; }
#marquee { position:absolute;white-space:nowrap;top:0; }