@charset "utf-8";
/* CSS Document */

html {overflow-y:scroll;}
body {margin:0; padding:0; text-align:center; font:12px/1.3 Verdana, Helvetica, sans-serif; color:#eee; background:#3e0907 url(../grafika/podkladBody.jpg) center top no-repeat;}

#obal {margin:0 auto; width:1005px; height:900px; overflow:hidden; background:url(../grafika/obal_podklad.gif) repeat-y; X___border:1px solid #fff;}
#filtr {position:relative; float:left; width:805px; height:900px; overflow:hidden; background:url(../grafika/podkladFiltr.jpg) 100% 0% no-repeat;}
a#logo {float:left; margin:33px 0 0 85px; display:inline-block; width:195px; height:100px; overflow:hidden;}
a#logo b{display:none;}
#menuAflash {float:right; width:483px; height:147px; background:none; overflow:hidden;}
#pro_flash {height:131px; overflow:hidden;}
#sponzori {position:absolute; margin:775px 0 0 90px; width:690px; height:65px; text-align:center; background:none;}
#odkaz_SVS {display:inline-block; width:60px; height:30px; background:url(../obsah/sponzori/logo_svs.gif) no-repeat;}
.viktor {clear:both;}
#obsah {display:inline-block; margin-top:46px; width:545px; height:545px; text-align:left; font:normal 11px/1.2 Verdana, Helvetica, sans-serif; color:#fff;}
#obsah h1 {margin:0; padding:0; font:bold 12px/1.3 Verdana, Helvetica, sans-serif; color:#fff;}
#obsah p {margin:0; font:normal 11px/1.2 Verdana, Helvetica, sans-serif; color:#fff;}
#obsah strong { font:normal 11px/1.2 Verdana, Helvetica, sans-serif;}
#obsah a {color:#fff;}
#obsah a:hover {color:#f00;}


/* MENU-HORNÍ */
#menu_horni {padding:0; margin:0; width:483px; height:16px; float:right;}
#menu_horni i {float:right; width:20px; height:16px;}
#menu_horni a {float:right; display:block; height:14px; cursor:pointer; overflow:hidden; X_border-top:1px solid #eb6909;}
#menu_horni a b {display:block; height:0; overflow:hidden;} /* aby nebylo vidět a bylo SEO korektní */
a#kontakt {width:46px;}
a#vol_mista {width:69px;}
a#nahr_plneni {width:90px;}
a#nase_sluzby {block;width:70px;}
a#onas {width:34px;}
a#kontakt:hover,
a#vol_mista:hover,
a#nahr_plneni:hover,
a#nase_sluzby:hover,
a#onas:hover {border-bottom:2px solid #fcdbc2; border-bottom:2px solid #fff;}

/* MENU-LEVÉ */
#menuLeve {float:left; display:inline-block; margin-top:80px; width:184px; height:178px; text-align:right; background:url(../grafika/podkladLeveMenu.gif) no-repeat;}
#menuLeve a {clear:right; float:right; display:block; padding:0; margin:0; width:184px; height:20px; line-height:20px; text-decoration:none; cursor:pointer;}
#menuLeve a b {display:block; height:0; overflow:hidden;} /* aby nebylo vidět a bylo SEO korektní */
#menuLeve i {clear:right;float:right;height:9px;width:9px;overflow:hidden;}
#menuLeve a#web_design:hover {background:url(../grafika/hoverLeveMenuWD.gif) 100% 0% no-repeat;}
#menuLeve a#obalovy_design:hover {background:url(../grafika/hoverLeveMenuOD.gif) 100% 0% no-repeat;}
#menuLeve a#tiskoviny:hover {background:url(../grafika/hoverLeveMenuTI.gif) 100% 0% no-repeat;}
#menuLeve a#corporate_identity:hover {background:url(../grafika/hoverLeveMenuCI.gif) 100% 0% no-repeat;}
#menuLeve a#fotografie:hover {background:url(../grafika/hoverLeveMenuFO.gif) 100% 0% no-repeat;}

/* PRUHY */
#pruhy {float:right; width:200px; height:862px; text-align:right; overflow:hidden; background:#e2001a;}

/* HLAVA 
			#hlava {height:210px;}
			#hlava_obsah {float:left; width:483px; height:147px; background:#EB6909 url(../grafika/podkladHlava.gif) 100% 0% no-repeat; overflow:hidden;}
			#pro_flash {height:131px;overflow:hidden;}
*/







/*
#telo {float:left; width:832px; /* height:950px;*/ height:850px; position:relative;/* kvůli abs. pozicování <a> v <div> ve fotografie.php */}
/*
#clear {clear:both;}
*/


/* konec */

/* TELO 
#R_sloup {float:right; width:603px; overflow:auto;}
#L_sloup {float:left; width:229px; overflow:auto;}
#GDcopyright {float:left; width:84px; height:247px; background:url(../grafika/copyright.png) top right no-repeat;}
/* konec */

/* OKNO */
#okno {clear:both;width:600px;height:600px;}
div#okno a {overflow:hidden;}



/* KONTAKT */
#oknoKontakt {position:absolute; top:160px; left:215px; width:569px; height:580px; text-align:left; background:url(../grafika/okno_kontakt.png) -11px 0% no-repeat;}
a#mapa {position:absolute; display:block; top:33px; left:360px; width:179px; height:256px; border:2px solid #5c161c;}
a#mapa:hover {border-color:#fff;}
a#mail_1, a#mail_2, a#mail_3, a#mail_4, a#mail_5, a#mail_6 {position:absolute; display:block; left:183px; margin:0; padding:0; line-height:10px; height:10px; border-bottom:1px solid #fff;}
a#mail_1 {top:73px; width:160px;}
a#mail_2 {top:145px; width:152px;}
a#mail_3 {top:217px; width:152px;}
a#mail_4 {top:289px; width:118px;}
a#mail_5 {top:361px; width:160px;}
a#mail_6 {top:433px; width:160px;}
a#mail_7 {position:absolute; top:557px; left:9px; display:block; width:160px; height:10px; line-height:10px; border-bottom:1px solid #fff;}
a#mail_7:hover {border-bottom:1px solid #e2001a;}
a#mail_1:hover, a#mail_2:hover, a#mail_3:hover, a#mail_4:hover, a#mail_5:hover, a#mail_6:hover {border-bottom:1px solid #e2001a;}
a#foto_1, a#foto_2, a#foto_3, a#foto_4, a#foto_5, a#foto_6 {position:absolute; left:14px; display:block; width:60px; height:60px; border:1px solid #fff;}
a#foto_1 {top:23px;}
a#foto_2 {top:95px;}
a#foto_3 {top:167px;}
a#foto_4 {top:239px;}
a#foto_5 {top:312px;}
a#foto_6 {top:384px;}
a#foto_1:hover, a#foto_2:hover, a#foto_3:hover, a#foto_4:hover, a#foto_5:hover, a#foto_6:hover {border-color:#e2001a;}


/* SEO */
#seo {float:left;width:832px;height:0px;overflow:hidden;}

/* PHOTOSLIDE */
#foto_prohlizec {display:inline-block; margin-top:46px; float:right; width:580px; height:445px; border:0px solid red;}
#wrap {
	position:relative;
	margin:0;
	width:540px;
	height:445px;
	/*background:none repeat scroll 0 0 #eb6909;*/
	background:none repeat scroll 0 0;
	border:0px solid #ba787d;
	}
#slide {
	position:absolute;
	width:516px;
	height:421px;
	top:12px;
	left:12px;
	overflow:hidden;
	/*background:none repeat scroll 0 0 #eb6909;*/
	background:none repeat scroll 0 0;
	border-color:#698639 #E0EBCB #E0EBCB #698639;
	border-style:solid;
	border-width:0px;
	}
#slide a {
	position:absolute;
	left:516px;
	display:block;
	width:516px;
	height:421px;
	text-decoration:none;
	}
#slide a img {
	margin:auto;
	border:0 none;
	display:block;
}
#title {
	background:url("../jQuery fotoslide/photo-slide/star.png") repeat scroll 0 0 transparent;
	height:132px;
	left:435px;
	position:absolute;
	top:-18px;
	width:131px;
}
* html #title {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../jQuery fotoslide/photo-slide/photo-slide/left.png', sizingMethod='crop');
	background:none repeat scroll 0 0 transparent;
}

#previous b {
	display:none;
	}
#previous {
	background:url("../jQuery fotoslide/photo-slide/left.png") repeat scroll 0 0 transparent;
	cursor:pointer;
	height:37px;
	left:-10px;
	position:absolute;
	top:195px;
	width:37px;
	}
* html #previous {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='photo-slide/left.png', sizingMethod='crop');
	background:none transparent scroll repeat 0% 0%;
	}
#next b {
	display:none;
	}
#next {
	background:url("../jQuery fotoslide/photo-slide/right.png") repeat scroll 0 0 transparent;
	cursor:pointer;
	height:37px;
	left:518px;
	position:absolute;
	top:195px;
	width:37px;
	}
* html #next {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='photo-slide/right.png', sizingMethod='crop');
	background:none repeat scroll 0 0 transparent;
	}

#buttons {
	left:22px;
	position:absolute;
	top:405px;
	}
#buttons div {
	background:url("../jQuery fotoslide/photo-slide/button.gif") repeat scroll 0 0 transparent;
	display:inline;
	float:left;
	height:20px;
	margin-right:5px;
	width:20px;
	}
#buttons div b {
	color:#ba787d;
	cursor:pointer;
	display:block;
	font-family:arial,sans-serif;
	font-size:11px;
	height:20px;
	line-height:19px;
	text-align:center;
	width:20px;
	background-position: center center;
	}
img#loading {
	left:240px;
	position:absolute;
	top:80px;
	}




/* STYLOVÁNÍ DISPLAYŮ */
.fotoDisplay {display:inline-block; position:relative; border:0px solid #fff; margin-top:40px; margin-left:30px; width:557px; height:557px; background:none;}
.fotoDisplay a {color:#f00; text-decoration:none;}
.fotoDisplay a#index_1 {position:absolute; top:430px; left:5px;}
.fotoDisplay a#index_2 {position:absolute; top:430px; left:20px;}
.fotoDisplay a#index_1:hover, .fotoDisplay a#index_2:hover {Color:#fff;}
.active {font:bold 15px/1.2 Arial, Helvetica, sans-serif; color:#FF3300;}

.fotoDisplay ul {
  list-style:none; 
  position:relative; 
  left:0; 
  top:0; 
  width:557px; 
  height:430px; 
  padding:0;
  margin:0; 
/*  background: #ddd url(lbox/close.gif) no-repeat right top;*/ 
  background:none; 
  z-index:10;
  display:block; 
  }
.fotoDisplay ul li {
  display:inline; 
  width:172px; height:140px;
  }
.fotoDisplay ul li a {
  display:inline-block; 
  cursor:default; 
  float:left; 
  text-decoration: none; 
  margin:1px; width:168px; height:136px;
  }
.fotoDisplay ul li a img {
  display:inline-block; 
  margin:1px; width:168px; height:136px;
  }
.fotoDisplay ul li a:hover {white-space:normal; position:relative;}
.fotoDisplay ul li a:hover img {
  position:absolute; 
  left:-5px; 
  top:-5px; 
  width:178px; 
  height:146px; 
  border:0px solid #e2001a; 
  }



/* STYLOVÁNÍ DISPLAY-ÚVOD */
.fotoDisplayUvod {position:relative;}
		.fotoDisplayUvod a {color:#000;}
		.fotoDisplayUvod a:visited {color:#111;}
.fotoDisplayUvod ul {list-style:none; position:relative; left:0; top:0; width:557px; height:557px; padding:0;margin:0; background:none; z-index:10; display:block;}
.fotoDisplayUvod ul li {display:inline; margin:0; padding:0; width:91px; height:91px;}
.fotoDisplayUvod ul li a {display:inline-block; cursor:pointer; float:left; text-decoration: none; margin:0px; width:91px; height:91px; background:none;}
.fotoDisplayUvod ul li a img {display:none;}
.fotoDisplayUvod ul li a:hover {white-space:normal; position:relative;}
.fotoDisplayUvod ul li a:hover img {position:absolute; left:-3px; top:-3px; display:inline-block; width:97px; height:97; border:0px solid #e2001a;}

