/* CSS pro webovou prezentaci SK Plus */
/* author: Jan Volejnik - Broli � Web Works 2008 -- http://www.web-works.cz -- */
/* ALL RIGHTS RESERVED */

body {font-size: 76%; color: #000; text-align: center; line-height: 1.5em; background-color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #585858;}

/* hlavni kontejner stranky */
#page {
	width: 997px;
	margin: 0 auto;
	padding: 42px 0 20px 0;
	position: relative;
}
	
	/* hlavicka stranky */
	#top {
		height: 310px;
		background: #fff url('default/images/bg-page-title2.jpg') left top no-repeat;
		text-align: left;
	}

		/* titulek webu - bude skryt */
		#title {
			display: none;
		}
		
		/* logo spolecnosti */
		#logo {
			position: absolute;
			left: 298px;
			top: 110px;
		}
		
			#logo a {
				background: none;
				background-color: transparent;
				border: none;
			}
		
				#logo a img {
					background: none;
					background-color: transparent;
					border: none;
				}
	
		/* reklamni text ve vizualu */
		#visual {
			width: 290px;
			height: 250px;
			position: absolute;
			left: 16px;
			top:45px;
			/*background: url('default/images/visual-1.jpg') left top no-repeat;*/  /* vychozi */
		}
			#visual a, #visual a img, #visual img, #visual p {
				background: none;
				background-color: transparent;
				border: 0px;
				margin: 0px;
				padding: 0px;
			}
			#visual p {
				text-indent: 0px;
			}
		
		/* drobeckova navigace */
		#PageAddress {
			width: 590px;
			position: absolute;
			left:348px;
			top:47px;
			color: #fff;
			font-size: 90%;
		}
	
	
	
	#content {
		background: #fff url('default/images/bg-page-content.jpg') center top repeat-y;
		padding: 0 15px;
		text-align: left;
		color: #585858;
		text-align: justify;
		height: 100%;
	}
	
		#perex {
			letter-spacing: 0.1em;
			padding: 0px 20px 20px 20px;
			color: #005D8B;
			margin: 0px;
			text-indent: 0;
			height: 100%;
		}
		
		#main-content {
			width:700px;
			float: right;
			overflow: hidden;
			margin-right: 20px;
			display: inline; /* MSIE double-margin hack */
			height: 100%;
		}
		
		#column {
			width:220px;
			float: left;
		}
			.column-content {
				padding-left: 20px;
				height: 100%;
			}
		
	#menu {
		position: absolute;
		top: 3px;
		left: 15px;
		width: 965px;
		height: 39px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
	}
	
	#bottom {
		background: #fff url('default/images/bg-page-bottom.jpg') left bottom no-repeat;
		padding: 20px 35px 30px 35px;
		text-align: left;
		font-size: 90%;
		color: #1B6AAA;
	}
	

	
	#system-links {
		border-bottom: 2px solid #585858;
		padding-bottom: 0.25em;
	}
	#system-links-left {
		width: 55%;
		float: left;
	}
	#system-links-right {
		width: 30%;
		float: right;
		text-align: right;
	}

	
	#copyrights {
		text-align: right;
		padding-top: 0.25em;
	}
	
	
	/* MENU, SUBMENU */
	 
	ul#MainMenu {display: block; margin: 0px; padding: 0px; list-style: none; font-size: 120%; line-height: 39px;}
		ul#MainMenu li {display: block; float: left; margin: 0 -3px 0 -2px; padding: 0px; text-align: center; font-weight: bold;  list-style-image: none; list-style-type:none; font-variant: small-caps;  }
			ul#MainMenu li a {display: block; background: #fff url('default/images/main-menu-item-left-normal.jpg') left bottom no-repeat; color: #333; text-decoration: none; line-height: 39px; /*height: 39px;  */}	
			ul#MainMenu li a span {display: block; background: url('default/images/main-menu-item-right-normal.jpg') right bottom no-repeat; padding: 0 1.5em;  cursor: pointer }	
			ul#MainMenu li a span strong {position: relative; top: 4px; }	
			
			ul#MainMenu li a:hover {background: #FFBF29 url('default/images/main-menu-item-left-hover.jpg') left bottom no-repeat; color: #000;}
			ul#MainMenu li a:hover span {background: url('default/images/main-menu-item-right-hover.jpg') right bottom no-repeat;}
			
			ul#MainMenu li.currentMenuItem a {background: #FFBF29 url('default/images/main-menu-item-left-hover.jpg') left bottom no-repeat; color: #000;}
			ul#MainMenu li.currentMenuItem a span {background: url('default/images/main-menu-item-right-hover.jpg') right bottom no-repeat;}
			
			ul#MainMenu li a:active, ul#MainMenu li a:focus{background: #FFBF29 url('default/images/main-menu-item-left-hover.jpg') left bottom no-repeat; color: #000;}
			ul#MainMenu li a:active span, ul#MainMenu li a:focus span {background: url('default/images/main-menu-item-right-hover.jpg') right bottom no-repeat;}

	

/*    submenu   */


#SubMenu1Box,
#SubMenu2Box {
	margin: 0px;
	padding: 0px;
	position:relative;
	left: -34px;
	text-align: left;
}

#SubMenu1Box ul#SubMenu1 li,
#SubMenu2Box ul#SubMenu2 li {
	list-style-image: none; 
	list-style-type:none;
	height: 100%;
	margin: 2px 0;
}

#SubMenu1Box ul#SubMenu1 li ul li,
#SubMenu2Box ul#SubMenu2 li ul li {
	margin: 0px 0;
}

ul#SubMenu1,
ul#SubMenu2	{ 
	margin: 0px; 
	padding: 0px;
	height: 100%;
}
	
ul#SubMenu1 li,
ul#SubMenu2 li,
ul#SubMenu1 li ul li
ul#SubMenu2 li ul li {
	padding: 0px;
	margin: 0px;
	height: 100%;
}
	
ul#SubMenu1 li a,
ul#SubMenu2 li a {
	display: block; 
	margin: 0px;
	padding: 0px; 
	background: url('default/images/bg-bookmark-left-blue.jpg') left top repeat-y; 
	text-decoration: none;
}

ul#SubMenu1 li a span,
ul#SubMenu2 li a span {
	padding: 1em 0 1em 35px;
	display: block;
	cursor: pointer;
	height: 100%;
}

ul#SubMenu1 li ul,
ul#SubMenu2 li ul {
	padding: 0px;
	margin: 0px;
}


ul#SubMenu1 li ul li a span,
ul#SubMenu2 li ul li a span {
	padding: 1em 0 1em 45px;
	display: block;
	height: 100%;
}

ul#SubMenu1 li ul li ul,
ul#SubMenu2 li ul li ul {
	padding: 0px;
	margin:0px;
}

ul#SubMenu1 li ul li a span,
ul#SubMenu2 li ul li a span {
	padding: 1em 0 1em 55px;
	display: block;
}

ul#SubMenu1 li.currentItem span,
ul#SubMenu2 li.currentItem span {
	background: #FFFCF4 url('default/images/bg-bookmark-left-yellow.jpg') left top repeat-y; 
	text-decoration: none; 
	color: #000;
}
	


/*
#SubMenu1Box ul#SubMenu1 li,
#SubMenu2Box ul#SubMenu2 li {list-style-image: none; list-style-type:none;}

ul#SubMenu1,
ul#SubMenu2	{display: block; margin: 0px; padding: 0px; list-style: none; font-size: 120%;}
	
	ul#SubMenu1 li,
	ul#SubMenu2 li  {
		display: block; 
		position: relative;
		left: -34px;
		padding: 0;
		margin: 0 0 0 0;
		text-align: left; 
		font-weight: normal;  
		list-style-image: none; 
		list-style-type:none; 
		width: 220px;
	}
	
	ul#SubMenu1 li a,
	ul#SubMenu2 li a {display: block; padding-left: 14px;  background: url('default/images/bg-bookmark-left-blue.jpg') left top repeat-y; text-decoration: none;}
	
	ul#SubMenu1 li a span,
	ul#SubMenu2 li a span {display:block; border-bottom: 2px dashed #009DED; padding: 0.5em 0 0.5em 20px}
	ul#SubMenu1 li a:hover,
	ul#SubMenu2 li a:hover,
	ul#SubMenu1 li a:focus, 
	ul#SubMenu2 li a:focus, 
	ul#SubMenu1 a:active,
	ul#SubMenu2 a:active {background: #FFFCF4 url('default/images/bg-bookmark-left-yellow.jpg') left top repeat-y; text-decoration: none; color: #000;}

	ul#SubMenu1 li.currentItem span, 
	ul#SubMenu2 li.currentItem span {display: block; color: #000; padding: 0.5em 0 0.5em 35px; background: url('default/images/bg-bookmark-left-yellow.jpg') left top repeat-y; text-decoration: none;}
	
	*/
	
	
	/*		DROBECKOVA NAVIGACE */
	.PageAddressItem a, .PageAddressItem a:visited {padding-right: 8px; background: url('default/images/ico-li-navItem.gif') 100% 0.5em no-repeat; color: #fff; text-decoration: underline;}
	.PageAddressItem a:hover, .PageAddressItem a:active, .PageAddressItem a:focus {color: #fff; text-decoration: none;}
 	.PageAddressLastItem {font-weight: bold;}
	 span.hidden {display: none;}
	
	/* NADPISY */
	#content h1 {font-size: 220%; letter-spacing: 0.05em; padding: 0px 0px 0.5em 20px; margin: -5px 0 0 0;line-height: 1.5em;color: #005D8B; font-weight: normal; font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;}
	h2 {padding: 0.5em 0 0.5em 0px; font-size: 180%;color: #007FBF;font-weight: normal;letter-spacing: 0.1em; text-transform: uppercase;}
	h3 {padding: 0.5em 0 0.5em 0px; font-size: 160%; font-weight: normal;letter-spacing: 0.1em;}
	h4 {padding: 0.5em 0 0.5em 0px; font-size: 140%; font-weight: normal; letter-spacing: 0.1em;}
	h5 {font-size: 120%;letter-spacing: 0.1em;}
	h6 {font-size: 110%;letter-spacing: 0.1em;}
	
	h2, h3, h4, h5, h6 {color: #007FBF;line-height: 1.5em;font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;}
	h2 a, h3 a, h4 a, h5 a, h6 a {color: #007FBF;}
	
	#column h1,
	#column h2,
	#column h3,
	#column h4,
	#column h5,
	#column h6 {
		background: url('default/images/bg-bookmark-left-yellow.jpg') left top repeat-y;
		position: relative;
		left: -34px;
		padding: 0.5em 0 0.5em 34px;
		color: #000;
		width: 200px;
	}
	
	#column h1 a,
	#column h2 a,
	#column h3 a,
	#column h4 a,
	#column h5 a,
	#column h6 a {
		color: #000;
	}
	
	/* odkazy */
	
	
	/* OBRAZKY */
	#main-content img {border: 1px solid #585858;  margin: 0.5em; padding: 1px; background: #fff;}
	#main-content a img {border: 1px solid #007FBF;  margin: 0.5em; padding: 1px; background: #fff;}
	#main-content a img:hover  {border-color: #FF8C00;}
	#main-content img.noBorder, #main-content a img.noBorder, #main-content a img.noBorder:hover  {border: none;  margin: 0.5em; padding: 0px; background: #fff;}
	
	 
	 /* ODSTAVCE */
	 p {text-indent: 0%;}
	.info {padding: 0 10px 0 15px; border-left: 10px solid #585858; color: #0058A5; width: auto; }
	.perex {font-size: 90%; letter-spacing: 1px;}
	
	.required {
			font-weight: bold;
			color: #CC0000;
	}
	
	#column p {
		padding: 0;
		margin-left: 0px;
	}
		
/*	#content ul li {list-style-image: url('./default/images/ico-li-right.gif'); line-height: 150%;}	*/
	
	 /* ODKAZY */
	

	
	#bottom a {color: #1B6AAA;text-decoration: underline;}
	#bottom a:hover, #bottom a:focus, #bottom a:active {color: #000; text-decoration: none;}
	#bottom a:focus, #bottom a:active {background-color: #fff;}
	
	#system-links a {text-decoration: none;}
	#system-links a:hover {text-decoration: none;}
	span.UpLink {background: url('./default/images/ico-2top.gif') no-repeat left; padding-left: 13px; }
	span.PrintLink {background: url('./default/images/ico-print.gif') no-repeat left; padding-left: 17px;margin-right: 10px;}	
	
	span.SitemapLink {background: url('./default/images/ico-sitemap.gif') no-repeat left; padding-left: 15px; margin-right: 10px;}
	span.DeclarationLink {background: url('./default/images/ico-accessibility.gif') no-repeat left; padding-left: 15px; margin-right: 10px;}
	span.LawAgreementLink {background: url('./default/images/ico-copyrights.gif') no-repeat left; padding-left: 15px; }
	
	

	
/* modul    N E W S     */
		
	.NewsItemTitle span {color: #000; font-size: 0.8em; font-weight: normal; padding-right: 2em; font-family: Arial, Helvetica, sans-serif }
	.NewsItemTitle {margin-top: 0.5em;}
	
   .NewsItem {margin-bottom: 30px;}
	.NewsBottomLinks {padding-top: 50px; text-indent: 0px;}
	
	.NewsBoxItem {padding-bottom: 2em;}
	#column h3.NewsBoxItemTitle,#column h3.NewsBoxItemTitle a {font-weight: bold; padding-bottom: 1em; text-align: left; font-size: 1em; color: #1B6AAA; background-image: none;}
	#column h3.NewsBoxItemTitle a:hover, #column h3.NewsBoxItemTitle a:focus, #column h3.NewsBoxItemTitle a:active {color:#FF8C00; background: #fff;}
	.NewsBoxItemTitle span {display:block; color: #000; font-size: 0.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
	.NewsBoxItemText {font-size: 0.8em; text-align: justify; line-height: 150%;}


	
	
/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
.SiteMap ul {padding: 5px 10px 5px 15px; margin-left: 10px;}
.SiteMap li {margin: 3px 0;}
.SiteMap li a {font-weight:normal; font-size: 120%; font-variant: small-caps;}
.SiteMap li span {font-size: 90%; display: block;}
/* odkaz polozky sitemapu typu externi odkaz */

.SiteMap li.externalLink a {background: url('default/images/ico-external-link-normal.gif') 100% 0 no-repeat; padding-right: 15px;color:#1B6AAA;}
.SiteMap li.externalLink a:hover {background: url('default/images/ico-external-link-hover.gif') 100% 0 no-repeat; color:#EC3D5D;}	
	
	
	

/* modul    C A T A L O G   */

/* adresa umisteni */
.ProductPlacement {padding-top: 15px;margin-bottom: 2em;}
.ProductPlacement a.firstItem {}
.CategoryPlacementItem,.ProductPlacementItem {padding-right: 10px; background: url('default/images/ico-li-navItem-catalog.gif') right 0.5em no-repeat;}


/* vypis */
h3.ProductItemTitle {
	font-size: 200%;
	margin-top: 0px;
	padding-top: 0px;
}

/* detail */

.productThumb {margin: 0 ;padding: 0; text-align: center;}

h2.ProductTitle {font-size: 200%;margin-bottom: 1em;padding-left: 5px;}
.ProductItem { margin-top: 2em; padding-bottom: 2em; }

.ProductItemImg {float: left;display: inline; /* MSIE 6 double-margin hack */margin-right: 2em;}
.productThumb .ProductItemImg {margin-right: 0;}

.ProductAnnotation {letter-spacing: 1px;font-size: 90%;}
.ProductItemText {padding-bottom: 4em; padding-top: 2em;  clear: both;}
.productThumb div.title {color:#7E9AB2; letter-spacing: 1px; font-size: 90%;}
.productThumb h4 {margin-top: 0px;padding-top: 0px;}
.PreviousProduct {float: left;}
.NextProduct {float: right;}

#producPrices {
	padding-bottom: 2em;
}

#productCalendars {
	padding-bottom: 2em;
}

#booking-calendar {
	border: 1px solid #1B6AAA;
	width: 360px;
	float: right;
}

#booking-terms {
	border: 1px solid #1B6AAA;
	width: 300px;
	float: left;
	
}

#booking-terms #js-calendar {
	padding: 5px;
}

#booking-terms #js-calendar h4 {
	margin: 0px;
	padding: 5px;
	background-color: #1B6AAA;
	font-weight: normal;
	color: #FFF;
	/*font-size: 120%;*/
	margin-bottom: 20px;
}

#booking-terms #js-calendar p.note {
	padding-top: 20px;
	font-size: 90%;
	color:#1B6AAA;
}

#related-products {
	padding-bottom: 2em;
}

#related-products ul li {
	display: block;
	margin-bottom: 2em;
}

#related-products ul li ul li {
	display: list-item;
}

#related-products .lbl-inline {
	padding-left: 15px;
	font-size: 110%;
	color: #1B6AAA;
	font-weight: bold;
}

#related-products ul li ul.related-prices .price-item {
	padding-left: 0px;
}

#related-products .price-item {
	padding-left: 32px;
}

.price-item span  {
	color: #1B6AAA;
	/*font-weight: bold;*/
}

.price-item li {
 list-style: circle;
}

#related-products ul li ul.related-prices {
	margin-left: 50px;
	padding-left: 0px;
}

div.price-title {
	font-weight: bold;
}
.price-date {
	font-size: 90%;
	font-weight: normal;
}


#productOrder {
	padding: 2em 0;z
}

p.error {
	border: 0.5em solid #CC0000;
	padding: 1em;
	color: #CC0000;
	font-weight: bold;
	letter-spacing: 1px;
}

/*    B O X     */
#ProductMenuBox {
	margin: 0px;
	padding: 0px;
	position:relative;
	left: -34px;
	text-align: left;
}

#ProductMenuBox ul#ProductMenu li {
	list-style-image: none; 
	list-style-type:none;
	height: 100%;
	margin: 2px 0;
}

#ProductMenuBox ul#ProductMenu li ul li {
	margin: 0px 0;
}

ul#ProductMenu	{ 
	margin: 0px; 
	padding: 0px;
	height: 100%;
	margin-bottom: 2em;
}
	
ul#ProductMenu li,
ul#ProductMenu li ul li {
	padding: 0px;
	margin: 0px;
	height: 100%;
}
	
ul#ProductMenu li a {
	display: block; 
	margin: 0px;
	padding: 0px; 
	background: url('default/images/bg-bookmark-left-blue.jpg') left top repeat-y; 
	text-decoration: none;
}

ul#ProductMenu li a span {
	padding: 1em 0 1em 35px;
	display: block;
	cursor: pointer;
	height: 100%;
}

ul#ProductMenu li ul {
	padding: 0px;
	margin: 0px;
}

ul#ProductMenu li ul li a span {
	padding: 1em 0 1em 45px;
	display: block;
	height: 100%;
}

ul#ProductMenu li ul li ul {
	padding: 0px;
	margin:0px;
}

ul#ProductMenu li ul li a span {
	padding: 1em 0 1em 55px;
	display: block;
}

ul#ProductMenu li a:hover,
ul#ProductMenu li a:focus, 
ul#ProductMenu a:active {
	background: #FFFCF4 url('default/images/bg-bookmark-left-yellow.jpg') left top repeat-y; 
	text-decoration: none; 
	color: #000;
}



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


ul.CategoryTree	{margin: 0px; padding: 0px;  font-size: 120%;}
	ul.CategoryTree li {margin: 0.5em 0 0 20px; text-align: left; font-weight: normal; list-style: square }
		ul.CategoryTree a {padding: 0.2em 0em 0.2em 0em;  text-decoration: none;}


 ul.CategoryTree li.level-1 {margin-left: 20px;}
 ul.CategoryTree li.level-2 {margin-left: 50px;}
 ul.CategoryTree li.level-3 {margin-left: 80px;}
 ul.CategoryTree li.level-4 {margin-left: 110px;}
 ul.CategoryTree li.level-5 {margin-left: 140px;}
 ul.CategoryTree li.level-6 {margin-left: 170px;}
 
 
 
 
 /*  SEARCH */

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

#search-panel .input-text {
	width: 120px;
}

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


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



/* hledani v obsahu ---------------------------------*/

div.tab-sel {
	border: 1px solid #D3E4EF;
	border-top: 3px;
	background-color: #E9F1F8;
	margin:0px 0px 5px 0px;
	padding:5px;
	clear:both;
}


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

ul#tabs-action li {
	margin:0px 5px 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:160px;
	overflow: hidden;
	font-weight: bold;
	display:block;
	float:left;
	border:1px solid #D3E4EF;
	border-bottom:none;
	color: #1B6AAA;
}

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

ul#tabs-action li a:hover {
	background-color:#E9F1F8;
	border-color: #D3E4EF;
}