/* CSS pro webovou prezentace VITAMINS 2008 */
/* made by BROLI © BR Arts webdesign 2005 -- http://webdesign.czechian.net -- */
/* ALL RIGHTS RESERVED */

html {background: #C0A264 url(images/bg_page.png) repeat-x; }
body {margin: 0; padding: 0; font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif;}
body {font-size: 80%; color: #000; text-align: center; line-height: 1.5em;}


/* definice obecnych stylu */
kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;font-size: 110%}
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:#005A00;margin:5px;font-size:.8em;padding:5px;border:1em solid #DAEFE4;}
	div.textbox p {text-indent: 0;}
	div.textbox h5 {margin: 0;padding:3px;color:#005A00;}
div.photo {clear:both;float:right;width:auto;font-size:0.8em;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:#c0a264;}
.clear,.cleaner {clear:both}
.noIndent{text-indent: 0;}
.colorF60 {color: #f60;}
.colorF90 {color: #f90;}
.colorC00 {color: #C00;}

/* LAYOUT  */
.full {width: 100%;}
.wp50fR {width: 45%; float: right;margin-left: 5%;}
.wp50fL {width: 45%; float: left;margin-right: 5%;}
.wp33fR {width: 30%; float: right;margin-left: 3%;}
.wp33fL {width: 30%; float: left;margin-right: 3%;}
.wp25fR {width: 20%; float: right;margin-left: 5%;}
.wp25fL {width: 20%; float: left;margin-right: 5%;}
.clear-both {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}

.smaller {font-size: smaller;}
.larger {font-size: larger;}
.XXsmall {font-size: xx-small; }
.XXlarge {font-size: xx-large; }

#container {width: 760px;margin: auto;text-align: left;background-color: #fff; background-image: url(images/bg_maincontent.png); background-repeat: repeat-y; position: relative;}
	#top {background-color: #005A00; background-image: url(images/bg_top.png);height: 180px;color: #fff;}
		ul#LangArray {margin: 0 0;padding: 0; list-style: none; margin: 0 30px; height:29px;}
		ul#LangArray li {margin: 0 3px;padding: 0; display: inline; float: right; font-weight: bold;}
		ul#LangArray li span {display: block; width: 78px; height: 29px; background-color: #fff; background-image: url(images/bg_inactive_lang.png); text-align: center; padding-top: 7px;}
		ul#LangArray li span.ActiveLang {background-image: url(images/bg_active_lang.png); color: #005A00;}
	#title {background-color: #005A00; height:153px;color: #fff;}
	#navbar {position: absolute;top: 210px;width: 572px;margin-left: 40px;}

#title {position:relative;}

h1 {padding: 0; margin: 0; line-height: 2em; text-align: center;}
h1,h1 span {width:100%; height:153px; font-size:200%; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
h1 span {display:block; background: url(images/bg_title.jpg) no-repeat; z-index:1;}
	
p {text-indent: 2em;}
p.info,div.info {text-indent: 0;border: 0.5em solid #008F00;padding: 1em;background-color: #fff;color: #008F00;}		
#content ul li {list-style-type: disc;}


.SquareBanner {margin: 30px 0; text-align: center; border: 5px solid #7C600B;}
.SquareBanner p {padding: 0; margin: 0; text-indent: 0px;}
.BannerTitle {font-weight:bold; margin: 0px; padding: 5px;}		

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

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

	#menubar {position: absolute;top: 182px;height: 30px; margin:0 34px; width: 697px;background-color: #AA830F; background: url(images/bg_navbar-li.png) repeat-x 0 -5px;}
		ul#MainMenu {display:block;margin: 0; padding: 0; list-style: none; padding: 0px; font-size: 100%;  }
		ul#MainMenu li {display: inline; float: left; margin: 0; overflow: hidden; }
		ul#MainMenu li a {color: #fff; font-weight: bold; text-decoration: none; border-bottom: 3px solid #fff; display: block; padding: 2px 7px 6px 7px; background-color: #AA830F; background: url(images/bg_navbar-li.png) repeat-x 0 -5px;}
		ul#MainMenu li a:hover {color: #fff;border-bottom: 3px solid #000;}

	   #logo {position: relative; left:0; top:40px;width: 188px;height: 183px; z-index: 3;padding: 0px;}
		a#logo img, #logo:hover {border: none;background:none; }
	
	#PageAddress {clear: both;font-size:85%;color:#c0a264;padding-top:5px}
		.PageAddressItem {padding-right:15px;background:#fff url(images/arrow-right.gif) 100% no-repeat; }
	   .PageAddressLastItem{background:#fff;}
		
	#content {margin-top: 70px;_margin-top: 35px;padding: 0 40px;color: #006600;height: 100%;	}
		#leftcolumn {width: 220px;float: left;margin-bottom:10px;}
		  ul#SubMenu1  {margin: 0;padding: 0; list-style: none;}
				ul#SubMenu1 li {margin: 2px 20px 2px 0; padding: 0px; color: #005A00; font-weight: bold; list-style: none;}
					ul#SubMenu1 li a, ul#SubMenu1 li span.currentItem {border-left: 1em solid #c0a264; padding: 3px 0px 3px 10px; text-decoration: none; display: block; height:100%;}
					ul#SubMenu1 li a {color: #c0a264;}
					ul#SubMenu1 li a:hover {color: #005A00;border-left: 1em solid #005A00; background: #fff; }
					ul#SubMenu1 li span.currentItem {border-left: 1em solid #C00; color: #AA830F;}
			
			ul#SubMenu2  {margin: 0 0 0 7px;padding: 0; list-style: none;}
				ul#SubMenu2li {margin: 0px; padding: 0 0 0 0px; font-weight: bold; }
					ul#SubMenu2 li a {color: #c0a264;}
					ul#SubMenu2 li a:hover {color: #C00;}
		#contentcolumn {width: 450px;float:right;}
		
	#bottom{background-image: url(images/bg_bottom.png); background-repeat: no-repeat;min-height: 40px;padding: 0 40px 20px 40px;}
		#bottomlinks {padding: 30px 45px 0 45px;}
		#copyrights {padding: 15px 45px 10px 45px;color:#C0A264; font-size: 80%; letter-spacing: 1px; }
	#containerbottom {background: url(images/bg_containerbottom.png) center;height: 21px;}
		
		h2, h3, h4 {color: #005A00;line-height: 100%;}
		h2 {font-family: "Times New Roman", Times, serif;	font-size: 250%;padding: 5px;margin: 20px 5px;text-align: right;}
		h3 {font-size: 150%;margin: 2em 0 1em 0;}
		h4 {font-size: 125%;}
		h5 {font-size: 115%;}
		h6 {font-size: 100%;}


	
a {color:#7C600B; text-decoration: underline;}
a:hover, a:focus {color: #423306; text-decoration: none; }
h1 a,#title a {color: #fff;}


/*#bottom a {color: #6F5A2E;}
#bottom a:hover,#bottom a:focus {background-color: #6F5A2E; color: #fff;}
#PageAddress a {color: #005A00;}
#PageAddress a:hover,#PageAddress a:focus {color: #fff; text-decoration: none; background-color: #005A00;}*/

#content img {border: none; margin: 0.5em; padding: 1px; background-color: #fff;}
#contentcolumn img  {border: 1px solid #CCB482;}
#content a img {border: 1px solid #fff;}
#contentcolumn a img  {border: 1px solid #CCB482;}
#content a:hover img, #content a:focus img  {border: 1px solid #008F00; color:#7C600B; text-decoration: none;}

#content a img {display: block; } /* zamezi zobrazovani pozadi pri a:active ve FF */



table { border-color: #005A00; padding: 0px; margin: 5px; border-collapse: collapse;}
table caption {font-size: 120%; color: #005A00 text-align: left; font-weight: bold; padding-left: 5px;}
tbody td,tbody th, td, th {color: #005A00;padding: 3px; font-size: 100%;}
tbottom td,tbottom th {padding: 2px;}
thead td,thead th,tbottom td,tbottom th {background-color: #005A00; padding: 5px; color: #fff; font-size: 100%;}
thead td,thead th {border-bottom: 2px solid #C0A264; }

table.DataTable,table.DataTable tbody td, table.DataTable tbody th, table.DataTable td, th {border: 1px solid #CCB482;}

tr.lichy {background:#fff;}
tr.sudy  {background:#EEE8AA;}


/*  M O D U L Y  */


/*    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: #005A00; font-size: 120%; background: url(images/titleBG-2.png) right bottom no-repeat; padding-bottom: 15px; padding-right: 45px; }
		/* titulek aktuality - datum a cas */
		div.NewsItemTitle span {font-size: 80%;margin-right: 10px; color: #005A00;}
	/* vlastni text aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsItemText {margin: 0 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     */

h3.NewsBox {margin-top: 50px; font-size:125%;}
h3.NewsBox a,h3.NewsBox a:hover,h3.submenuTitle {margin-left: 40px;color: #005A00; text-decoration:none;}
h3.NewsBox a:hover,h3.NewsBox a:focus { background: #005A00; color: #fff;}

/* odstavec s polozkou aktality */
div.NewsBoxItem {margin-top: 15px;padding: 5px;}
	/* titulek aktuality - box */
	.NewsBoxItemTitle {font-weight: bold; font-size: 90%;}
		/* titulek aktuality - datum a cas */
		.NewsBoxItemTitle span {margin-right: 0.8em;}
	/* vlastni text aktuality - mel by byt bez zvlastniho formatovani */
		div.NewsBoxItemText {font-size: 80%;}
	/* odkaz v textu aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsBoxItemText a {color: #C0A264; text-decoration: none; display: block;}
	/* odkaz:hover v textu aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsBoxItemText a:hover {color: #005A00;background:#fff;}
	div.NewsBoxItemText a:focus {color: #fff;background:#005A00;}

	
	
	
	
	/* modul    P H O T O G A L L E R Y     */

div.RandomPhotoItem {text-align: center; margin: -20px 0 20px 0; padding-bottom: 1em;}
div.RandomPhotoItem a img {border: 1px solid #fff; margin: auto!important;}
div.RandomPhotoItem a:hover img {border: 1px solid #EBBA23;}
div.RandomPhotoItem h5 {padding: 5px; margin: 0;font-size: 90%; color: #CCB482; }

.PhotoPlacement,.PhotoFormats {padding-top: 15px;margin-bottom: 2em;}
.PhotoFormats {margin-bottom: 4em;}
.PhotoPlacement a.firstItem {}
.CategoryPlacementItem,.PhotoPlacementItem {padding-right: 16px; background: url(./images/arrow-right.gif) right no-repeat;}

/*.PhotoBox { margin: 2em 0; width: 480px;}*/

.PhotoCleaner {clear: both; height: 3em;}
.photoThumb {margin: 0 ;padding: 0; text-align: center; width: 200px; float: left; margin-right: 25px;}
a.PhotoItem {display: block;  height: auto; text-align: center; padding: 0; text-decoration: none;}
	.photoThumb h4.PhotoItemTitle  {color: #AA830F;margin: 0; padding: 10px 3px 10px 3px; font-weight: bold; font-size: 100%;}
	a.PhotoItem img {border: 3px solid #000; margin: auto!important;}
a.PhotoItem:hover {background-color:#fff;}
a.PhotoItem:focus, a.PhotoItem:active {background-color:#fff;}
a.PhotoItem:hover img,a.PhotoItemr img:hover {border: 3px solid #EBBA23;}
.PreviousPhoto {float: left;}
.NextPhoto {float: right;}

.photo {text-align: left; display: block; }
a.photo img {border: 5px solid #D1DAA5; margin: auto !important;}
a.photo:hover img {border: 5px solid #f30;}


/*    S U B M E N U    P R O    V Y P I S     K A T E G O R I I     */

 #PhotoMenuBox {border: 0.3em solid #CCB482;  padding: 0em; margin: 0 10px; font-size: 85%;}


 ul#PhotoMenu  	 {margin: 0px;padding: 0; list-style: none; line-height: 1.3em;}
 ul#PhotoMenu li   {margin: 0px;padding: 0; list-style-image:none; background-color: #fff;list-style: none;}
 ul#PhotoMenu li a {display:block; color: #7C600B; margin: 0px; padding: 0px; width: 100%;}
 ul#PhotoMenu li a span {display:block; padding:5px 5px 5px 5px;margin: 0px;}
 ul#PhotoMenu li a:hover,ul#PhotoMenu li a:focus,ul#PhotoMenu li a:active {background-color:#F7F3E9; }

 ul#PhotoMenu ul 		 {margin: 0px;padding: 0;}
 ul#PhotoMenu ul li   {margin: 0px;padding: 0; background-color: #fff; }
 ul#PhotoMenu ul li a {display:block; color: #7C600B; margin: 0px; padding: 0px; width: 100%;}
 ul#PhotoMenu ul li a span {display:block; padding:5px 5px 5px 25px;margin: 0px;}
 ul#PhotoMenu ul li a:hover,ul#PhotoMenu ul li a:focus, ul#PhotoMenu ul li a:active {background-color: #F7F3E9; }

 ul#PhotoMenu ul ul 		 {margin: 0px;padding: 0;}
 ul#PhotoMenu ul ul li   {margin: 0px;padding: 0; background-color: #fff; }
 ul#PhotoMenu ul ul li a {display:block; color: #7C600B;  margin: 0px; padding: 0px; width: 100%;}
 ul#PhotoMenu ul ul li a span {display:block; padding:5px 5px 5px 45px; margin: 0px;}
 ul#PhotoMenu ul ul li a:hover, ul#PhotoMenu ul ul li a:focus,ul#PhotoMenu ul ul li a:active {background-color: #F7F3E9; }

 ul#PhotoMenu ul ul ul 		 {margin: 0px;padding: 0;}
 ul#PhotoMenu ul ul ul li   {margin: 0px;padding: 0; background-color: #fff; }
 ul#PhotoMenu ul ul ul li a {display:block; color: #7C600B; margin: 0px; padding: 0px; width: 100%;}
 ul#PhotoMenu ul ul ul li a span {display:block; padding:5px 5px 5px 65px;margin: 0px;}
 ul#PhotoMenu ul ul ul li a:hover,ul#PhotoMenu ul ul ul li a:focus, ul#PhotoMenu ul ul ul li a:active {background-color: #F7F3E9; }


 ul#PhotoMenu li a.currentPhotoMenuItem span,
 ul#PhotoMenu ul li a.currentPhotoMenuItem span,
 ul#PhotoMenu ul ul li a.currentPhotoMenuItem span,
 ul#PhotoMenu ul ul ul li a.currentPhotoMenuItem span {/*padding-left: 20px;*/} /* aktualni kategorie */

 ul#PhotoMenu li a.currentPhotoMenuItem,
 ul#PhotoMenu ul li a.currentPhotoMenuItem,
 ul#PhotoMenu ul ul li a.currentPhotoMenuItem,
 ul#PhotoMenu ul ul ul li a.currentPhotoMenuItem {background-color: #D4C095} /* aktualni kategorie */

 ul#PhotoMenu li a.currentPhotoMenuItem:hover,
 ul#PhotoMenu ul li a.currentPhotoMenuItem:hover,
 ul#PhotoMenu ul ul li a.currentPhotoMenuItem:hover,
 ul#PhotoMenu ul ul ul li a.currentPhotoMenuItem:hover {background-color: #D4C095; color: #fff;} /* aktualni kategorie */

 ul.CategoryTree {
 	line-height: 200%;
 }
 ul.CategoryTree li.level-1 {margin-left: 10px;}
 ul.CategoryTree li.level-2 {margin-left: 30px;}
 ul.CategoryTree li.level-3 {margin-left: 50px;}
 ul.CategoryTree li.level-4 {margin-left: 70px;}
 ul.CategoryTree li.level-5 {margin-left: 90px;}
 ul.CategoryTree li.level-6 {margin-left: 110px;}
	
	
	
	
	/* modul    S I T E M A P     */
div.SiteMap ul {padding-left: 20px;margin:0;}
/* odkaz polozky sitemapu */
div.SiteMap li { list-style-image: url(images/ico-internal-link-folder.gif); padding-left: 5px; margin:5px 0;}
/* odkaz polozky sitemapu typu externi odkaz */
div.SiteMap li.externalLink {list-style-image: url(images/ico-external-link-folder.gif);}
div.SiteMap li.externalLink a {background: url(images/ico-external-link.gif) 100% 0 no-repeat; padding-right: 15px;}
div.SiteMap li.externalLink a:hover {background: #fff url(./images/ico-external-link2.gif) 100% 0 no-repeat; color:#423306;}




/* modul    F O R M   M A K E R     */

.w60 {width: 60px;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w600 {width: 600px;}


.formular, input, select, radio {border:1px solid #CC9; background-color: #fff; }
 fieldset {border: 1px solid #CC9; margin: 10px 3px 10px 0; padding: 5px;}
legend {color:#999966; font-weight: bold;}
label {padding: 3px; display:block; font-weight: bold; }
label.RadioLabel, label.CheckboxLabel {display: inline;font-weight: normal;}
lable.SelectLabel, label.TextareaLabel {}
label.TextLabel, label.ParsswordLabel {}

.form_error_msg {display: block; clear: both; color: #c00; font-weight: bold; display: block;}
 .FormMaker {}
.FormItemBox {margin-bottom: 5px;}
 span.FormItemBox span.FormItem {}
 span.FieldsetDescription {}
 .RadioGroupTitle {display:block;font-weight: bold; padding: 5px 0; margin-top: 10px;}
 
 .block {display: block; width: 100%;}
 .inline {display: block; width: 33%; float: left; }

 
 /* poznamka */
  .form_note {font-style: italic; padding-left: 0.5em;} 
  
 /* tlacitka */
.formular:hover, input:hover {border:1px solid #C0A264;}
.submit, .reset {border: 1px solid #666; background:#999966; color: #fff; margin: 10px; font-weight: bold;}
.submit:hover, .reset:hover {border: 1px solid #7C600B; background:#7C600B; color: #fff; cursor: pointer; _cursor: hand;}