@charset "utf-8";
/* CSS Document */
html, body {
	background-image:url(/images/bg.jpg);
	background-color:#5c79a3;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	font-weight:bold;
	color:#FFFFFF;
}
#telo {
	height:559px;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(/images/bgt.jpg);
}
#obsah {
	position:absolute;
	margin-left:230px;
	color:#fff;
	margin-top:150px;
	width:560px;
	z-index:1;
}

.partneri {
	position:absolute;
	left:20px;
	top:570px;
}

/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;
	top:85px;
	left:216px;
	z-index:100;
	width:620px;
}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0;
	height:50px;
	background-repeat:no-repeat;
	}
#menuh ul ul a
	{
	height:35px;
	}
#menuh a i
	{
		visibility:hidden;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	text-decoration:none;
	}	

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:142px;	/* width of all menu boxes */
	height:47px;
	margin:0 11px 0 0;
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding:0;
	margin:0;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
/*#menuh-container {
	position: absolute;
	top:85px;
	left:216px;
	z-index:100;
}
#menuh {
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0;
}
#menuh a {
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	width: 142px;
	height:47px;
	padding:0;
	background-repeat:no-repeat;
		z-index:100;
}
#menuh ul ul a {
	width: 140px;
	height:29px;
	padding:0;
	background-repeat:no-repeat;
}
#menuh a i {
	display:none;
	
}
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */ {
	text-decoration:none;
}
#menuh a:hover	/* menu at mouse-over  */ {
	text-decoration:none;
}
#menuh ul {
	list-style:none;
	margin:0 11px 0 0;
	padding:0;
	float:left;
	width:142px;	/* width of all menu boxes */
}
#menuh li {
	position:relative;
	min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}
#menuh ul ul {
	position:absolute;
	z-index:1000;
	top:auto;
	display:none;
	padding:0;
	margin:0;
}
#menuh ul ul ul {
	top:0;
	left:100%;
}
div#menuh li:hover {
	cursor:pointer;
	z-index:100;
}
div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {
	display:none;
}
div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {
	display:block;
}


div#menuh a#domu {
	background-image:url(/images/home-btn.jpg);
}
div#menuh a#domu:hover {
	background-image:url(/images/over/home-btn.jpg);
}
div#menuh a#onas {
	background-image:url(/images/onas-btn.jpg);
}
div#menuh a#onas:hover {
	background-image:url(/images/over/onas-btn.jpg);
}
div#menuh a#tvorba {
	background-image:url(/images/tvorba-btn.jpg);
}
div#menuh a#tvorba:hover {
	background-image:url(/images/over/tvorba-btn.jpg);
}
div#menuh a#produkce {
	background-image:url(/images/produkce-btn.jpg);
}
div#menuh a#produkce:hover {
	background-image:url(/images/over/produkce-btn.jpg);
}
div#menuh a#video {
	background-image:url(/images/video-btn.jpg);
}
div#menuh a#video:hover {
	background-image:url(/images/over/video-btn.jpg);
}
div#menuh a#fotografie {
	background-image:url(/images/fotografie-btn.jpg);
}
div#menuh a#fotografie:hover {
	background-image:url(/images/over/fotografie-btn.jpg);
}
div#menuh a#nataceni {
	background-image:url(/images/nataceni-btn.jpg);
}
div#menuh a#nataceni:hover {
	background-image:url(/images/over/nataceni-btn.jpg);
}
div#menuh a#foceni {
	background-image:url(/images/foceni-btn.jpg); 
}
div#menuh a#foceni:hover {
	background-image:url(/images/over/foceni-btn.jpg);
}
div#menuh a#grafika {
	background-image:url(/images/grafika-btn.jpg);
}
div#menuh a#grafika:hover {
	background-image:url(/images/over/grafika-btn.jpg);
}
div#menuh a#zpracovani {
	background-image:url(/images/zpracovani-btn.jpg);
}
div#menuh a#zpracovani:hover {
	background-image:url(/images/over/zpracovani-btn.jpg);
}
/* End CSS Drop Down Menu */



a.kontakt {
display:block;
	position:absolute;
	left:45px;
	top:517px;
	width:141px;
	height:47px;
	background-image:url(/images/kontakt-btn.jpg);
}
a.kontakt:hover {
	background-image:url(/images/kontakt-btn-over.jpg);
}
a.kontakt i {
	display:none;
}

div.logo {
	position:absolute;
	top:0px;
	width:200px;
	height:125px;
}
div.movie {
	position:absolute;
	top:132px;
	width:200px;
	height:370px;
}



/* VIDEO LIST */
div.video_list {
	clear:both;
}
div.video_list img {
	border: solid 2px  #dcdcdc;
	margin-right:15px;
}
div.video_list i {
	display:block;
	font-variant:normal;
	margin-top:10px;
	color:#999;
}

div.video_detail {
text-align:center;
}

div.video_detail i {
	display:block;
	font-variant:normal;
	margin-top:10px;
	color:#999;
}

/* FOTO LIST */
div.foto_list {
	clear:both;
}
div.foto_list img {
	border: solid 2px  #dcdcdc;
	margin-right:15px;
}
div.foto_list i {
	display:block;
	font-variant:normal;
	margin-top:10px;
	color:#999;
}
div.foto_detail {
text-align:center;
}

div.foto_detail div {
	float:left;
	margin: 6px;
	width:170px;
	height:133px;
}
div.foto_detail div a {

}
div.foto_detail div a img {
	border:solid 2px #707070;
	margin:8px;
}
div.foto_detail div a:hover img {
	border-color:#fff;
}