
/* -------- CSS for TOPGAL - print media  ---------------------------------------------------- */

body {
	font: 83% "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #FFF url(../images/body-bckgr.gif) top left repeat;
	text-align: center;
}
body * {
	margin: 0; padding: 0;
}

#pagecontent {
	height: 92%; 
	min-height: 92%; 	
	width: 760px;
 	position: relative;
	margin: 0 auto;
	border: solid 1px green;
	background: #FFF url(../images/container-bckgr.gif) 0 0 repeat-y;
	border: solid 5px #B5B4B4;
	border-bottom: none;
	margin-top: 32px;
}

body>#pagecontent { height: auto; }

hr.end {
	clear: both; border: 1px solid white;
	width: 550px;
	text-align: right;
	color: #FFF;
	margin-left: 190px;
}

#container {
 	text-align: left;
}
 #pagecontent>#container {
  height: auto;

 }
 #header {
 	height: 78px;
	background: #FE4110 url(../images/header-bckgr.jpg) top left no-repeat;
	border: solid 1px #FFF;
	position: relative;
 }
 	#header a #logo {
 		position: absolute;
		left: 10px;
		top: 15px;
		border: none;
 	}


	#header #basket {
		height: 43px;
		background:  #FE4110 url(../images/basket-bckgr.gif) top right no-repeat;
		position: absolute;
		right: 10px;
		bottom: 5px;
		text-align: right;
		padding-right: 60px;
		line-height: 1.3em;
	}
		#header #basket a, #header #basket strong#price {
			font-weight: bold;
			color: #FFF;
			position: relative;
			top: 5px;
		} 
			#header #basket a:hover {
				color: #000;
				text-decoration: none;
			}
			#header #basket strong#price {
				display: block;
/*				cursor: help; */
			}
		#header #topmenu {
			position: absolute;
			right: 200px;
			top: 0px;
		}			
			#header #topmenu a.topbutton {
				background:  #C8C6C6 url(../images/topbutton-bckgr.gif) top left repeat-x;
				border: solid 1px #939292;
				border-left: none;
				border-top-width: 3px;
				padding: 2px 20px;
				color: #4A4A4A;
				display: block;
				float: left;
				text-decoration: none;
			}
				#header #topmenu a.first {
					border-left: solid 1px #939292;	
				}
				#header #topmenu a.topbutton:hover {
					color: #000;
					border-top-color: #000;
					text-decoration: underline;
				}
			#header #quickmenu {
				position: absolute;
				top: 0;
				right: 10px;
				border: solid 1px #939292;
				border-top: solid 3px #000;
				background: #E9E8E8 url(../images/quickmenu-bckgr.gif) top left no-repeat;
				margin-bottom: 0;
				padding-bottom: 0;
			}
				#header #quickmenu li {
					list-style: none;
				}
					#header #quickmenu li#allinfoli {
						border-bottom: solid 1px #CCC;
					}
				#header #quickmenu a#allinfo {
					padding: 2px 10px 2px 30px;
					display: block;
					color: #000; /*#FE4100;*/
					text-decoration: none;
					margin: 0;
				}
					#header #quickmenu a#allinfo:hover {
						color: #FE4100;
						text-decoration: underline;
					}
				#header #quickmenu ul#js {
					display: none;
					margin: 0;
					padding: 0;
				}
					#header #quickmenu ul#js li {
						list-style: none;
						margin: 0;
						padding: 0;
						border-bottom: solid 1px #E9E8E8;
					}
						#header #quickmenu ul#js li a {
							display: block;
							padding: 0 3px 0 30px;
							font-size: .83em;
						}
					#header #quickmenu a#allinfo:hover ul#js {
						display: block;
					}

					#header #quickmenu li#allinfoli ul#js.hover, #header #quickmenu li#allinfoli:hover ul#js {
						display: block;
					}

#header #telorder {
	position: absolute;
	left: 215px;
	top: 30px;
	width: 297px;
	height: 45px;
	background: transparent url(../images/header-telorder.gif) top left no-repeat;
	cursor: help;
}
/* PUVODNI ABSOLUTNI LEFTCOL */
	#leftcol {
		width: 168px;
		float: left;
		_width: 163px;
		overflow: hidden;
		margin-bottom: 1.6em;
	}

	#leftcol.detail {
		float: left;
		margin: 0;
		padding: 0;
	}



    div#leftmenu { margin: 20px 0 20px 5px;}
      #leftmenu ul#category, #leftmenu ul.type  {margin: 0; padding: 0; list-style: none; border-top: solid 1px #CCC; margin-top: 5px; font-weight: bold;}
        #leftmenu ul li {padding: 0 0 0 0; list-style: none; border-bottom: solid 1px #CCC; border-top: none;}
          #leftmenu ul li a {display: block; padding: 2px 2px 2px 10px; text-decoration: none; width: 147px;}
            #leftmenu ul li a:link, #leftmenu ul li a:visited {background: transparent; color: #000; border-left: solid 5px #FE4100;}
            #leftmenu ul li a:hover { background: #777 url(../images/leftcolmenu-button-bckgr.gif) top left repeat-y; border-color: #000;}
            #leftmenu ul li a.active:link, #leftmenu ul li a.active:visited, #leftmenu ul li a.active:hover {background: #FE4100; border-color: #000; color: #FFF;}
				#leftmenu ul.type {
					margin: 0; padding: 0;
				}
				
				#leftmenu ul#category li.l1 {
					text-transform: uppercase;
				}
				#leftmenu ul#category li.markup a {
					color: #FE4110;
					background: #FFF;
				}
					#leftmenu ul#category li.markup a:hover {
						color: #000;
					}
					#leftmenu ul#category li.l2 {
						text-transform: lowercase;
						text-transform: capitalize;
					}
				#leftmenu ul#category ul.type {
					font-weight: normal;
					margin: 0; padding: 0;
				}
				#leftmenu ul.type li.last {
					border-bottom: none;
				}
				#leftmenu ul.type li a {
						width: 147px;
				} 
					#leftmenu ul.type li.l2 a:hover, #leftmenu ul.type li.l2 a:link.active, #leftmenu ul.type li.l2 a:visited.active, #leftmenu ul.type li.l2 a:hover.active {
						border-color: #FFB38A;
						color: #FE4110;
						background: #FFF;
					}
					#leftmenu ul.type li a span {
						margin-left: 7px;
						font-size: .93em;
					}
				#leftmenu ul.type li a:link, #leftmenu ul.type li a:visited {
					background: #E9E8E8;
					border-left: solid 5px #B6B6B6;
				}
				#leftmenu ul.type li a:hover {
					background: #FFF;
				}
		
	#leftcol #search {
		width: 160px;
		background: transparent;
		position: absolute;
		top: 0px;
		left: 5px;
	}
	#leftcol #payments {
		margin: 20px 3px;
		border: solid 1px #B5B4B4;
		padding: 5px 1px;
		text-align: center;
	}
		#payments strong {
			font-weight: normal;
			margin-bottom: 5px;
			font-size: .87em;
			text-align: center;
		}
		#payments a img {
			border: none;
		}
		#payments img {
			margin: 5px 7px 2px 0;
		}
	
	#leftcol div#plagiaty, #leftcol div#soutez {
		margin: 15px 0 0 0;
		text-align: center;
	}
		#leftcol div#plagiaty a img, #leftcol div#soutez a img {
			border: solid 1px #FE4110;
		}
#contentobal {
	width: 582px;
	_width: 572px;
/*	border-top: solid 1px #DDD; */
	float: right;
	padding-bottom: 2em;
	background: #FFF;
	}
	#contentobal.top {
		padding-top: 0;
	}
	#content {
		padding: 5px;
	}
	#content h1 {
		color: #FE4110;
		font-size: 1.3em;
		padding: 3px 0 5px 0;
	}
		#content h1.breadcrumbs {
			margin-top: 1.2em;
		}
	#content p {
		font-size: .93em;
		color: #2F2F2F;
		line-height: 1.4em;
		padding: 2px 5px 1px 5px;
	}
	
	#content div.contentpanel {
		width: 270px;
		border: solid 1px #CCC;
		margin: 0 0 10px 6px;
/*		_margin-left: 3px; */
		_margin-left: 3px;
		background: #FFF;
		float: left;
		text-align: left;
	}
	#content div.fl {
		float: left;
	}
		#content div.left {
			_margin-right: 3px;
		}
		#content .contentpanel h3 {
			background: #FE4110 url(../images/content-panel1-h3-bckgr.gif) bottom left repeat-x;
			color: #FFF;
			text-align: right;
			padding: 3px 10px 10px 5px;
			font-size: 1.07em;
			margin-bottom: 10px;
		}
		content .contentpanel h5, #content .contentpanel p, #content .contentpanel ul {
			text-align: left;
		}
		#content .contentpanel ul {
			margin: 0 10px 5px 25px;
		}
		#content div.panelfooter {
			margin-top: 10px;
			border-bottom: solid 4px #FFD8CB;
			padding-left: 1px;
		}
		#content #p2 {
			background: #FFF url(../images/content-panel2-bckgr.gif) left bottom no-repeat;
		}
		#content #p2 h3 {
			background-color: #00AEEF;
			background: #00AEEF url(../images/content-panel2-h3-bckgr.gif) bottom left repeat-x
		}
		#content #p2 p, #content #p2 ul li {
			color: #005371;
		}
		 #content #p2 div.panelfooter {
		 	border-color: #CCEEFB;
		 }
		 	#p2.novinky h5 {
		 		margin: 2px 0 3px 0;
				color: #0077A1;
				padding: 2px 2px 4px;
				background: #E1F6FF;
		 	}
				#p2.novinky h5 span.date {
					font-size: smaller;
					color: #939393;
				}
			 	#p2.novinky p.new {
			 		font-size: .83em;
			 	}
				#p2.novinky .fleft {
					margin: 0 10px 2px 0;
				}

		#content #p3 {
			text-align: left; 
		}
		#content #p3 h3 {
			background: #EC008C url(../images/content-panel3-h3-bckgr.gif) bottom left repeat-x
		}
		#content #p3 h5 {
			color: #00AEEF;
			margin-left: 5px;
		}
		#content #p3 p, #content #p3 ul li {
			color: #84004F;
		}
		 #content #p3 div.panelfooter {
		 	border-color: #F9B2DC;
		 }
		 #content #p3 ul#katalogsend {
		 	background: transparent url(../images/ani/katalog-ani.gif) top right no-repeat;
			height: 66px;
			min-height: 66px;
		 }
		 	#p3 img.imgfoto {
		 		border: none;
				margin: 0;
				padding: 0;
		 	}

#content hr.cleaner {
	border: solid 1px #FFF;
	height: 1px;
	color: #FFF;
	clear: left;
	margin: 0; padding: 0;
}

	
#pagefooter {
	width: 750px;
	margin: 0 auto 10px auto;
	background: #F5F5F5;
	border: solid 5px #B5B4B4;
	font-size: .78em;
	color: #747474;
	padding: 2px 5px;
	border-top: solid 1px #B5B4B4;
	text-align: right;
	position: relative;
	height: 35px;
}
	#pagefooter #baselinks {
		text-align: left;
		height: 35px;
		position: absolute;
		left: 0;
		top: 0;
		width: 169px;
		background: #FFF;
		border-right: solid 1px #CCC;
	}
		#baselinks a {
			display: block;
			float: left;
			height: 30px;
			position: relative;
			width: 40px;
			_width: 37px;
			margin-left: 1em;
			font-size: 10px;
			top: 3px;
		}
			#baselinks a span.txt {
				position: absolute;
				top: 21px;
				cursor: pointer;
			}
			#baselinks #hplink {
				background: transparent url(../images/icons/home.gif) top left no-repeat;
			}
			#baselinks #kontaktlink {
				background: transparent url(../images/icons/contact.gif) top left no-repeat;
			}
			#baselinks #emaillink {
				background: transparent url(../images/icons/email.gif) top left no-repeat;
			}
			
		#pagefooter p.pftext {
			padding-bottom: 2px;
		}
		#pagefooter #czechtrade {
			border-top: solid 1px #DDD;
			margin-top: 5px 5px 3px 175px;
			padding-top: 3px;
		}
			#czechtrade a {
				text-decoration: none;
				color: #747474;
			}
			#czechtrade a:link img {
				margin-right: 5px;	
			}
			#czechtrade a:link img, #czechtrade a:visited img {
				border: solid 1px #F5F5F5;
			}
				#czechtrade a:hover img {
					border: solid 1px #FE4110;
				}

#search #searchform {
	margin-top: 5px;
}
#search #searchform input#searchsubmit {
	background: #CCC url(../images/searchform-submit-bckgr.gif) top left no-repeat;
	cursor: pointer;
	width: 36px;
	border: solid 1px #EBEBEB;
}
#leftcol #banners {
	margin: 20px 0 10px 5px;
}
#leftcol #banners a img, #leftcol #banners a span {
	border: none;
	text-decoration: none;
}
	#leftcol #banners a#rb826 {
		width: 160px;
		height: 120px;
		text-decoration: none;
		text-align: center;
	}
		#leftcol #banners a#rb826 span.link {
			display: block;
			width: 160px;
			color: #000;
			background: #CCC;
		}
			#leftcol #banners a:hover#rb826 span.link {
				color: #FE4110;
				background: transparent;
			}

/* clear classes */
a:link, a:visited {
	color: #FE4110;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.centerflash {
	margin: 0 18px 5px 18px;
}
hr.clearfloat {
	clear: both; height: 1px; border: solid 1px #FFF;
}
div.div2center a  {
	border: none;
}

/* css pro KONTAKTY */
div#generalinfo {
	font-size: .93em;
	width: 280px;
	_width: 270px;
	float: left;
	margin-left: 10px;
	_margin-left: 5px;

}
	#generalinfo h4 {
		margin: 2px 5px 0 10px;
		font-size: 1em;
	}
	#generalinfo h4.mt10 {
		margin-top: 5px;
	}

	#generalinfo p, #generalinfo address {
		padding: 0 2px 2px 10px;
		margin: 0;
	}
	#generalinfo hr.visual, hr.visual {
		margin: 5px 40px 5px 30px;
		border-top: solid 1px #CCC;
		border-width: 1px 0 0 0;
		height: 1px;
	}
	hr.clearleft {
		clear: left;
	}
	hr.white {
		border-color: #FFF;
	}
	#generalinfo h3, #messdiv h3, #obchodaci h3, #pridat-prodejnu h3 {
		font-size: 1.08em;
		padding: 3px 3px 5px 5px;
		background: #EBEBEB;
		border: solid 1px #DDD;
	}
				#obchodaci h3 {
						margin: 3px 5px 0 295px;
					} 
	
#messdiv, #zastoupeni {
	width: 268px; 
	margin-left: 295px;
	position: relative;
	margin-bottom: 10px;
}
	#messdiv form fieldset, #pridat-prodejnu form fieldset {
		border: solid 1px #DDD;
		padding: 2px 5px;
		background: #F3F3F3;
	}
		#obchodaci {
			font-size: .93em;
		}
	
		#obchodaci h4, #obchodaci p {
			margin: 3px 0 1px 305px;
			font-size: 1em;
		}
		#obchodaci p {
			margin: 0 0 0 307px;
		}
	table#prodejny {
		font-size: .83em; 
		border-collapse: collapse; 
		padding: 3px; 
		border: solid 1px #CCC;
		width: 565px;
	}
		#prodejny th {
			background: #F3F3F3;
			padding: 1px 2px 1px 5px;
			border-bottom: solid 1px #CCC;
		}
		#prodejny td {
			padding: 1px 2px 1px 5px;
		}

		div#pridat-prodejnu {
			margin: 10px 5px;
		}
			#pridat-prodejnu table td {
				padding-top: 3px;
			}
			#nazev-prodejny, #obec, #ulice, #telefon, #www, #email-prodejna, select#zastupce, textarea#poznamka {
				width: 350px;
			}
				textarea#poznamka {
					width: 350px;
				}
				#pridat-prodejnu form select option {
					padding-left: 10px;
					line-height: 1.5em;
				}
			
p.bottombutts {
	margin-top: 15px;
	border-top: solid 1px #CCC;
	padding-top: 10px;
}
	.bottombutts a.butt, a.butt {
		font-size: 1em;
		padding: 2px 5px;
		border-style: inset;
		border: inset 2px #9A9A9A;
		margin: 5px 5px 0;
		background: #F1F1F1;
		display: block;
		width: 10em;
		float: left;
		text-align: center;
	}
	form a#formbuttz5 {
		color: #000;
		border: outset 2px #9A9A9A;
		margin: 0 5px 5px 5px;
		background: #F1F1F1;
		text-align: center;
		text-decoration: none;
		padding: 1px 5px;		
		_position: relative;
		top: -2px;
		font-weight: bold;
	}
		a.butt {
			display: inline;
			width: 5em;
			color: #000;
		}
		.bottombutts a.butt:hover, a.butt:hover, form a#formbuttz5:hover {
			background: #CCC;
		}


/* pridano pro nadpisy v leftcol menu */
	#leftcol h4.produkty, #leftcol h4.kolekce {
		margin: 0;
		height: 26px;
		position: relative;
	}
		#leftcol h4.kolekce {
			margin: 15px 0 5px 0;
		}
		#leftcol h4.produkty span.img, #leftcol h4.kolekce span.img {
			background: #EBEBEB url(../images/leftcolmenu-h4-produkty.gif) top left no-repeat;
			display: block;
			height: 26px;
			width: 138px;
			position: absolute;
			left: 0;
			top: 0;
		}
			#leftcol h4.kolekce span.img {
				background: #EBEBEB url(../images/leftcolmenu-h4-kolekce.gif) top left no-repeat;	
			}
		
		#leftmenu ul#collections {
			border-top: solid 1px #CCC;
			text-transform: capitalize;
		}
			#leftmenu ul#collections li {
				text-transform: uppercase;
			}
		#leftmenu ul#collections li a:link, #leftmenu ul#collections li a:visited {
			border-color: #00AEEF;
		}	
		#leftmenu ul#collections li a.active:link, #leftmenu ul#collections li a.active:visited, #leftmenu ul#collections li a.active:hover {background: #FFF; border-color: #000; color: #00AEEF;}
		
/* pridano */
       div#p2 .magenta {color: #EC008C;}
       div#p2 a img {border: none; margin-top: 5px;}
		 
		 div#gg-purchase {
			position: absolute;
			bottom: 50px;
			right: 20px;
		 }
div.contentpanel #ohlasy {
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #FEB09C;
}
	div.contentpanel #ohlasy h4 {
		padding-bottom: 4px;
		border-bottom: solid 1px #FEB09C;
		padding-left: 5px;
	}
	div.contentpanel #ohlasy p {
		padding-bottom:3px;
		border-bottom: solid 1px #E0E0E0;
		margin: 3px;
		font-size: .83em;
	}	
	#content div#p2 h5 {
		margin-top: 5px;
		padding-top: 5px;
		border-top: solid 1px #17CCE1;
	}
		#content h3#bata {
	   	font-size: .87em;
   		margin: 5px 5px 10px 5px;
    		padding-right: 40px;
	 		height: 35px;
	 		background: url(../images/logo_bata.gif) top right no-repeat;  
		  }
		  	#content h3#bata span.normal {
		  		font-weight: normal;
		  	}

.partners#content h3 {
	font-size: .87em;
	padding: 10px 5px 3px 5px;
}
.partners#content a img.logo {
	border: none;
	float: right;
	margin: 0 10px 3px 10px;
}			
    #container a#kondomy2006 img {border: none; margin-bottom: 10px;}
    #kondomy2006 {text-decoration: none;}
    #kondomy2006 span.link {display: block; text-align: center;}
    #bottombanner {height: 75px; border: solid 1px #CCC; margin: 10px 10px 5px 8px; text-align: center; background: #CCC;}
        #bottombanner a img {border: none; margin: 7px; }
        .magenta {color: #EC008C;}
        div.novinky a img {border: none; margin-top: 5px;}

		  div.kolpromo {
		  	margin: 0 0 10px 0;
			padding-bottom: 10px;
			border-bottom: solid 1px #FFD9CC;
			font-size: .87em;
		  }
		  	.kolpromo h4.colname {
		  		color: #FE41110;
				text-align: center;
				font-size: 1em;
		  	}
			.kolpromo img {
		  		border: none;
		  	} 
div#reklamacni-rad {
	margin: 0 20px 10px 20px;
}
	#reklamacni-rad h4 {
		margin-top: 10px;
		padding-top: 5px;
		border-top: solid 1px #CCC;	
		padding-bottom: 4px;
	}
	#reklamacni-rad p {
		margin: 5px 0 3px 0;
	}
	#reklamacni-rad ul, #reklamacni-rad ol {
		margin-left: 40px;
	}
		#reklamacni-rad ol li {
			padding-bottom: 4px;
		}
		#reklamacni-rad ol.alphabet {
			list-style: lower-alpha;
		}

#bottomnav {
	border-top: dashed 1px Grey;
	width: 588px;
	padding: 2px 0 4px 0;
	margin-left: 172px; 
	font-size: .83em; 
	background: #FAFAFA;
	text-align: right;
}	
	#bottomnav a {
		margin-right: 5px;
		padding: 1px 2px;
		padding-left: 18px;
		height: 16px;
	}
		#bottomnav a:link, #bottomnav a:visited {
			color: #FE4110;
		}
		#bottomnav a:hover {
			color: #000;
			text-decoration: none;
		}
		#bottomnav a#index {
			background: transparent url(../images/icons/icon_home.gif) 0 50% no-repeat;
		}
		#bottomnav a#back {
			background: transparent url(../images/icons/arrow_left.gif) 0 50% no-repeat;
		}
		#bottomnav a#top {
			background: transparent url(../images/icons/arrow_up.gif) 0 50% no-repeat;
		}
		#bottomnav a#sitemap {
			background: transparent url(../images/icons/icon_component.gif) 0 50% no-repeat;
		}
		#bottomnav a#print {
			background: transparent url(../images/icons/action_print.gif) 0 50% no-repeat;
		}
		#bottomnav a#send {
			background: transparent url(../images/icons/icon_mail.gif) 0 50% no-repeat;
		}
		#bottomnav a#favourite {
			background: transparent url(../images/icons/icon_favourites.gif) 0 50% no-repeat;
		}

.orange {
	color: #FE4110;
}
/* extra CSS vlastnosti */
	#header #langmenu {
		position: absolute;
		left: 10px;
		height: 34px;
		top: -28px;
	}
		#langmenu a {
			display: block;
			width: 20px;
 			float: left;
			text-align: center;
			font-weight: bold;
			text-decoration: none;
			color: #000;
			margin-left: 6px;
			height: 12px;
			border: solid 1px #CCC;
		}
		 #langmenu a.active {
			color: #FE4110;
			cursor: text;
		}
		#langmenu a span.txt {
			position: relative;

		}
		#langmenu span.devider, #langmenu a span.txt {
			display: none;
		}
			#langmenu a#lcz {
				background: transparent url(../images/langico/cz.gif) top left no-repeat;
			}
			#langmenu a#len {
				background: transparent url(../images/langico/gb.gif) top left no-repeat;
			}			
			#langmenu a#lsk {
				background: transparent url(../images/langico/sk.gif) top left no-repeat;
			}
			#langmenu a#lpl {
				background: transparent url(../images/langico/pl.gif) top left no-repeat;
			}
			#langmenu a#lde {
				background: transparent url(../images/langico/de.gif) top left no-repeat;
			}
			#langmenu a#lhu {
				background: transparent url(../images/langico/hu.gif) top left no-repeat;
			}
			#langmenu a#lat {
				background: transparent url(../images/langico/at.gif) top left no-repeat;
				margin-bottom: 4px;
			}
			#langmenu a#lse {
				background: transparent url(../images/langico/se.gif) top left no-repeat;
				margin-bottom: 4px;
			}
			#langmenu a#lyu {
				background: transparent url(../images/langico/yu.gif) top left no-repeat;
				margin-bottom: 4px;
			}
			#langmenu a#lch {
				background: transparent url(../images/langico/ch.gif) top left no-repeat;
				margin-bottom: 4px;
			}

				#langmenu a:hover {
					border-color: #FE4110;
				}
				#langmenu a.active {
					border-color: #000;
				}


#content p.more {
	padding: 8px 0 15px 0;
}
ul#logotopgal {
	background: #FFF url(../images/logotypes/logo-topgal-ofirme.gif) top right no-repeat;
	padding: 0 5px 10px 0;
	margin-left: 10px;
}
	ul#logotopgal li, ul#logotopgal p   {
		padding-right: 140px;
	}
	ul#logotopgal p {
		padding-bottom: 8px;
	}
	ul#logotopgal li {
		margin-left: 20px;
		margin-bottom: 5px;
	}

/* BREADCRUMB MENU */
#breadcrumbs { 
	background: #FEFBF9;
	padding: 2px 5px 2px 15px;
	border: solid 1px #F0F0F0;
	border-left-color: #FFF;
	border-right-color: #FFF;
	font-size: .83em;
	position: absolute; 
	top: 80px; 
	left: 170px; 
	width: 567px; 
	border-bottom: dashed 1px Grey;
	}

	#navlist {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#navlist li {
		display: inline;
		padding: 0;
		margin: 0;
	}

		#navlist li:before { 
			content: "> "; 
		}
			#navlist li:first-child:before { 
				 content: ""; 
			 }

/* css pro IE */

* html #navlist li {
		background-image: url("../images/gt.gif");
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0 0.5em 0 1em;
		margin: 0 1em 0 -1em;
	}

	* html #navlist { 
			height: 1%; 
		}

		* html #navlist li {
			display: block;
			float: left;
		}

			* html #navlist li:first-child { 
				background-image: none; 
			}

	#navlist li strong {
		text-transform: lowercase;
	}

div#reasons {
	width: 242px;
	float: left;
	background: #FE4110 url(../images/reasons-h2-leftcorner.gif) top left no-repeat;
	margin-top: 15px;

}
	#reasons h2 {
		font-size: .87em;
		font-size: 12px;
		padding: 2px 10px;
		margin-left: 8px;
		color: #FFF;
		background: #FE4110 url(../images/reasons-h2-rightcorner.gif) top right no-repeat;
	}
	#reasons ul {
		color: #FE4110;
		border: solid 2px #FE4110;
		border-width: 0 2px;
		list-style: disc;
		padding: 10px 5px 3px 25px;	
		background: #FFF url(../images/reasons-bckgr.gif) bottom left repeat-x;
	}
		#reasons ul li {
			font-size: .87em;
			margin-bottom: .5em;
		}
	#reasons #bottomline {
		height: 10px;
		background: #FFF url(../images/reasons-bottomline.gif) bottom left no-repeat;
	}
	
	div#ohlasy {
		margin-left: 255px;
		margin-top: 25px;
	}
		
		#ohlasy p.ohlas {
			font-size: .83em;
			font-style: italic;
			padding-top: 5px;
		}
		#ohlasy a.link {
			font-size: .87em;
			font-weight: bold;
			display: block;
			margin: 5px;
		}
      #newsheader {font-size: 1em; padding: 5px; margin-bottom: 7px;}
      div.news {clear: both; margin: 5px 10px 20px 0; padding: 5px 15px 15px 3px; border-bottom: solid 1px #66C9FF;}
      div.news a.fli img {border: none; float: left; margin-right: 10px;}
      div.news a.fri img {border: none; float: right; margin-right: 10px;}
      div.news p {color: #66C9FF; font-size: .87em;}
      div.news hr.cleaner {clear: both; color: #FFF; background: #FFF; height: 1px; border: none; border-color: #FFF; margin: 5px;}
		
.product {margin:0px 20px 30px 20px;
border-color: #FF4110;}

#types {display:none}

#prod-detail{padding-right: 20px}
.foto{margin-top: 15px}
.foto img{border:1px solid #00AEEF}
.foto h5 {display:none}


