/* základní styly pro dvousloupcový layout s hlavickou a patickou */
body {
	font:1em Arial, Verdana, sans-serif;
	background:#E1E1E1;
	color:#666;
	behavior:url(../css/csshover.htc);
	}
* { 
	padding:0px; 
	margin:0px;
	}
img { 
	border:none;
	}	
div#container { 
	background:url(../img/bg/body.gif) repeat-y left top;
	width:1024px;
	}	
div#pageHeader { 
	background:url(../img/bg/top.gif) no-repeat left top; 
	height:120px;
	}
div#obalsloupcu {
	float:left; 
	width:1024px;
	}	
div#levy {
	float:left; 
	width:180px;
	margin-left:-844px;
	} /* záporný vnejsí okraj tlací navigaci na své místo */
div#center {
	float:left; 
	width:664px;
	margin-left:180px;
	display:inline;
	}	 /* display: inline je trik pro IE */
div#pravy {
	float:right; 
	width:180px;
	display:inline;
	}	 /* display: inline je trik pro IE */	
div#footer {
	width:1024px;
	height:30px;
	background:url(../img/bg/bottom.gif) no-repeat;
	}
	

/* hlavicka stránky */
#pageHeader {
	padding-top:10px;
	}
#pageHeader img {
	float:left;
	margin:0;
	}		
#pageHeader h2 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:normal;
	margin-left:200px;
	}	
div#levyHorni {
	float:left; 
	width:180px;
	}				
div#horMenu { 
	width:800px;
	margin:50px 0 0 180px;
	}		
/* horizontální rozbalovací nabídka */
#navigace {
	float:left;
	color:#333;
	font-size:0.8em;
	}	
div#navigace ul {
	margin:0;/* odsazuje ul od levé hrany obalového prvku */
	}
div#navigace li {
	float:left;	/* zpusobuje, že se seznam zarovná horizontálne na své místo */
	list-style-type:none;	/* odstranuje odrážky každé položky seznamu */
	line-height:22px;
	border-right:1px solid #999;
	}	
div#navigace li:hover { 
	background-color:#F1F1F1; /* nastavuje pozadí položek nabídky */
	}
div#navigace a {
	display:block; /* zpusobuje správné zalomení rádku v položkách rozbalovací nabídky */
	padding:0 20px; /* vytvárí okraj kolem textu položek  */
	text-decoration:none;	 /*  odstranuje podtržení odkazu */
	color:#333;	/* nastavuje barvu odkazu */
	}	
div#navigace a:hover {
	color:#FF6600;
	}
/* zde koncí horizontální nabídka */

/* zde zacíná rozbalovací nabídka */
div#navigace ul li ul {
	font-size:0.9em;
	margin-left:180px; /* odstranuje dedení hodnoty horizontální nabídky */
	position:absolute; /* umistuje rozbalovací nabídku ul ve vztahu k jeho relativne umístenému rodici li */
	left:0; /* zarovnává rozbalovací nabídku pod horizontální nabídku */
	}
div#navigace ul li ul li {	
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #E1E1E1;
	background-color:#F1F1F1;
	line-height:22px;
	}

/* rozbalovací nabídka se zobrazí pri najetí kurzoru myši - pri efektu prekreslení */
div#navigace ul li ul {display:none;} /* skrývá rozbalovací nabídku pri neprítomnosti kurzoru myši */
div#navigace ul li:hover ul {display:inline; } /* zobrazuje rozbalovací nabídku pri prítomnosti kurzoru myši  */	
		
	
/* centrální sloupec s obsahem */	
div#center {
	padding:0 0;
	}
/* obsah */					
div#obsah {
	margin:0 20px;
	color:#333333;
	}
div#obsah h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em; 
	margin:1em 0; 
	color: #527BB9;
	}
div#obsah h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em; 
	margin:1em 0 .5em; 
	color:#333333;
	}
span.nadpis {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em; 
	line-height:2em; 
	color: #333;
	font-weight:bold;
	}		
div#obsah h3 {
	text-transform: uppercase;
	font-size:.8em; 
	margin:1em 0 .5em;
	}		
div#obsah p {
	font-size:.75em; 
	margin-top:0; 
	margin-bottom:.5em;
	line-height:1.5;
	text-align:justify;
	}	
div#obsah p.mensi {
	font-size:.6em;
	margin-top:1em; 
	}		
div#obsah p.note {
	font-style:italic;
	}	
div#obsah p.center {
	text-align:center;
	}	
div#obsah ul, div#obsah ol {
	margin:0 0 0 1.5em;
	padding:0;
	}					
div#obsah li {
	font-size:.75em;
	margin:0;
	padding:.1em 0;
	line-height:1.5;
	}	
div#obsah a {
	text-decoration:none; 
	color:#333;
	}
div#obsah a:hover {
	color:#FF6600; 
	text-decoration:none;
	}	
div#obsah img {
	border:1px solid #527BB9;
	margin:.5em 0;
	}
div#obsah object {
	margin:.5em 0;
	}	
div#obsah div.center img {
	border:none;
	margin:1em 2em;
	}
div#obsah div.center1 img {
	margin:1em 1.5em;
	}	
div#obsah div.center img.ram {
	border:1px solid #527BB9;
	margin:.5em auto;
	}			
div#obsah img.vpravo {
	float:right;
	margin:0.5em 0 0.5em 1em;
	border:1px solid #527BB9;
	}
div#obsah img.vlevo, div#obsah object.vlevo {
	float:left;
	margin:0.5em 1em .5em 0;
	border:1px solid #527BB9;
	}	
div#obsah img.vlevo-none {
	float:left;
	margin:0.5em 1em .5em 0;
	border:none;
	}	
div#obsah label {
	width: 200px;
	float: left;
	font-size: 1em;
	margin: 0 5px;
}	
div#obsah table.foto {
	border: none;
	width:600px;
	margin:auto;
	}
div#obsah table.foto tr td{
	text-align:center;
	font-size:0.75em;
	}		
div#obsah table.galerie {
	border: none;
	}
div#obsah table.galerie td {
	width: 208px;
	padding: 5px 0;
	border: none;
	text-align:center;
	}
div#obsah table.galerie img {
	border: 1px solid #333;
	text-align: center;
	}
div#obsah table.galerie img:hover {
	border: 1px solid #FF6600;
	}
div#obsah table.galerie a {
	background: none;
	}
div#obsah table.prodejci {
	border: none;
	margin:auto;
	text-align:center;
	}
div#obsah table.prodejci td {
	padding: 5px 0;
	border: none;
	text-align:center;
	font-size:.8em;
	}
div#obsah table.prodejci img {
	border: 1px solid #333;
	text-align: center;
	}	
div#obsah table.iso {
	border: none;
	margin:auto;
	text-align:center;
	}
div#obsah table.iso td {
	padding: 5px 30px;
	border: none;
	text-align:center;
	vertical-align:top;
	font-size:.8em;
	}
div#obsah table.iso img {
	border:none;
	text-align: center;
	}		
div#obsah div.konecobtekani {
	padding: 2px 0;
	vertical-align: bottom;
}
div#obsah hr {
	clear: both;
	border-bottom: 1px solid #666;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

/* levý sloupec s navigací */	
div#linkList {
	padding:0;
	clear:both;
	}	
/* styly harmoniky (statické) */
ul.accordion {
  	display: block;
  	list-style-type: none;
  	margin-top: -2px;
	}
ul.accordion li {
  	clear: left;
	}
ul.accordion h2 {
  	border-top: 1px solid #666;
  	font-size: .8em;
  	font-weight:normal;
  	line-height:1.75em;
	}	
ul.accordion h2 a:link, ul.accordion h2 a:visited {
  	padding-left:1.25em;
	color: #333;
  	display: block;
  	text-decoration: none;
	}
/* styly harmoniky (dynamické) */
ul.accordion li.collapsed * {
  	position: absolute;
  	left: -10000px;
	}
ul.accordion li.collapsed h2, ul.accordion li.expanded h2,
ul.accordion li.collapsed h2 a:link, ul.accordion li.collapsed h2 a:visited,
ul.accordion li.expanded h2 a:link, ul.accordion li.expanded h2 a:visited {
  	position: static;
	}
ul.accordion li.collapsed h2 a:hover, ul.accordion li.collapsed h2 a:focus,
ul.accordion li.collapsed h2 a:active,
ul.accordion li.expanded h2 a:link, ul.accordion li.expanded h2 a:visited {
  	background-color: #E1E1E1;
	color:#FF6600;
	}
/* styly harmoniky obsah (statické) */

ul.accordion div.links {
  	background-color: #E1E1E1;
	}
div.links ul {
  	list-style: none;
	}
div.links li {
  	clear: none;
  	display: block;
  	position: static;
	font-size:.75em;
	line-height:1.6em;
	}
div.links li a {
  	color:#333333;
	text-decoration:none;
	padding-left:2.5em;
}
div.links li a:hover, div.links li a:active, div.links li a:focus {
  	color:#FF6600;
	text-decoration:none;
}	
/* pravý sloupec s navigací */	
div#menuList {
	padding:0 0 0 15px;;
	clear:both;
	}	
div#menuList h2 {
	font-size:.75em; 
	color:#333;
	margin-bottom:.8em;
	}	
div#menuList p {
	font-size:.7em; 
	color:#333;
	}
div#menuList ul {
	border:0; 
	margin-left:17px;
	margin-bottom:10px; 
	padding:0; 
	list-style-type: square;
	}
div#menuList li {
	padding:.2em 0;
	font-size:.65em;
	}
div#menuList a {
	text-decoration:none; 
	color:#333;
	}
div#menuList a:hover {
	color:#FF6600;
	}
/* styly pro newsletter */	
div#linkList form { 
	margin:30px 0;
	font-size:.75em; 
	color:#333;
	text-align:center;
	}
div#linkList form input#text {
	width:120px;
	padding:1px;
	font-size:.9em;
	margin:5px 0px; 
	}	
div#linkList form input#sub {
	font-size:.9em; 
	}
div#linkList form input.neviditelny {
	display: none;
}
	
/* paticka stránky */
div#footer div#olomouc {
	font-size:.6em;
	padding-top:10px;
	padding-left:10px;
	}
div#footer div#ostrava { 
	font-size:.6em;
	float:right;
	padding-top:10px;
	padding-right:10px;
	}
div#footer a, div#footer a:visited {
	color:#666;
	text-decoration:none;
	}
div#footer a:active, div#footer a:hover {
	color:#333;
	text-decoration:underline;
	}
	
/* trídy */
.konecobtekani {
	clear:both;
	}
.cistic, div.cleaner {
	clear:both;
	display: none;
	}	
input.neviditelny {
	display: none;
	}	
.center, .center1 {
	text-align: center;
	font-size:.8em;
	}		
.levySloupek {
	float: left;
	width:300px;
	}
.pravySloupek {
	width:300px;
	margin-left:20px;
	}		
	
/* tabulky a formuláře */
div#obsah form {
	font-size: .8em;
}
div#obsah form p {
	font-size: 1em;
	margin:.5em 0 1em 0;
}
div#obsah form div.konecobtekani {
	padding: 2px 0;
	vertical-align: bottom;
}
div#obsah form input, div#obsah form textarea {
	margin-left:5px;
	margin-right:5px;
}
div#obsah form label {
	width: 150px;
	float: left;
	text-align:right;
	font-size: 1em;
	margin: 2px 5px;
}
div#obsah form p.poznamka {
	font-size: .6em;
}
input.neviditelny {
	display: none;
}	
table.dotaznik tr th {
	background-color:#D1D1D1;
}
table.dotaznik tr td {
	vertical-align:top;
}	
table.cenik, table.otevreno {
	font-size:.75em;
	background-color:#E1E1E1;
}
table.cenik tr th {
	background-color:#D1D1D1;
	padding:3px;
}
table.otevreno tr th {
	background-color:#D1D1D1;
	padding:3px 20px;
}
table.cenik tr th.porovnani {
	width:150px;
}
table.cenik tr td {
	background-color:#FFFFFF;
	padding:3px;
}
table.otevreno tr td {
	background-color:#FFFFFF;
	padding:3px 20px;
	text-align:center;
}
table.cenik tr td.cena {
	text-align:right;
}
table.cenik tr td.staracena {
	text-align:right;
	text-decoration:line-through;
}
table.cenik tr td.centr {
	text-align:center;
}
table.cenik tr td.akcnicena {
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
}