/* základní styly pro trisloupcový layout s hlavickou a patickou */
body {
	font:1em Arial, Verdana, sans-serif;
	background:#EFF1F3;
	color:#666;
	behavior:url(../css/csshover.htc);
	}
* { 
	padding:0px; 
	margin:0px;
	}
img { 
	border:none;
	}	
div#container { 
	background:url(../img/bg/top.jpg) repeat-y left top;
	width:1024px;
	}		
div#pageHeader { 
	}
div#obalsloupcu { 
	background:url(../img/bg/body.gif) repeat-y left top;
	float:left; 
	width:1024px;
	}
div#obalsloupcu1 { 
	background:url(../img/bg/body1.gif) repeat-y left top;
	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 {
	margin:0;
	padding:0;
	}
#pageHeader img {
	border:0;
	}		
#pageHeader h2 { 	
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	color:#333;
	}	
#pageHeader p {	
	font-size:13px;
	line-height:18px;
	color:#333333;
	}	
#pageHeader #logo {
	float:left;
	padding:34px 150px 34px 46px;
	}	
#pageHeader #olomouc {
	float:left;
	text-align:center;
	padding-top:20px;
	}
#pageHeader #ostrava {
	float:right;
	text-align:center;
	padding-top:20px;
	}				
div#horMenu { 
	clear:both;
	padding:1px 0 0 0;
	width:1024px;
	}		
/* horizontální rozbalovací nabídka */
#navigace {
	width:100%;
	float:left;
	color:#FFF;
	font-size:0.75em;
	background:#333;
	}
#navigace2 {
	width:100%;
	float:left;
	color:#222;
	font-size:0.75em;
	background:#FFFFFF;
	border-top:1px solid #999999;
	}		
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 */
	position:relative; /* umístení obsahového bloku pro absolutne umístenou rozbalovací nabídku */
	list-style-type:none;	/* odstranuje odrážky každé položky seznamu */
	line-height:22px;
	border-right:1px solid #DDD;
	}	
div#navigace li.last {
	border-right:none;
	}	
div#navigace li:hover { 
	background-color:#D1D1D1; /* 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 15px; /* vytvárí okraj kolem textu položek  */
	text-decoration:none;	 /*  odstranuje podtržení odkazu */
	color:#FFF;	/* nastavuje barvu odkazu */
	}	
div#navigace a:hover {
	color:#00ADEF;
	}
/* zde koncí horizontální nabídka */

/* zde zacíná rozbalovací nabídka */
div#navigace ul li ul {
	margin-left:0; /* odstranuje dedení hodnoty horizontální nabídky */
	position:absolute; /* umistuje rozbalovací nabídku ul ve vztahu k jeho relativne umístenému rodici li */
	width:15em; /* nastavuje sírku nabídky - spolecne se sírkou 100% u prvku li dostane nabídku na své místo */
	}
div#navigace ul li ul li {	
	width:100%; /* polozky nabídky se roztáhnou pres celý obalový prvek seznamu (ul) */
	border-bottom:1px solid #999;
	border-top:0px solid #999;
	background-color:#E1E1E1;
	line-height:20px;
	font-size:.9em;
	color:#222;
	}
div#navigace ul li ul li a {	
	color:#222;
	}
div#navigace ul li ul li:hover {
	background-color:#FFF;
	}	


/* 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:#00ADEF; 
	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 #00ADEF;
	}
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;
	border: none;
	text-align:center;
	vertical-align:top;
	font-size:.8em;
	}
div#obsah table.prodejci img {
	border: 1px solid #333;
	text-align: center;
	}	
div#obsah table.prodejci img.none {
	border: 0px solid #333;
	}	
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;
}


/* styly pro direct mailing */				
div#mailing {
	margin:0 auto;
	text-align:center;
	}
/* pravý sloupec s bannery */	
div#linkList {
	margin:10px auto;
	padding:0;
	clear:both;
	text-align:center;
	}
div#linkList ul {
  	text-align:left;
	}
div#linkList ul li {
  	text-align: left;
	}
div#linkList h2 {
	font-size:.9em; 
	color:#333;
	margin:1em 0 .8em;
	}
div#linkList p {
	font-size:.75em; 
	color:#333;
	margin-bottom:.8em;
	}
div#linkList a, div#linkList a:visited {
	text-decoration:none; 
	color:#333;
	}
div#linkList a:hover, div#linkList a:active {
	color:#00ADEF;
	}
/* levý sloupec s navigací */	
div#menuList {
	padding:15px 5px 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:.7em;
	}
div#menuList a {
	text-decoration:none; 
	color:#333;
	}
div#menuList a:hover {
	color:#00ADEF;
	}
/* styly pro newsletter */	
div#linkList form { 
	margin:30px 0;
	font-size:1em; 
	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,div#linkList form input.odesli  {
	font-size:.75em; 
	}
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:#00ADEF;
}
table.leasing {
	border:none;
}
table.leasing td {
	padding:0 20px 20px 0;
}
table.udaje {
	border-spacing: 0;
	border-top: 1px solid #E1E1E1; 
	border-left: 1px solid #E1E1E1;
	margin: 20px 0;
	padding: 0px;
	font-size:12px;
	color:#333;
}
table.udaje td {
	padding: 4px;      
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	vertical-align:top;
	border-left:0px solid #E1E1E1;
	border-top:0px solid #E1E1E1;
}
table.udaje tr th {
	background:#D1D1D1;
	padding: 4px;    
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	font-size:12px;
	color:#000;
	text-align:left;
}
	
/* lightbox */	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../img/pict/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../img/pict/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }	


.mb {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	}
	
.caffe {
	font-family:"Lucida Calligraphy", Lucida, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}