/* ********** basic definitions ********** */
body { 
	margin:5px 20px; padding:0px; 
	font-size:9pt;
	line-height: 1.5;
	font-family: Tahoma, Verdana, sans-serif;
	background-color:#FFFFFF;
	color: #000000;
	/*background-image:url('../images/background.jpg');*/
}


/* ********** web layout ********** */
#hlavicka { 
	width:auto;
	margin:0; padding:0; 

} 

#hlavicka_dealer { 
	width:auto;
	margin:0; padding:10px; 
	background-color:#F9F9F9;
	border: 1px solid #E0E0E0;
} 

.hlavicka_l { 
	width:100%;
	height: 64px;
	background: url('../../UserFiles/Image/main/top_r.jpg') top right no-repeat;
} 

.hlavicka_bot { 
	width:auto;
	height: 7px;
	font-size:1px; 
	background-image:url('../images/top_bot.jpg');
} 


#main1 { 
	width:780px;
	margin: auto;
} 

#main2 { 
	width:955px;
	margin: auto;
} 

#hlavni1 {
	clear:both;
	margin:0; padding:0; 
	background-color:#FFF;

	/*border: 1px solid #666666; */
	background:url(../images/sloup.jpg) top right repeat-y; 
} 

#hlavni2 { 
	margin:0; padding:0; 
	/*background-color:#000000;*/

	/*border: 1px solid #666666; */
	background:url(../images/sloup.jpg) top left repeat-y; 
} 

.panel_image { 
	background:url(../images/sloup.jpg); 
} 


#levypanel { 
	float:left; 
	width:179px; 
	margin:0; padding:0; 
	 
	/*font-size:80%;*/ 
} 

#pravypanel { 
	float:right; 
	width:179px; 
	margin:0; padding:0; 
	
	/*font-size:80%;*/ 
} 


.sloup_horizont { 
	clear: both;
	width:100%; 
	background-color:#EDEDED;
} 

.stredni_lr {margin:0 181px 0 181px;}
.stredni_l {margin:0 181px 0 0;}
.stredni_r {margin:0 0 0 181px;}

#stredni { 
	background-color:#FFFFFF; 
	/*font-size:80%;*/  

} 

#paticka { 
	/*background-color:#333333; */
	/*font-size:80%;*/  
	/*border: 1px solid #666666;*/ 
} 


h1 {
font-size: 180%;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 135%;
}

h3.item, h3.item a:link, h3.item a:visited {
color:#1A2F6F;
background: url('../images/tecka_menu_m.jpg') center left no-repeat;
padding-left:15px;

}

h4 {
font-size: 120%;
}

h4.item, h4.item a:link, h4.item a:visited {
background-color:#0B6099;
padding:3px;
color:#FFFFFF;
}


h4.item a:hover {
text-decoration: none;
}

h4.news, h4.news a:link, h4.news a:visited {
background-color: #E5E5E5;
padding:3px;
color:#B50B0B;
}


h4.news a:hover {
text-decoration: none;
}


h2, h3, h4, h5 { 
	margin: 0.3em 0;
	color:#B50B0B;
} 

h1 { 
	margin: 0.3em 0;
	color:#1A2F6F;
	background: url('../images/h_pod.jpg') bottom left repeat-x; 	
}

h3 a:link, h3 a:visited {
	text-decoration: underline;
	color:#B50B0B;
	border: 1px none; 
	/*padding: 0 2px 0 2px;*/
}

h3 a:hover {
	text-decoration: none;
	background-color:#F0F0F0;
	color: #B50B0B;
}
 
h4 a:link, h4 a:visited {
	color:#B50B0B;
	padding: 0;
	margin: 0;
}

h4 a:hover {
	background-color:#F0F0F0;
	color: #B50B0B;
}


h3.folder  {
	background:url(../images/sym_folder.gif)  center left no-repeat; 
	padding-left:20px;
}


 

p { 
	margin: 0.2em 0 
} 

p.nula { 
	margin: 0.6em 0;
	padding: 0;
	line-height: 1;
} 

/* ********** anchors ********** */
a:link, a:visited {
	text-decoration: underline;
	color: #000000;
	border: 1px none; 
	/*padding: 0 2px 0 2px;*/
}

a:hover {
	text-decoration: none;
	background-color: #F0F0F0;
	color: #000000;
}



/* ********** forms ********** */

input, textarea, select {
padding: 2px;
color: #000;
border: 1px solid #C0C0C0;
font-family: Tahoma, Verdana, sans-serif;
background: #FFF url('../images/input.jpg') top left repeat-x;

}

input.find {
color: #000;
border: 1px solid #C0C0C0;
font-family: Tahoma, Verdana, sans-serif;
font-size:90%;
width:100px;
}

input.eshop_doprava {
color: #000;
background-color: #F0F0F0;
border: 0px;
font-family: Tahoma, Verdana, sans-serif;
text-align:right;
font-weight:bold;
margin:0;
padding:0;

}

input.eshop_doprava_zvyrazni {
color: #B50B0B;
background-color: #F0F0F0;
border: 0px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 120%;
text-align:right;
font-weight:bold;
margin:0;
padding:0;

}

input.nic {
border: 1px solid #FFF;
}

img.vyrovnat {

}

input.button {

background-color:#C0C0C0;
color:#000000;
border: 1px solid #C0C0C0;
cursor: pointer;
background-image:none;
font-size:90%;
}

/* ********** blocks ********** */
.blok_nad { 
	width:179px; 
	height: 31px;
	color: #FFFFFF;
	background-color: #3581B3;
	font-weight:bold;
	background-image:url('../images/sloup_nad.jpg');	
	/*border: 1px solid #302F2C; */
} 

/* ********** others ********** */

.obsah { 
	margin:0; 
	padding:0.3em 0.8em; 
} 

.kosik_top {
position:absolute;
left: 50%;
margin-left:330px;
top: 0px;
width: 100px;
height: 130px;
background:#FFF url('../images/kos_poz.jpg') bottom no-repeat;
border: 1px solid #666666; 
padding:6px;
text-align:center;
	
} 
.kosik_top_d {
position:absolute;
left: 50%;
margin-left:330px;
top: 0px;
width: 100px;
height: 130px;
background:#FFF;
border: 1px solid #666666; 
padding:6px;
text-align:center;
	
} 

.obsah_stred { 
	margin:0; 
	padding:0.5em 1em; 
} 

.obsah_blok { 
	margin:0; 
	padding: 0 0.8em 0 0.8em; 
} 

.maly { 
	font-size:80%; 
} 

.cleaner { 
	clear:both; 
	height:1px; 
	font-size:1px; 
	border:none; 
	margin:0; padding:0; 
	background:transparent; 
} 

.sto_p {
width:100%;
}

.sto_p2 {
width:98%;
}

.form_pevna {
width: 300px;
}

div.error {
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
}

div.strankovani {
background-color:#F9F9F9;
border: 1px solid #E0E0E0;
/*font-size:90%;*/ 
padding: 4px;
}

p.find_sekce {
background-color:#FCD81E;
border: 1px solid #E0E0E0;
/*font-size:90%;*/ 
padding: 2px;
}

div.zvyrazni {
background-color:#F9F9F9;
border: 2px solid #B50B0B;
/*font-size:90%;*/ 
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
}


div.strankovani_bez_poz {
border: 1px solid #302F2C;
padding: 2px;
}

div.message {
border: 1px dashed #FF0000;
padding:3px;
font-weight:bold;
}

div.photo {
background-color:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 2px;
width:120px;
text-align:center;
}

div.photo_desc {

background-color:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 5px;

}

div.item_box {

border: 1px solid #C0C0C0;
background:#FFF url(../images/td_roh2.jpg)  bottom left no-repeat;
padding: 5px;

}

.cena {
	font-size:150%;
}

.cena_akce {

}


.odkaz_pdf {
background: url(../images/pdf_icon.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}

.odkaz_xls {
background: url(../images/icon_xls.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}

.odkaz_doc {
background: url(../images/icon_doc.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}

.plavat_l { 
	float:left; 
} 

.plavat_r { 
	float:right; 
} 

/* ********** fonts ********** */

.velky {
	font-size:200%;
}

/* ********** tables ********** */

table {

word-spacing: 0;
border-collapse: collapse;
table-layout:auto;
}

td {
	padding: 3px;
	vertical-align:top;
}

div.adm td {
	border: 1px solid #C0C0C0;
}

div.adm table {
	width: 100%;
}

td.zahlavi {
	background-color: #C0C0C0;
	color: #000000;
	font-weight:bold;
}

div.find td {
  background-color: #2A2A2A;
  border: 3px solid #000000;
}


table.sed td {
	background-color:#F0F0F0;
	border: 3px solid #FFF; 
}

table.sed3 {
	background-color:#F0F0F0;
	border: 3px solid #FFF; 
	padding: 5px;
	margin: 5px;
}

table.prouzek td {
	
	border-bottom: 1px solid #000; 
	border-top: 1px solid #000; 
}

td.tdsed {
	background-color:#F0F0F0;
}

table.katalog td {
	background:#FFF url(../images/td_roh.jpg)  bottom right no-repeat;
	border: 1px solid #E0E0E0; 
	width:50%;
	
}

table.katalog2 td {
	background:#FFF;
	border: 1px solid #E0E0E0;
	width:33%; 
}




/* ********** zarovnání ********** */

.vlevo {
text-align:left;
}

.vpravo {
text-align:right;
}

.center {
text-align:center;
}

/* ********** barvy ********** */
.cerveny {
	color:#FF0000;
}

.zeleny {
	color:#00CC00
}

.barva2 {
	color:#999999;
}

.barva1 {
	color:#B50B0B;
}

.barva3 {
	color:#1A2F6F;
}

/* ********** obrazky ********** */
img {
border:none;
padding:1px;
}

img.navactiv {
padding:1px;
border: 1px solid #FFFFFF;
}

img.padtri {
padding:3px;
padding:1px;
margin:4px;
}

a img.padtri {
border: 1px solid #0B6099;
background:#0B6099 url('../images/icon_zoom.gif') bottom center no-repeat;
padding-bottom:13px;
}

a:hover img.padtri {
border: 1px solid #B50B0B;

}



/* ********** menu ********** */
.adm_menu {
	background-color:#333333;
	color: #000000;
	text-align:right;
	padding: 5px;
	border: 1px solid #666666;
}

div.menu ul               { padding: 0px; margin: 0px 0px 0px 13px; list-style-type:square }
div.menu li               { padding-bottom:5px; font-weight: bold; }
div.menu li a             { font-weight: bold; }
div.menu li a:hover       { font-weight: bold; }


.rychle_odkazy {
	margin: 15px 0px 15px 15px; _margin: 15px 0px 15px 25px;
	border: solid 1px #333333;
	background-color:#1C1B1A;
	width: 160px; _width: 190px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	float: right;
}


/* ********** menu rozbalovaci ********** */

	#menu {width: auto; background-color:#FFF; padding: 0px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li, #menu ul.sub li {background-color: #EBEBEB; padding:0px; margin: 0; width: 100%; text-decoration: none;}
	#menu li a {display: block; width:auto;}
	#menu ul li.main {position: relative;}
	#menu ul li.main:hover ul.sub {visibility: visible;}
	#menu li.mainHover ul.sub{visibility: visible;} 
	#menu li {behavior: url(../js/hover.htc);}
	#menu li a {border-left: 2px solid #FD1513; border-bottom: 2px solid #FFF; padding: 3px; font-weight:bold; text-decoration:none; color:#1A2F6F;}
	#menu li a:hover {border-left: 2px solid #1A2F6F; color:#FD1513;}

	#menu ul.sub {position: absolute; top: 0; left: 130px; z-index:10; width: 150px; visibility: hidden; }
	#menu ul.sub { border: 1px solid #666666; background-color:#333333; padding:3px;}

	#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu ul.sub li a {display: block; margin: 0; border-left: 3px solid #7F603F; padding: 2px; text-decoration:none;}
	#menu ul.sub li a:hover {border-left: 1px solid white;}

	#menu ul.sub_vis {border-top:1px solid #333333;border-bottom:1px solid #333333;}
	#menu ul.sub_vis li a {display: block; margin: 0; border:none ; font-weight:normal; padding: 0px; padding-left: 5px; text-decoration:none;}
	#menu ul.sub_vis li a:hover {border-left: 1px solid white;}


	#menu_horizont {width: 100%; float: none;}

	#menu_horizont ul, #menu_horizont ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu_horizont li, #menu_horizont ul.sub li {margin: 0; padding: 0; text-decoration: none;}
	#menu_horizont li {float: left; padding: 3px;}	
	#menu_horizont ul li.main {position: relative;}
	#menu_horizont ul li.rozbal {background:url('../images/sipka_dolu.gif') center right no-repeat; padding-right:5px; margin-right:5px;}
	#menu_horizont ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
	#menu_horizont ul li.main:hover ul.sub {visibility: visible;}
	#menu_horizont ul.sub {position: absolute; z-index:10; visibility: hidden; width: 200px;} 
	#menu_horizont li.mainHover ul.sub{visibility: visible;} 
	#menu_horizont li {behavior: url(hover.htc); }

	#menu_horizont ul.sub { border: 1px solid #666666; background-color:#FFF; padding:3px;}
	#menu_horizont ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu_horizont ul.sub li a {display: block; margin: 0; border-left: 3px solid #C00; padding: 2px 2px 2px 7px; text-decoration:none;}
	#menu_horizont ul.sub li a:hover {}
	#menu_horizont li a {padding: 5px; font-weight:bold; text-decoration:none;}
	#menu_horizont li a:hover {padding-left: 5px;}



.nowrap {
	clear: both;
}


/* Singapore gallery */

div.sgGallery, div.sgGalleryThumbnail, div.sgThumbnail {text-align: left;}
div.sgNavBar, p.sgNavBar {text-align: right;}
div.sgContent {margin-top: 10px; margin-bottom: 10px;}
div.sgContent img {margin: 10px;}
div.sgGallery {margin: 8px; padding: 2px;}
div.sgThumbnail {margin: 3px; padding: 2px;}
img.sgThumbnail {margin: 3px;}
.sgNavBar {margin: 1em;}
div.sgGalleryThumbnail, div.sgThumbnail {float: left;}

div.sgTab {padding: 2px; margin: 0;}
div.stretcher {height: 1px}
div.image_scroll {overflow:visible; width: auto;}

/* komentář */
.mar_left_pet 		{margin-left:10px;}
div.str 		{background-color:#FCE99C;padding:3px;border: 1px solid #FFDF5E;}

.clanek_scroll {
	width: auto; 
	height: 150px; 
	overflow: auto;
	border: 1px solid #C0C0C0;	
}


/* ********** lightbox ********** */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}