/* CSS pro webovou prezentaci Spontex */
/* 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; padding-bottom: 30px;}


.color207DC5 	{color: #207DC5;}
.color1B6AAA 	{color: #1B6AAA;}
.colorEC3D5D 	{color: #EC3D5D;}
.color333 		{color: #333;}
.color000 		{color: #000;}
.colorFFF 		{color: #fff;}

.error {color: #EC3D5D; font-weight: bolder;}
.author {display: none;}

/* LAYOUT */


/* obecny centrovaci div pro hlavni obsahove bloky */
.centered-content {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	
}

/* vizualni oddelovaci linka */
div.red-line {
	background: url('./images/bottom-red-line-allwidth.png') 0px 0px repeat-x;
	font-size: 0px;
}
div.red-line div.centered-content {
	background: url('./images/bottom-red-line-center.png') 0px 0px no-repeat;
	font-size: 1px;
	height: 4px;
	padding: 0px;
}

/* zahlavi */
#header {
	width: 100%;
	background: #78D2FF url('./images/bg-content-top-allwidth.png') left top repeat;
	
}
	#header div.centered-content {
		background: #0F5B9C url('./images/bg-content-top-center.png') center top repeat-y;
		position: relative;
		height: 75px;
		
	}
	
		#logo-img {position: absolute; left: 25px; top: 15px; padding: 0px; margin: 0px; background: none; border: 0;}
	
		h5#slogan-p1 {padding: 0; margin:55px 0 0 350px; line-height: 1em; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
		h5#slogan-p1, h5#slogan-p1 span {width:432px; height:18px; font-size:0.9em; position:absolute; left:0px; top:0px; overflow:hidden; z-index:0;}
		h5#slogan-p1 span {display:block; background: url('images/slogan-part1.gif') no-repeat; z-index:1;}
		h5#slogan-p1 strong {display: none;}
		
		h5#slogan-p2 {padding: 0; margin:67px 0 0 380px; line-height: 1em; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
		h5#slogan-p2, h5#slogan-p2 span {width:442px; height:22px; font-size:0.9em; position:absolute; left:0px; top:0px; overflow:hidden; z-index:0;}
		h5#slogan-p2 span {display:block; background: url('images/slogan-part2.gif') no-repeat; z-index:1;}
		h5#slogan-p2 strong {display: none;}
	
		#langs {position: absolute;top: 0px;right: 0px;}
	
/* menu, vizual a drobeckova navigace */
#visual {
	width: 100%;
	background: #fff;
	color: #1B6AAA;
}
	#visual div.centered-content {
		background: #fff url('./images/bg-content-visual-center.png') center top repeat-y;
	}
	
	#menu	{
		width: 450px;
		float: left; 
		margin-left: 30px;
		padding-top: 50px;
		padding-bottom: 10px;
		display: inline;
		background: #fff url('./images/jezek-top.jpg') left bottom no-repeat;
	}
	
	#visual-content {
		width: 480px;
		float: right;
		margin-right: 30px;
		padding-top: 30px;
		display: inline; 
		color: #1B6AAA;
	}
	
	 #PageAddress {clear: both; padding: 0 30px 10px 30px; font-size: 90%;}
	



/* vlastni obsah stranky */
#page-content {
	width: 100%;
	background: #78D2FF url('./images/bg-page-content.jpg') center top repeat;	
}
	#page-content div.centered-content {
		background: #0F5B9C url('./images/bg-content-middle-center.png') center top repeat-y;	
		color: #075167;	
	}
	
	/* obalovac hlavniho obsahu */
	#content	{
		padding: 0 30px;
		background: url('./images/bg-content.jpg') center top repeat-y;
		height: 100%;	
	}
	
		#main-content {
			width: 650px;
			float: left;
			text-align: justify;
			font-size: 120%;
			line-height: 1.5em;
		}
		
		#column {
			width: 250px;
			float: right;
			text-align: left;
		}
	
		/* zapati obsahu s odkazy na tisk a 2top */
		#content-system-links {
			clear: both;
			text-align: right;
			padding: 10px 0 5px 0px;
		}
		
		#content-system-links a {
			color: #234F8C;
		}
		
		#content-system-links a:hover {
			text-decoration: none;
			color:#EC3D5D;
		}
	


/* paticka */
#bottom {
	width: 100%;
	background: #fff;
	font-size: 90%;
}		
	#bottom div.centered-content {
		background: #fff url('./images/bg-bottom-center.png') center bottom repeat-y;
		position: relative;	
	}
			
		#bottom, #bottom a {color: #234F8C;}
		#bottom a:hover, #bottom a:focus, #bottom a:active {color:#EC3D5D;}
		#bottom a:focus, #bottom a:active {background-color: #fff;}
				
		#bottom-content {
			padding: 5px 210px 20px 30px;		
			background: url('./images/jezek-bottom.gif') 800px bottom no-repeat;
			min-height: 140px;		
		}
	
			#bottom-system-links {
				text-align: left;
				padding-bottom: 15px;
			}


			#bottom-content .text-box {
				
			}
			#bottom-content .blank-text-box {
				height: 50px;
			}			
			
			#copyrights {
				color: #7E9AB2;
				text-align: right;
				padding-top: 15px;
				font-size: 90%;
			}
				#copyrights a {
					color: #7E9AB2;
				}


/* SYSTEMOVE ODKAZY */



#content-system-links a, #bottom-system-links a {text-decoration: none;}
#bottom-system-links a:hover {text-decoration: none; }

span.UpLink {background: url('./images/ico-2top.gif') no-repeat left; padding-left: 13px; }
span.PrintLink {background: url('./images/ico-print.gif') no-repeat left; padding-left: 17px;margin-right: 10px;}	

span.SitemapLink {background: url('./images/ico-sitemap.gif') no-repeat left; padding-left: 15px; margin-right: 10px;}
span.DeclarationLink {background: url('./images/ico-accessibility.gif') no-repeat left; padding-left: 15px; margin-right: 10px;}
span.LawAgreementLink {background: url('./images/ico-copyrights.gif') no-repeat left; padding-left: 15px; }*/
	

/* JAZYKOVE MENU */
#langs ul#LangArray {list-style: none;}
#langs ul#LangArray li {list-style-type: none;display: inline;color: #fff;padding: 5px;}
#langs ul#LangArray li a {color: #fff;text-decoration: none;padding-top: 5px;}
#langs ul#LangArray li a:hover,
#langs ul#LangArray li a:focus,
#langs ul#LangArray li a:active {color: #fff;text-decoration: none;border-top: 5px solid #fff;background: none;}
#langs ul#LangArray li span.ActiveLang {color: #DCEAF3;text-decoration: none;border-top: 5px solid #DCEAF3;padding-top: 5px;}
			
			
	
/* MENU, SUBMENU */
 
ul#MainMenu {display: block; margin: 0 0 0 190px; padding: 0px; list-style: none; font-size: 130%;}
	ul#MainMenu li {display: block; margin: 10px 0 0 20px; text-align: left; font-weight: bold;  list-style-image: none; list-style-type:none; font-variant: small-caps; height: 100%; }
		ul#MainMenu li a {display: block;  padding: 0.2em 0px 0.2em 1.5em; background: #fff url('images/li-main-menu-blue.jpg') 0em 0.7em no-repeat;  color: #EC3D5D; text-decoration: none;}	
		ul#MainMenu li span {}	
		ul#MainMenu li a:hover {background: #fff url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; color: #1B6AAA;}
		ul#MainMenu li.currentMenuItem a {background: #fff url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; text-decoration: none;}
		ul#MainMenu li a:active,ul#MainMenu li a:focus {background: #fff url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; color: #1B6AAA;}

		
#content #column ul#SubMenu1 li, #content #column 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; margin: 10px 0 0 20px; text-align: left; font-weight: normal;  list-style-image: none; list-style-type:none;}
		ul#SubMenu1 li a, ul#SubMenu2 li a {display: block;  padding: 0.2em 0px 0.2em 1.5em; background: /*#fff */url('images/li-main-menu-blue.jpg') 0em 0.7em no-repeat;  color: #EC3D5D; text-decoration: none;}
		ul##SubMenu1 li span, ul##SubMenu2 li span {}	
		ul#SubMenu1 li a:hover, ul#SubMenu2 li a:hover {background: /*#fff */url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; color: #1B6AAA;}
		ul#SubMenu1 li.currentItem span, ul#SubMenu2 li.currentItem span {display: block;  padding: 0.2em 0px 0.2em 1.5em;  background: /*#fff */url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; text-decoration: none;}
		ul#SubMenu1 li a:active, ul#SubMenu1 li a:focus, ul#SubMenu2 li a:active, ul#SubMenu2 li a:focus {background: /*#fff */url('images/li-main-menu-red.jpg') 0em 0.7em no-repeat; color: #1B6AAA;}



/*		DROBECKOVA NAVIGACE */

	 #PageAddress {color: #207DC5}
 	.PageAddressItem a {padding-right: 10px; background: url('./images/ico-li-navItem.gif') right 0.5em no-repeat; color: #207DC5}
	.PageAddressItem a:hover, .PageAddressItem a:active, .PageAddressItem a:focus {color: #EC3D5D}
 	.PageAddressLastItem {font-weight: bold;}
 

/* NADPISY */

#content h1 {font-size: 250%;/*background: url('images/h1-span-bg.png') left top no-repeat; */padding: 15px 0px 10px 70px; margin: 0;line-height: 1.5em;color: #0F5B9C; font-weight: normal; font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;}
div.h1-line {background: url('images/h1-bg.gif') left top no-repeat; height: 30px; margin-bottom: 15px; margin-top: -15px; }
h2 {padding: 10px 0 10px 50px; font-size: 180%;color: #fff;font-weight: normal;letter-spacing: 0.1em; line-height: 150%; background: url('images/bg-h2.gif') left center no-repeat;}
h3 {padding: 10px 0 10px 40px; font-size: 160%; font-weight: normal;letter-spacing: 0.1em;line-height: 150%; background: url('images/bg-h2.gif') left center no-repeat;}
h4 {padding: 25px 0 5px 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: #EC3D5D;line-height: 150%;font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif; margin-top: 1em; text-align: left;}
h2 a, h3 a, h4 a, h5 a, h6 a {color: #EC3D5D;}

h1,h2 {
	color: #0F5B9C;
}

#visual h2, #visual h3 {
	background: none;
	padding-left: 0px;
	margin: 0px;
	color: #EC3D5D;
}


/* OBRAZKY */
#main-content img, #main-content a img {border-color: #fff;  margin: 0 1em 1em 1em;}
#main-content a img:hover  {border-color: #E0173A; background-color: #F94666;}
#main-content img.noBorder, #main-content a img.noBorder, #main-content a img.noBorder:hover  {border: none;  margin: 0 1em 1em 1em; padding: 0px; background: #fff;}

#main-content img.left   {float:left; margin-left: 0em;}
#main-content img.right  {float:right; margin-right: 0em;}

#visual img {
	padding: 0px;
	border: 0px;
	background-color: #fff;
}
 
 /* ODSTAVCE */
p {text-indent: 0%;}
.perex {font-size: 115%; letter-spacing: 1px;}




/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
.SiteMap ul {padding: 5px 10px 5px 15px; margin-left: 10px;}
.SiteMap li {margin: 1em 0; height: 100%;}
.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   */

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


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

h3.ProductItemTitle a {
	color: #0F5B9C;
}

h3.ProductItemTitle a:hover {
	color: #E0173A;
}

/* detail */

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

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 {
	float: none;
	margin: 0;
}
.productThumb .ProductItemImg img {
	margin: 0px;
}

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




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

#content #SubMenuBox ul#ProductMenu li, #content #main-content ul.CategoryTree li {list-style-image: none; list-style-type:none;}
ul#ProductMenu, ul.CategoryTree	{display: block; margin: 2em 0 2em 0; padding: 0px; list-style: none; font-size: 120%; height: 100%;}
	ul#ProductMenu li, ul.CategoryTree li {display: list-item; margin: 10px 0 0 20px; text-align: left; font-weight: normal;  list-style-image:none; list-style-type:none; height: 100%;}
		ul#ProductMenu a, ul.CategoryTree a {padding: 0.2em 0px 0.2em 30px; background: url('images/li-bigger-content.gif') left top no-repeat;  text-decoration: none; color: #075167;}
		ul#ProductMenu li span, ul.CategoryTree li span {}	
		ul#ProductMenu li a:hover, ul.CategoryTree li a:hover {color: #EC3D5D;}
		ul#ProductMenu li a.currentProductMenuItem {display: block;  color: #fff; text-decoration: none;}
		ul#ProductMenu li a:focus, ul#ProductMenu a:active, ul.CategoryTree a:focus, ul.CategoryTree a:active {}

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

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

ul#ProductMenu {
	padding-bottom: 4em;
}

/*  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: 125px;
}

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


h3.SearchResultsTitle {margin: 0px;  padding: 0px;}
h4.SearchResultsTitle {margin: 0px;  padding: 5px;}
.tab-sel h4.SearchResultsTitle {color: #D3E4EF;}
.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: #fff; color: #1B6AAA;}



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

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


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:0 5px;
	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: #D3E4EF;
	position: relative;
	top: 1px;
	background: #0F5B9C;
}

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