@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 0.65em;
	line-height: 1.3em;
	margin: 0; padding: 0;
	background-color: #0E0E0E;
	color: #8d9891;
	}

#wrap {
	background: url(images/header_bg.jpg) top center no-repeat #0E0E0E;
	text-align: center;
	}

#wrap1 {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	background: url(images/header.jpg) 0 0 no-repeat #0E0E0E;
	height: 196px;
	position: relative;
	}

address {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #f6c05d;
	font-style: normal;
	}
address strong {
	font-weight: bold;
	color: #fbc227;
	}
address span {
	font-weight: bold;
	color: #f6db5d;
	}

#language {
	margin: 0; padding: 0;
	position: absolute;
	top: 10px;
	left: 495px;
	}
#nav {
	margin: 0; padding:0;
	position: absolute;
	top: 17px;
	left: 565px;
	font-size: 0.82em;
	}
#nav a {
	color: #c1ebf8;
	text-decoration: none;
	}
#home {
	padding-left: 14px;
	background: url(images/home.gif) 0 center no-repeat;
	}
#order {
	padding-left: 14px;
	background: url(images/order.gif) 0 center no-repeat;
	margin-left: 16px;
	}

#language a, #language a span {
	position: absolute;
	overflow: hidden;
	width: 15px;
	height: 9px;
	z-index: 1;
	margin: 0; padding: 0;
	border: 1px solid #75cbe9;
	}

#language a span {
	position: absolute;
	display: block;
	width: 15px;
	height: 9px;
	background: url('images/cz.gif');
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	}

#language a#pl {left: 30px;top: 0;}
#language a#pl span {background: url('images/pl.gif');}
#language a#de{ left: 0;top: 19px;}
#language a#de span {background: url('images/de.gif');}
#language a#us {left: 30px;top: 19px;}
#language a#us span {background: url('images/us.gif');}



h1, h1 span {
	position: absolute;
	top: 58px;
	left: 163px;
	overflow: hidden;
	width: 415px;
	height: 115px;
	z-index: 1;
	color: #fff;
	margin: 0; padding: 0;
	}

h1 span {
	display: block;
	width: 415px;
	height: 115px;
	background: url('images/mixman_logo.jpg');
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	}
.hidden {
	display: none;
	}

#content {
	margin-top: 51px;
	}

#bigboxes {
	background: url('images/bigboxes_bg.jpg') 0 0 repeat-y;
	color: #04222b;
	}

/*  \*/
* html #bigboxes {
	height: 1%;
}
/*  */


#bigboxes_in {
	background: url('images/bigboxes_foot.jpg') 0 bottom no-repeat;
	}

#bigbox1, #bigbox2, #bigbox3 {
	float: left;
	width: 250px;
	padding-bottom: 45px;
	overflow: hidden;
	}

#bigbox1 p {
	padding: 0 45px 0 35px;
	margin: 0 0 10px 0;
	position: relative;
	text-align: left;
	}

#bigbox1 span {
	color: #00a9d9;
	font-weight: bold;
	padding: 0 35px;
	}

#bigbox1 h3 {
	color: #09708d;
	margin: 0;
	padding: 0 35px;
	font-size: 1em;
	}

#bigbox2 img {
	float: left;
	margin: 5px 5px 2px 40px;
	border: 1px solid #8c8b8a;
	}

#bigbox2 p {
	padding: 0 45px 0 40px;
	margin: 0 0 10px 0;
	position: relative;
	text-align: left;
	}

#bigbox3 img {
	float: left;
	margin: 5px 5px 2px 43px;
	border: 1px solid #8c8b8a;
	}

#bigbox3 a {
	right: 30px!important;
	}

#bigbox3 p {
	padding: 0 38px 0 43px;
	margin: 0 0 10px 0;
	position: relative;
	text-align: left;
	}

#bigboxes p a {
	position: absolute;
	margin-top: 0.8em;
	right: 35px;
	color: #00a9d9;
	text-decoration: none;
	font-weight: bold;
	}
	
#bigboxes p.archiv {
right:70px
}

p.archiv {
	text-align:center!important;
}

p.archiv a {
	float:none !important;
	position:fixed;
}
.underdot {
	background: url(images/dot.gif) bottom center no-repeat;
	padding-bottom: 3px!important;
	}


#bigboxes h2 {
	padding: 0; margin: 0;
	position: relative;
	width: 250px;
	height: 78px;
	overflow: hidden;
	z-index: 1;
	}

#bigboxes h2 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 250px;
	height: 78px;
	margin: 0; padding: 0;
	background: url("images/bigbox1.jpg") top left no-repeat;
	}
#bigbox2 h2 span {
	background: url("images/bigbox2.jpg") top left no-repeat;
	}
#bigbox3 h2 span {
	background: url("images/bigbox3.jpg") top left no-repeat;
	}

#boxes {
	background: url('images/boxes_foot.jpg') 0 bottom no-repeat;
	color: #FFF;
	}

/*  \*/
* html #boxes {
	height: 1%;
}
/*  */

#boxes_in {
	background: url('images/boxes_head.jpg') 0 0 no-repeat;
	}

.box h2 {
	padding: 0; margin: 0;
	position: absolute;
	top: 19px;
	left: 62px;
	width: 85px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	}

.box h2 span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	width: 85px;
	height: 15px;
	margin: 0; padding: 0;
	background: url("images/video.jpg") top left no-repeat;
	}
h2#audio {
	left: 62px;
	}
h2#audio span {
	background: url("images/audio.jpg") top left no-repeat;
	}
h2#trid {
	left: 60px;
	}
h2#trid span {
	background: url("images/3d.jpg") top left no-repeat;
	}
h2#foto {
	left: 61px;
	}
h2#foto span {
	background: url("images/foto.jpg") top left no-repeat;
	}

.box {
	float: left;
	position: relative;
	width: 180px;
	padding-bottom: 15px;
	overflow: hidden;
	height:200px;
	}
.box p {
	padding: 0;
	margin: 0;
	margin-left: 35px;
	margin-top: 65px;
	margin-right: 3px;
	text-align: left;
	}

#boxes p a {
	float: right;
	margin-right: 3px;
	color: #00a9d9;
	text-decoration: none;
	font-weight: bold;
	}

#boxes_in P SPAN {
   font-family:inherite !important;
}

#boxes_in P SPAN A {
   position:absolute;
   top:130px;
   right:2px;
   /*clear:both;
   margin-top:5px;*/
}
	
#boxes img {
	float: left;
	margin-top: 64px;
	margin-left: 25px;
	margin-right: 2px;
	}

.end {
	clear: both;
	margin: 0;
	padding: 0;
	}

#footer {
	background: url(images/footer.jpg) 0 bottom no-repeat;
	color: #fefefe;
	font-weight: bold;
	padding: 120px 10px 10px 10px;
	text-align: center;
	}
#footer a {
	color: #fdad00;
	text-decoration: none;
	}
#footer p {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	}
#footer strong {
	color: #fdad00;
	}

h2.small {
	font-size: 1.2em;
	font-weight: normal;
	color: #b7eaf4;
	padding-top: 50px;
	padding-left: 0px;
	padding-bottom: 45px;
	}

.tripleshade {
	background: url(images/tripleshade.jpg) center 17px no-repeat;
	}

.topshade {
	background: url(images/topshade.jpg) center bottom no-repeat;
	}
.bottomshade {
	background: url(images/bottomshade.jpg) center bottom no-repeat;
	}

#toppagination, #bottompagination {
	position: relative;
	}
#toppagination p, #bottompagination p {
	margin: 0; padding: 0;
	}
#bottompagination {
	width: 100%;
	height: 50px;
	}
#toppagination form {
	position: absolute;
	top: 48px;
	left: 190px;
	}
#bottompagination form {
	position: absolute;
	top: 17px;
	left: 190px;
	}

#toppagination select, #bottompagination select {
	margin-left: 20px;
	background: #1a1c1c;
	border: 1px solid #676767;
	color: #8D9891;
	padding: 1px 0 1px 5px;
	}

.page {
	width: 70px;
	}
.sort {
	width: 270px;
	}

.prev, .next {
	position: absolute;
	top: 20px;
	left: 120px;
	background: url(images/prev.gif) 0 0 no-repeat;
	color: #fbb127;
	margin: 0;
	padding: 0 0 0 20px;
	}
#toppagination .prev, #toppagination .next {
	position: absolute;
	top: 50px;
	}

.next {
	left: 590px;
	background: url(images/next.gif) right 0 no-repeat;
	padding: 0 20px 0 0;
	}

#gallerywrap p {
	margin: 0 0 20px 0;
	padding: 0;
	}

.img {
	float: left;
	width: 210px;
	height: 160px;
	text-align: center;
	}

.img a {
	border: none;
	text-decoration: none;
	}
.img img {
	border: 1px solid black;
	}
.img a:hover img {
	border: 1px solid #3487A5;
}
.img span {
	color: #bccfd5;
	display: block;
	}
#obsah, .obsah {
	padding: 0 60px;
	margin-bottom: 60px;
	line-height: 1.5em;
	}
#obsah a, .obsah a {
	font-weight: bold;
	}
#obsah a, #obsah strong, .obsah a, .obsah strong {
	color: #fbb127;
	}

#obsah ul strong, .obsah ul strong {
	font-weight: normal;
	}

#obsah ul, #obsah li, .obsah ul, .obsah li {
	list-style: none;
	padding: 0; margin: 0;
	}

#obsah ul, .obsah ul {
	padding-bottom: 20px;
	}

h3 {
	padding-top: 20px;
	margin-bottom: 10px;
	color: #b7eaf4;
	font-size: 1.2em;
	font-weight: bold;
	}

.annotation {
	padding: 0 40px;
	margin: -10px 0 20px 0;
	}
.cam {
	background: url(images/cam.jpg) center right no-repeat;
	}
.film {
	background: url(images/film.jpg) center right no-repeat;
	}
.klapka {
	background: url(images/klapka.jpg) center right no-repeat;
	}

.comhead {
	padding-top: 55px;
	position: relative;
	background: url(images/doubleshade.jpg) center 17px no-repeat;
	}
.comhead h2.small {
	padding: 0;
	margin-top: 0;
	margin-right: 250px;
	margin-bottom: 10px;
	}
.comhead a {
	position: absolute;
	top: 55px;
	left: 420px;
	color: #496060!important;
	font-weight: normal!important;
	text-decoration: none;
	background: url(images/komentar.gif) right center no-repeat;
	padding-right: 20px;
	}
.comhead span {
	position: absolute;
	top: 55px;
	right: 0;
	color: #4c4e4e;
	}
.topshade2 {
	background: url(images/bottomshade.jpg) center 0 no-repeat;
	padding: 20px 30px 0 30px;
	margin: 0;
	}

#left {
	float: left;
	width: 310px;
	}
#left p {
	margin: 0 0 17px 0;
	padding: 0;
	}
#right {
	float: right;
	width: 280px;
	}

em {
	color: #1187a9;
	}

#objednavka {
	text-align: right;
	}

#objednavka input, #objednavka select {
	width: 165px;
	height: 20px;
	}
#objednavka label {
	float: left;
	width: 115px;
	font-weight: bold;
	color: #b7eaf4;
	line-height: 22px;
	}
#objednavka input, #objednavka textarea, #objednavka select {
	margin: 0;
	background: #1a1c1c;
	border: 1px solid #676767;
	color: #8D9891;
	padding: 1px 5px;
	}
#objednavka select {
	padding: 1px 0 1px 5px;
	width: 177px;
	height: 25px;
	}
#objednavka textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	width: 298px;
	height: 100px;
	}

#objednavka p #submit {
	border: 1px solid #129bbf;
	color: #105467;
	font-weight: bold;
	width: 100px;
	background: url(images/submit.gif) 0 0 repeat-x #bccfd5;
	}









#menu {background: url(images/menu_bg.jpg) 0 0 no-repeat;padding:0  0 0 65px; margin:0; list-style:none; width:750px; height:51px; position:absolute;top: 196px; z-index:200; font-family:arial, verdana, sans-serif;}
#menu li.top {display:block; float:left;}
#menu li a {display:block; float:left; height:51px;padding:0; cursor:pointer;outline: none;}
#menu li a strong {margin-left:-9999px; overflow: hidden;}

#menu li a.videostudio {background: url(images/menu.jpg) 0 0; width: 94px;}
#menu li a.videostudio:hover {background-position: 0 51px;}
#menu li a.audiostudio {background: url(images/menu.jpg) -94px 0; width: 104px;}
#menu li a.audiostudio:hover {background-position: -94px 51px;}
#menu li a.virtual {background: url(images/menu.jpg) -198px 0; width: 111px;}
#menu li a.virtual:hover {background-position: -198px 51px;}
#menu li a.vystavni {background: url(images/menu.jpg) -309px 0; width: 133px;}
#menu li a.vystavni:hover {background-position: -309px 51px;}
#menu li a.fotogalerie {background: url(images/menu.jpg) -442px 0; width: 97px;}
#menu li a.fotogalerie:hover {background-position: -442px 51px;}
#menu li a.reference {background: url(images/menu.jpg) -539px 0; width: 81px;}
#menu li a.reference:hover {background-position: -539px 51px;}
#menu li a.zpet {background: url(images/zpet.jpg) 0 0; width: 94px;}
#menu li a.zpet:hover {background-position: 0 51px;}

#menu li a.menu {background: url(images/menu2.jpg) 0 0; width: 76px;}
#menu li a.menu:hover {background-position: 0 51px;}
#menu li a.obsah {background: url(images/menu2.jpg) -76px 0; width: 67px;}
#menu li a.obsah:hover {background-position: -76px 51px;}
#menu li a.novinky {background: url(images/menu2.jpg) -143px 0; width: 81px;}
#menu li a.novinky:hover {background-position: -143px 51px;}
#menu li a.fotogal {background: url(images/menu2.jpg) -224px 0; width: 85px;}
#menu li a.fotogal:hover {background-position: -224px 51px;}
#menu li a.multi {background: url(images/menu2.jpg) -309px 0; width: 133px;}
#menu li a.multi:hover {background-position: -309px 51px;}
#menu li a.ref {background: url(images/menu2.jpg) -442px 0; width: 97px;}
#menu li a.ref:hover {background-position: -442px 51px;}
#menu li a.setup {background: url(images/menu2.jpg) -539px 0; width: 81px;}
#menu li a.setup:hover {background-position: -539px 51px;}


#menu table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px; z-index:200;}

#menu .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover {position:relative; z-index:200;}
#menu a:hover {position:relative; white-space:normal; z-index:200;}


/*  \*/
#menu :hover ul.sub{
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/minimenu.png', sizingMethod='scale');
  background: none;
}
/*  */


#menu :hover ul.sub{left:0; top:51px; width:156px; height:auto; z-index:300; background: url(images/minimenu.png) bottom left;opacity: .95;filter: alpha(opacity='95'); padding-bottom: 17px;}
#menu :hover ul.sub li{display:block; height:21px; position:relative; float:left; width:156px; font-weight:normal;}
#menu :hover ul.sub li a{display:block; height:21px; width:156px; text-decoration:none; line-height: 21px; text-align: center; padding:0; cursor:pointer;}
#menu :hover ul.sub li a strong {margin:0; color: #FFF;}

#menu :hover ul li a:hover strong {color: #f4e602;}
#menu :hover ul.sub li a:hover {background: url(images/submenuhover.jpg) 0 0 no-repeat; position:relative;opacity: .95;filter: alpha(opacity='95');}

.ref-img {
	float:left;
	border:0px;
	margin-right:5px;
}

hr {
	display: none;
	}
.hr {
	background: url(images/doubleshade.jpg) center center no-repeat;
	height: 58px;
	}

#video-obal {
display: none;
position:absolute;
background:black;
z-index: 1500;
}

#prekryv {
	display:none;
	position: absolute;
	z-index:1000;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}