/* CSS pro webovou prezentace web-works.cz */
/* made by BROLI © Web Works 2006 -- http://www.web-works -- */
/* ALL RIGHTS RESERVED */


body {margin: 0; padding: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
body {font-size: 70%; color: #000; background: #cc9  url(images/bg_page.png) top center repeat; 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: 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 {display: block;clear:both; }
.noIndent{text-indent: 0;}
.colorF30 {color: #f30;}
.colorF60 {color: #f60;}
.colorF90 {color: #f90;}
.color333 {color: #333;}

/* 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: 715px;padding:0px;margin: auto;text-align: left;color: #444444; background: #fff url(images/bg_container.png) repeat-y;}
	#title {position:relative; height: 169px; background: url(images/bg_top.png) no-repeat; }
		#topBanner {margin: 0 32px 0 291px;position:absolute; overflow:hidden; top: 26px; height: 100px; width:392px;}
		#PageAddress{right:32px;margin-left:300px;background:#f60; position:absolute; overflow:hidden; top: 126px; padding: 3px; font-size: 0.8em;}
			.PageAddressItem {padding-right:15px;background: url(images/arrow-right.gif) 100% no-repeat;}
			.PageAddressLastItem{color:#fff; font-weight: bold;}
	#content{width: 360px; float: right; margin-right: 32px;display: inline; }
   #leftcolumn{width: 280px; float: left;  margin-left: 32px;display: inline; }
	#bottom {background: transparent url(images/bg_bottom.png) no-repeat bottom right;width: 100%; height: auto; border: 0.1px solid transparent;border-left: none; border-bottom: none;}
		#bottomLeft{width: 340px; height: 217px;float:left; position:relative;margin-bottom:20px; display: inline;}
			#businesscard {}
		#bottomRight{width: 370px; float:right;}
			#bottomBanner {width: 330px;margin: 25px 40px 0 0; font-size: 130%; color:#333; font-weight: bold; font-variant: small-caps; line-height: 150%;}
				#bottomBanner span {color:#f30;}
			#bottomLinks {width: 220px; float:right; margin: 25px 32px 14px 0; display: inline; padding: 10px 0 10px 10px; background-color: #f60; color: #fff; font-size: 1.1em;}
				#bottomLinks a {display: block; }
#copyrights {width: 450px;float: right; background: #996; color: #fff; padding: 10px; margin-top: 25px; text-align: left; font-size: 0.8em; letter-spacing: 1px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

	
h1 {padding: 0; margin: 0 0 0 54px; line-height: 2em; text-align: center; }
h1,h1 span {width:233px; height:169px; font-size:1.5em; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
h1 span {display:block; background: url(images/logo.png) no-repeat; z-index:1;}

#businesscard {padding: 0; margin:0; line-height: 1.5em; text-align: left; }
#businesscard,#businesscard span {width:330px; height:217px; font-size:0.9em; position:absolute; overflow:hidden; left:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
#businesscard span {display:block; background: url(images/businesscard2.png) no-repeat; z-index:1;}
	

#MainMenu {margin: 20px 0 0 0; padding: 0; list-style: none; line-height: 1em; font-size: 100%; letter-spacing: 1px; font-variant: small-caps;}
	#MainMenu li a {display: block; padding: 5px; background: #f60; color:#fff;text-decoration:none; width: 200px; margin: 5px 0; text-align: right; border-bottom:3px solid #f60;}
	#MainMenu li#currentMenuItem a {border-bottom:3px solid #f90;background: #f30; width: 235px;}
	#MainMenu li a:hover,menu#MainMenu li a:focus {background: #f90;}
	
	#MainMenu li.item1 a {width: 180px;}
	#MainMenu li.item2 a {width: 210px;}
	#MainMenu li.item3 a {width: 140px;}
	#MainMenu li.item4 a {width: 180px;}
	#MainMenu li.item5 a {width: 150px;}
	#MainMenu li.item6 a {width: 170px;}
	#MainMenu li.item7 a {width: 120px;}	
	#MainMenu li.item8 a {width: 190px;}	
	#MainMenu li.item7 a {width: 110px;}	
	
	ul#SubMenu1,ul#SubMenu2,#SubMenuBox ul  {margin-left: 50px;padding: 0; list-style: none; line-height: 1.2em; font-size: 110%;}
	ul#SubMenu1 li, ul#SubMenu2 li, #SubMenuBox ul li {padding: 5px 0; font-weight: bold; list-style-image: url(images/li-right.gif);}
		ul#SubMenu1 li a:hover,ul#SubMenu2 li a:hover {color:#fff;}
		ul#SubMenu1 li span.currentItem,ul#SubMenu2 li span.currentItem {color:#f30;}

	
	
		h2 {
			background: url(images/bg_h2.png) no-repeat bottom;
			font-size: 150%;
			padding-bottom:12px;
			margin-bottom: 1.5em;
			line-height: 1em;
			color: #f30;
		}
		
		h3 {background: url(images/bg_h3.png) no-repeat bottom; padding: 25px 0 10px 20px; font-size: 130%}
		h4 {background: url(images/bg_h4.png) repeat-x bottom; padding: 25px 0 5px 5px; font-size: 120%}
		h5 {font-size: 110%;}
		h6 {font-size: 110%;}
		
		h3, h4, h5, h6 {color: #f30;line-height: 1.5em;}
	
		
		#leftcolumn h4 {background: url(images/bg_h4-leftcolumn.png) no-repeat bottom left; padding: 10px 40px 10px 30px; font-size: 130%; margin: 25px 0 0 0; text-align: right; color: #f60; font-variant: small-caps;}
		#leftcolumn h4.news {background: url(images/bg_h4-leftcolumn-news.png) no-repeat bottom left;}
		#leftcolumn h4.submenu {background: url(images/bg_h4-leftcolumn-submenu.png) no-repeat bottom left;}
		#leftcolumn h4.info {background: url(images/bg_h4-leftcolumn-info.png) no-repeat bottom left;}
		#leftcolumn h4.links {background: url(images/bg_h4-leftcolumn-links.png) no-repeat bottom left;}
		#leftcolumn h4.surveys {background: url(images/bg_h4-leftcolumn-opinion.png) no-repeat bottom left;}
		#leftcolumn h4.recommend {background: url(images/bg_h4-leftcolumn-recommend.png) no-repeat bottom left;}
		#leftcolumn h4.support {background: url(images/bg_h4-leftcolumn-support.png) no-repeat bottom left;}
		#leftcolumn h4.newsletter {background: url(images/bg_h4-leftcolumn-newsletter.png) no-repeat bottom left;}
		#leftcolumn h4.search {background: url(images/bg_h4-leftcolumn-search.png) no-repeat bottom left;}
		
#content ul {line-height: 150%; padding-right: 10px;}		
#content li { list-style-type: none;  list-style-image: url(images/li-right.gif); margin: 0.5em 0; }		
span.UpLink {background: url(images/li-up.gif) left no-repeat; padding-left: 20px;}		
p {text-indent: 2.0em; padding-right: 10px;}
.info {border: 0.5em solid #f60;border-right: none;padding: 1em;background: #EEE8AA;color: #f60;}		

#leftcolumn p {padding: 10px 45px 10px 10px;text-indent: 0em; font-size: 90%;}

.advert_title {color: #333; font-weight: bold;padding: 20px 10px 0 10px;font-size: 100%; margin: 0px;}
p.advert_box {margin: 0px; padding: 0 10px;}
p.advert_box a {font-size: 110%}

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

a 						{color: #f30;}
/*a:visited 			{color: #333;}*/
a:hover,a:focus 	{color: #fff; background-color: #f30; text-decoration: none;}	


.paging {text-indent: 0px;}
a.pagingLink {padding: 3px 5px; border:1px solid #999; margin:3px;}
a.pagingLink:hover {border:1px solid #f30;}
.pagingInfo {padding: 3px 0;}

h3 a, h4 a, h5 a, h6 a {text-decoration: none; color:#f30;}

#copyrights a {color: #fff;}

#leftcolumn h4 a {text-decoration: none;color:#f60;}
#leftcolumn h4 a:hover {text-decoration: none;color:#fff;}

.PageAddressItem a {color: #fff;}
.PageAddressItem a:hover{text-decoration: none; background: #f60;}

#bottomLinks a 						{color: #fff; text-decoration: none; font-variant: small-caps; padding: 3px; display: block;}
#bottomLinks a:hover,a:focus 	   {color: #fff; background: #f90;}

img {border: 2px solid #666; margin: 0.5em; }
a img {border: 2px solid #666; display: block;}
a:hover img  {border: 2px solid #f30;}

img.noBorder,a img.noBorder,a:hover img.noBorder {border: none;}

.noMargin {margin: 0px; padding: 0px;}

.reference {border: solid 0.5em #f60; border-right: none; margin:0 0 20px 0;width:300px; float: right; text-align: left; padding: 0;}
.reference img  {border: none; margin: 0;}

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

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

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



/*    P R E H L E D    A K T U A L I T     */

/* odstavec s polozkou aktality */
div.NewsItem {margin-bottom: 1em; padding-right: 10px;}
	/* titulek aktuality - box */
	.NewsItemTitle {font-weight: bold; color: #f30; font-size: 130%;}
		/* titulek aktuality - datum a cas */
		.NewsItemTitle span {font-size: 80%; color: #333; display: block;}
	/* 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 */
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;}
	/* vlastni text aktuality - mel by byt bez zvlastniho formatovani */
		div.NewsBoxItemText {font-size: 90%; padding-right: 42px;}
	/* odkaz v textu aktuality - mel by byt bez zvlastniho formatovani */
	div.NewsBoxItemText a {color:#666;text-decoration: none; padding: 3px;}
	div.NewsBoxItemText a:focus,div.NewsBoxItemText a:hover {color: #f30;background:#fff;}

	
	
	/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
#content .SiteMap ul {padding: 5px 10px 5px 15px; margin: 0;}
#content .SiteMap li a {font-weight:bold;}
#content .SiteMap li span {font-size: 80%;}
/* odkaz polozky sitemapu typu externi odkaz */

#content .SiteMap li.externalLink a {background: url(images/ico-external-link.gif) 100% 0 no-repeat; padding-right: 15px;color:#f60;}
#content .SiteMap li.externalLink a:hover {background: #f60 url(images/ico-external-link2.gif) 100% 0 no-repeat; color:#fff;}





/* FORMULARE */
label.RadioLabel, label.CheckboxLabel {display: inline;font-weight: normal;}

form 					{margin:0px;padding:0px;}
fieldset 			{margin:5px;padding:5px;border: 1px solid #ccc;}
fieldset p 			{margin: 10px 0px; text-indent: 0px;}
legend 				{color: #666;font-size:1.1em;font-weight:bold;}
label 				{display:block;float:left;width:120px;}
label.lbl-inline 	{display:inline;float:none;width:auto;}

input {
	border:1px solid #ccc;
}

.input-text, .input-text-no, .input-text-mo {
	margin: 0px;
	border:1px solid #ccc;
	background: #fff url('images/bg-input.gif') repeat-x 0px 0px; 
	width:180px;
}
.input-text-no {width:40px;}
.input-text-mo {width:135px;}
textarea {
	margin: 0;
	border:1px solid #ccc;
	background: #fff url('images/bg-input.gif') repeat-x 0px 0px; 
	width: 305px;
	height:150px;
}
.input-selection {	
	margin: 0px;
	border:1px solid #ccc;
	background: #fff url('images/bg-input.gif') repeat-x 0px 0px; 
	width:130px;
}
fieldset .input-text, fieldset .input-text, fieldset .input-text-mo, fieldset .input-text-no, fieldset textarea, fieldset .input-selection {margin-bottom:5px;}
fieldset .input-selection {width:180px;}

.formular:hover, input:hover {border-color:#666;}

.input-button, .submit, .reset {
	margin:0px;
	padding:0px 1px;
	color:#fff;
	font-size: .9em;
	font-weight: bold;
	background: #f60 url('./images/bg-button.gif') repeat-x 0px 0px; 
	border:1px solid #f60;
}
.input-button:hover, .submit:hover, .reset:hover{
	border-color:#f30;
	background: #f30 url('./images/bg-button-hover.gif') repeat-x 0px 0px;
	cursor: pointer;
}



.form_error_msg {display: block; clear: both; color: #c00; font-weight: bold; display: block;}
.form_note 		 {font-style: italic; padding-left: 0.5em;} 

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

 label.RadioLabel {display:inline;float:none;width:auto;}
 label.TextLabel  {width:180px;}
 label.TextareaLabel {width: 100%; display: block; float: none; padding: 5px 0; }
 label.CaptchaLabel  {width:180px;}
 label.TextCaptchaLabel  {display:block;}
 input.captcha-input {width:100px;}
 
 .w60 	{width: 60px;}
 .w100 	{width: 100px;}
 .w200 	{width: 200px;}
 .w300 	{width: 300px;}
 .w400 	{width: 400px;}
 .w600 	{width: 600px;} 

  
  


  
 
/* modul    G U E S T B O O K     */


.GuestbookBox {margin-top: 25px;}
.GuestbookHeadline {padding: 3px;}
.GuestbookHeadline img {border: none; margin: 0 3px;}
	.GBnickname,.GBwww,.GBemail,.GBip {padding-left: 20px;}
	.GBdate {font-size: 80%; font-weight: bold;}
	.GBnickname {color: #f30; font-weight: bold;}
	.GBip,.GBwww,.GBemail {font-size: 80%; }
.GuestbookMessage {padding: 5px; border: 1px solid #E7E7CF; line-height: normal;}
.GuestbookMessage img {border: none; margin: 0 3px;}
.GuestbookBottom {padding: 3px; text-align: right;}
   .GBedit {color: #cc9;}
	.GBtext_smileys,.GBtext_format {padding: 3px;}
	.GBtext_smileys img {border: none; padding: 0; margin: 0}
	.GBtext_smileys a img,.GBtext_smileys a:hover {border: none; background: none; text-decoration: none;}
.GuestbookBox label {display: block; margin-top: 5px; color:#333; font-weight:bold; padding: 3px;}
.GB_error {font-weight: bold; color: #f30; display: block;}


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

div.RandomPhotoItem {text-align: center;}
div.RandomPhotoItem a {}

.PhotoPlacement,PhotoFormats {padding-top: 15px;}
.PhotoPlacementItem {
	background: url(images/arrow-right-normal.gif) right no-repeat;
	padding-right: 17px;
	margin-right: 5px;
}

a.PhotoItem {border: 1px solid #996; background-color:#cc9; display: block; width: 212px; text-align: center; float: left; padding: 0; margin: 10px 5px;}
	h4.PhotoItemTitle  {background: none; color: #333; margin: 5px 5px 0 5px; padding: 0;}
	a.PhotoItem img {margin: 5px auto; border: 1px solid #966;}
a.PhotoItem:hover {border: 1px solid #f30; background-color:#f60;}
	a.PhotoItem:hover h4.PhotoItemTitle  {color: #fff;}
	a.PhotoItem:hover img {border: 1px solid #f30;}	
a.photo {display:block;}
a.photo:hover img {border: 2px solid #fff;}


.surveyBoxItem{margin-bottom: 20px; width: 250px;}
.surveyItem{width: 250px; border: 1px solid #999; background-color: #F5F5F5; margin: 5px 0;}
/*.surveyGroupItem {float: left; margin: 5px;}*/
.surveyTitle {font-weight: bold; font-size: 1.1em; text-align: center; padding: 10px 5px 10px 5px; color: #333; }
.surveyImg {background: #F5F5F5 url(images/survey-bg-f60.gif) no-repeat; /*float: left; */width: 198px; margin-left: 2px;}
.surveyBoxItem .surveyImg {background: #fff url(images/survey-bg-f60.gif) no-repeat;}
.surveyPercent {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #333; /*float: right; width: 40px;*/ text-align: right; margin-right: 3px;}
img.SurveyGraph {margin:0 0 0 2px; height: 15px; border:none;}
.surveyLink,.surveyBottom {/*clear: both;*/}
.surveyLink {padding-left: 3px; font-size: 0.9em;}
.surveyBottom {font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #333; text-align: center; padding: 10px 5px;}
.surveyMSG {color: #f30; font-weight: bold; text-align: center; padding: 5px;}



/*     modul N E W S L E T T E R     */
h4.newsletter {margin-top: 0px;}
.newsletterFormItem {padding: 5px 25px 5px 10px;}
.newsletterFormItem .input-text,.newsletterFormItem .input-button {margin-top: 5px;font-size: 90%;}
.NewsletterText {font-size: 90%;}
.NewsletterError {font-weight: bold; color: #f30; display: block; padding: 5px auto;}	


/*  SEARCH */

/* panel pro rychle vyhledavani */
#search-panel {padding: 0px; margin: 0px;}
#search-panel p {padding: 5px 40px 5px 10px; margin: 0px;}
#search-panel h3 {}
#search-panel label {display: none; margin: 0; padding: 0;}

#search-panel .input-text {
	width: 125px; font-size: 90%;
}

#search-form {}
#search-form .input-text {margin-bottom: 0px;}
#search-form form fieldset {padding-bottom: 10px;}
.search-error {display: block; color: #c00; font-weight: bold;}


h3.SearchResultsTitle {margin: 0px;  padding: 0px;}
h4.SearchResultsTitle {margin: 0px;  padding: 5px;}
.tab-sel h4.SearchResultsTitle {color: #333;}
.SearchItem {padding: 10px 20px;}
.SearchItemTitle {margin: 0px; padding: 5px 0;}
.SearchItemPhoto {width: 235px; float: left; margin: 0px; padding: 0px; text-align: left;}
.SearchItemText {font-size: 85%;}
.highlight {background-color: #666; color: #fff;}

/* eshop-in-action && vysledky vyhledavabni ---------------------------------*/

div.tab-sel {
	border: 1px solid #DCDCDC;
	background-color: #F9F9F9;
	margin:0px 0px 5px 0px;
	padding:5px;
	clear:both;
	border-right: none;
	border-top: none;
}


ul#tabs-action {
	margin:0px 0px 0px 0px;
	padding:0px;
}

ul#tabs-action li {
	margin:0px 2px 0px 0px;
	padding:0px;
	list-style: none;
	display:block;
	float:left;
}

ul#tabs-action li a {
	margin:0px;
	padding:5px 0px;
	text-align:center;
	width:118px;
	overflow: hidden;
	font-weight: bold;
	display:block;
	float:left;
	border:1px solid #EEEEEE;
	border-bottom:none;
	color: #333;
	background-color:#FCFCFC;
}

ul#tabs-action li a.tab-sel, ul#tabs-action li a.tab-sel:hover {
	text-decoration:none;
	background-color: #F9F9F9;
	border-color: #dcdcdc;
}

ul#tabs-action li a:hover {
	background-color:#F9F9F9;
	border-color: #dcdcdc;
}