/* CSS pro webovou prezentaci KORaDO v.o.s. */
/* made by BROLI © BR Arts webdesign 2005 -- http://webdesign.czechian.net -- */
/* ALL RIGHTS RESERVED */



/* specialni vynatek stylu pro WebAdmin */

kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;font-size: 150%;color:#333;}
abbr {border-bottom:1px dashed;cursor:help}
acronym {border-bottom:1px dashed;cursor:help}
dfn {font-style:normal;border-bottom:1px dashed;cursor:help}
code {font-family: courier, monospace;border:1px solid #cccccc;color:#333;background-color:#ffffcc;padding-left:1px;padding-right:1px}
samp {font-family: courier, monospace;border:1px solid #cccccc;color:#333;background-color:#ccffcc;padding-left:1px;padding-right:1px}
table {font-size:100%}
img.left {float:left;margin-right: 10px;}
img.right {float:right;margin-left: 10px;}
p {margin:1em 0}
p.indent {margin-left:40px}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}
div.textbox {clear:both;float:left;width:200px;color:#f60;margin:5px;font-size:80%;padding:5px;border:1em solid #EEE8AA;}
	div.textbox p {text-indent: 0;}
	div.textbox h5 {margin: 0;padding:3px;color:#f60;}
div.photo {clear:both;float:right;width:auto;font-size:80%;font-weight:bold;padding:1em;text-align: center;}	
	div.photo p {text-indent: 0;font-style: italic; line-height: 1em;}		
hr {width:90%;height:1px;color:#333;}
.clear,.cleaner {clear:both}
.noIndent{text-indent: 0;}
.colorF30 {color: #f30;}
.colorF60 {color: #f60;}
.colorF90 {color: #f90;}
.color036 {color: #036;}


.clear,.cleaner {clear:both}



body {margin: 0px; padding: 0px; font-size: 100%; color: #000; font-family: Arial, Helvetica, sans-serif ;  background-color:#FFBF28; text-align: center;}
body {font-size:  70%; color: #069; background:#FFBF28 url(images/main_bg.png) repeat-y center; line-height: 1.5;}

/* LAYOUT */
#container {width: 780px;text-align: left;margin: auto; background: #fff url(images/main_bg.png) repeat-y center; padding-bottom: 10px;}
	#topbar { background: #069 url(images/top_bg.jpg) center; height: 37px; }
	#menu   { background: #069 url(images/menu_bg.jpg) center;height: 98px; }
	#header {background: url(images/header_bg.jpg) top center no-repeat; height: 148px;position:relative; vertical-align: bottom; text-align: right;}
	#content {background: url(images/main_bg.jpg) center; padding: 0 25px;}

		#PageAddress{padding: 110px 25px 5px 250px;text-align:left; font-weight: bold;}
		.PageAddressItem {padding-right:15px;background: url(images/arrow-right.gif) 100% no-repeat; }
		#maincontent {width: 450px; float: right;font-size: 120%; margin-right:15px;}
		#submenu {width: 225px; float: left; margin-left: 5px; }
	#bottom {background: url(images/EAN.png) no-repeat 25px; height: 53px; _height: 78px; padding:25px 0 0 150px; font-size: 100%; color:#333;}	

h1,h1 span{width:218px;height:148px;font-size:130%;overflow:hidden;position:absolute;left:25px;top:0px;z-index:0;cursor:pointer;cursor:hand;margin:0px;padding: 0px;}
h1 span{display:block;background:url("images/logo.jpg") no-repeat;z-index:1;left:0px;top:0px;}

h2 {margin: 0 0 20px 0; color:#069; font-variant: small-caps; font-style: italic; text-transform: uppercase; font-size: 160%; text-align: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#motto {text-align: center; padding: 5px 0 0 0;margin: 0; color:#fff; font-size: 120%; font-weight: bold; position:absolute;right:0px;top:0px; width: 400px;}
#motto a {text-decoration: none; color:#87CEEB;}
#motto a:hover {text-decoration: none; color:#f90;}

#topbar span.langbox {display: block; width: 330px; padding:10px 50px 0 50px; color: #0083AC; font-weight: bold; text-align: center;}

	
p {text-indent: 2em;}
img {border: none; margin: 5px;}
/*h2 {border-bottom: 2px solid #09c;}*/
h3,h4,h5,h6 {font-family: Georgia, Arial, Helvetica, sans-serif; }
h3 {font-size: 1.6em; color: #f30; font-weight: normal;}
h4 {font-size: 1.4em; color: #f30; font-weight: normal;}
h5 {font-size: 1.2em; color: #f30;}
h6 {font-size: 1.1em; color: #f30; font-variant: small-caps;}

h4.newsBox{width:180px; height:54px;_width:200px;_height:114px;padding: 30px 10px; margin: 0; background:url("images/menutitle.png") no-repeat;color: #069;text-align: center;}
h4.newsBox a {text-decoration: none; color:#069;}
h4.submenu {font-size: 150%; margin-bottom: 5px;}

ul#LangArray {margin: 0;padding: 0; list-style: none;}
ul#LangArray li {margin: 0 5px;;padding: 0; display: inline;}


#MainMenu {margin:0 33px 0 33px;padding: 0; height: 98px; overflow: hidden;list-style: none;}
#MainMenu li {margin: 0;padding: 0px; display: block; float: left;width: 119px; height: 98px;margin:0; padding:0;}
#MainMenu li a  {display:block;padding: 20px 5px; height:100%;}
#MainMenu li a  {color: #fff; text-align: center; text-decoration: none; font-weight: bold; font-size: 130%; letter-spacing: 1px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

	#MainMenu li a:hover  {background-color: #fff; color: #069;}
	#MainMenu li.li1 a:hover,#MainMenu li.li1#currentMenuItem a  { background-image: url(images/li-1.png); }
	#MainMenu li.li2 a:hover,#MainMenu li.li2#currentMenuItem a  { background-image: url(images/li-2.png); }
	#MainMenu li.li3 a:hover,#MainMenu li.li3#currentMenuItem a  { background-image: url(images/li-3.png); }
	#MainMenu li.li4 a:hover,#MainMenu li.li4#currentMenuItem a  { background-image: url(images/li-4.png); }
	#MainMenu li.li5 a:hover,#MainMenu li.li5#currentMenuItem a  { background-image: url(images/li-5.png); }
	#MainMenu li.li6 a:hover,#MainMenu li.li6#currentMenuItem a  { background-image: url(images/li-6.png); }
	#MainMenu li#currentMenuItem a {color: #09c;}

/*
#MainMenu  {margin: 0 33px 0 34px;padding: 0; list-style: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#MainMenu li {margin: 0;padding: 0px; display: block; float: left;  font-weight: bold; font-size: 130%; letter-spacing: 1px;}
#MainMenu li a  {margin: 0; display: block;padding: 20px 5px; width: 108px; height: 98px; color: #fff; text-align: center; text-decoration: none;}
	#MainMenu li a:hover  { background-color: #fff; color: #069;}
	#MainMenu li.li1 a:hover,#MainMenu li.li1#currentMenuItem a  { background-image: url(images/li-1.png); }
	#MainMenu li.li2 a:hover,#MainMenu li.li2#currentMenuItem a  { background-image: url(images/li-2.png); }
	#MainMenu li.li3 a:hover,#MainMenu li.li3#currentMenuItem a  { background-image: url(images/li-3.png); }
	#MainMenu li.li4 a:hover,#MainMenu li.li4#currentMenuItem a  { background-image: url(images/li-4.png); }
	#MainMenu li.li5 a:hover,#MainMenu li.li5#currentMenuItem a  { background-image: url(images/li-5.png); }
	#MainMenu li.li6 a:hover,#MainMenu li.li6#currentMenuItem a  { background-image: url(images/li-6.png); }
	#MainMenu li#currentMenuItem a {color: #09c;}
*/
	
ul#SubMenu1,ul#SubMenu2  {margin-bottom: 30px;padding: 0; list-style: none; font-size: 110%;}
	ul#SubMenu1 li,ul#SubMenu2 li  {margin-bottom: 3px; padding: 0; color: #006699;}
		ul#SubMenu1 li a, ul#SubMenu2 li a {color: #036; font-weight: bold; padding: 0 0 0 15px; text-decoration: none; display: block; height:20px;background-color: #fff; }
		ul#SubMenu1 li a:hover, ul#SubMenu2 li a:hover {color: #fff; background: #069 url(images/submenu-li-hover.png) no-repeat;  }
	
			

	
/* ODKAZY */
a {color: #036; text-decoration: underline;}
a:hover {color: #f30; text-decoration: none;}

/* citojatka */
.ToolTip {border: 1px solid #f60; background: #fff; color:#f30; padding: 3px;}

#topbar a {color: #09c; text-decoration: underline;}
#topbar a:hover {color: #fff;}

/* PRESKAKOVACI ODKAZY */
.jumplink {position: absolute;top: -100px;z-index: 1;padding: 0.5em;}
a.jumplink:focus, a.jumplink:active {z-index: 5;top: 200px;left: 200px;background-color: Blue; color: #fff; border: 1px solid #fff;}

/*#maincontent li {list-style: disc;}*/
#maincontent ul {line-height: 150%; padding-right: 10px;}		
#maincontent li { list-style-type: none;  list-style-image: url(images/li.gif); margin: 0.2em 0; }
#maincontent li.noImg {list-style-image: none;list-style: disc;}		

table {border: 1px solid #87ceeb; padding: 0px; margin: 5px; border-collapse: collapse;}
table caption {font-size: 1.2em; color: #069; text-align: left; font-weight: bold; padding-left: 5px;}
thead td,thead th,tbottom td,tbottom th {background-color: #09c; padding: 5px; color: #fff; font-size: 1em;}
thead td,thead th {border-bottom: 2px solid #069; }
tbody td,tbody th, td, th {color: #069; border: 1px solid #87ceeb; padding: 3px; font-size: 0.9em;}
tbottom td,tbottom th {padding: 2px;}

tr.lichy {background-color: #CCEAF6;}

/*  O B E C N E     T R I D Y    A    S E L E K T O R Y  */

.small {font-size: 0.8em;}

/* strankovani */
p.paging {padding: 10px 0 25px 0; }
.noIndent {text-indent: 0px;}




/* modul    C A T A L O G     */
/*    P R E H L E D    P R O D U K T U     */
/* odstavec s produktem */
div.ProductItem {padding: 5px; margin: 5px 5px 25px 5px;}
	/* obrazek produktu */
	div.ProductItemImg {float: left; padding: 10px 10px 0 10px;}
	/* obrazek produktu */
	div.ProductItemImg a img {border: none}
   div.ProductItemImg a:hover img {border: none}
		/* titulek produktu - vlastni text*/
		div.ProductItemTitle h4  { font-size: 1.3em; padding-top: 5px; margin:0 0 10px 0;}
   /* radek s adresou umisteni produktu*/
	div.ProductPlacement {padding: 5px 0 10px 0;}
	.ProductPlacementItem {padding-right:15px;background: url(images/arrow-right.gif) 100% no-repeat;}
	/* vlastni text produktu - mel by byt bez zvlastniho formatovani */
	div.ProductItemText {padding: 10px 0 10px 10px; font-size: 90%; }

	
	
	
	
/*    P R E H L E D    A K T U A L I T     */
/* odstavec s polozkou aktality */
div.NewsItem {margin-bottom: 1em;}
	/* titulek aktuality - box */
	div.NewsItemTitle {font-weight: bold; color: #f60; font-size: 1.2em;}
		/* titulek aktuality - datum a cas */
		div.NewsItemTitle span {font-size: 0.8em;margin-right: 10px; color: #f30;}
	/* vlastni text aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsItemText {padding-top: 10px; margin: 3px 0 25px 0;}

	
/*    D E T A I L    A K T U A L I T Y     */
/* pouziva stejne formatovani jako prehled/archiv */


/*    B O X    A K T U A L I T Y     */
/* odstavec s polozkou aktality */
/* odstavec s polozkou aktality */
div.NewsBoxItem {margin-top: 15px; padding: 5px;}
	/* titulek aktuality - box */
	.NewsBoxItemTitle {font-weight: bold; font-size: 100%; color:#333; margin-bottom: 5px;}
		/* titulek aktuality - datum a cas */
		.NewsBoxItemTitle span {display:block; color:#f30;}
	/* odkaz v textu aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsBoxItemText a {text-decoration: none; display: block;padding: 3px;}
	div.NewsBoxItemText a:focus,div.NewsBoxItemText a:hover {color: #f30;background:#fff;}