html, body {padding:0; margin:0; background:#eee; font-size:11px; font-family:"Helvetica", "Verdana", sans-serif; color:#727272;}
.main {margin:0 auto; width:792px; position:relative;}
a, a:hover {text-decoration:none;}
a {color:#000;}
a:hover {color:#0e87be;}
hr.viktor {width:85%; height:1px; border:none; clear:both; visibility:hidden;}

/* hlavicka */
.header {height:153px; background:#0e87be url('/x/header.jpg') top right no-repeat;}
.header a,  .header a span {width:224px; height:153px; display:block;}
.header a {position:relative; text-decoration:none;}
.header a span {position:absolute; top:0; left:0; background:url('/x/header-link.jpg') top left no-repeat;}

/* odkazy do hlavicky */
p.headlinks {position:absolute; top:50px; left:295px; width:290px; height:80px;}
#ie7 p.headlinks {width:180px;}
p.headlinks a, p.lang a {display:block; float:left; margin:0 1em 1em 0; padding:0 0 0 12px; color:#bff2ff; background:url('/x/hd-links-arr.gif') 0% 50% no-repeat;}
p.headlinks a:hover, p.lang a:hover {background:url('/x/hd-links-arr-hover.gif') 0% 50% no-repeat; color:#fff;}

/* jazykove mutace */
p.lang {position:absolute; top:7px; left:400px; width:150px;}
p.lang a, p.lang a:hover {background-image:none; padding-left:0; margin-left:1em;}
p.lang a[title~=English], p.lang a[title~=Deutsche] {text-decoration:underline;}

/* navigace - nano ikony */
#nanonav {position:absolute; top:8px; left:295px; width:90px; height:20px;}
#nanonav a, #nanonav a span {display:block; width:17px; height:14px; padding:0; margin:0;}
#nanonav a {margin:0 10px 0 0; float:left; position:relative;}
#nanonav a span {position:absolute; top:0; left:0;}
#nanonav a em {display:none;}
#nanonav a.home span {background:url('/x/nano-ikons-home.gif') 0% 0% no-repeat;}
#nanonav a.sitemap span {background:url('/x/nano-ikons-sitemap.gif') 0% 0% no-repeat;}
#nanonav a.feedback span {background:url('/x/nano-ikons-feedback.gif') 0% 0% no-repeat;}
#nanonav a.home:hover span {background:url('/x/nano-ikons-home-hover.gif') 0% 0% no-repeat;}
#nanonav a.sitemap:hover span {background:url('/x/nano-ikons-sitemap-hover.gif') 0% 0% no-repeat;}
#nanonav a.feedback:hover span {background:url('/x/nano-ikons-feedback-hover.gif') 0% 0% no-repeat;}

/* drobecky */
p#drobecky {position:absolute; top:150px; left:25px; width:705px; padding:0; height:1.5em;}
p#drobecky a {color:#94999d; display:block; background:url('/x/sipka-seda.gif') 0% 50% no-repeat; margin:0 10px 0 0; padding:0 0 0 15px; float:left;}
p#drobecky a:hover {color:#727272;}
#ie7 p#drobecky {top:162px;}

/* paticka */
.footer {position:relative; background:url('/x/footer-line.gif') top right no-repeat; margin:-10px 0 0 0; padding:0;}
.footer p {padding:10px 0 0 45px; background:url('/x/logo-tp.gif') 0% 90% no-repeat; color:#0e87be;}
.footer p a {text-decoration:none; color:#0e87be;}
.footer p.estudio {padding:0; background:url('/x/logo-estudio.gif') top right no-repeat; position:absolute; top:0; right:0;}
.footer p strong, .footer p a strong {display:block; width:11em;}
#ie7 .footer {margin-top:-20px;}
#ie7 .footer p.estudio {top:15px;}

/* hlavni menu */
ul.menu {width:180px; padding:0; margin:30px 0 0 25px; float:left; list-style-type:none;}
ul.menu li {margin:0; padding:0;}
ul.menu li a {display:block; border-bottom:1px solid #e1e1e1; padding:.6em 1em; color:#0e87be; font-weight:800;}
ul.menu li a:hover {border-bottom:1px solid #727272;}
ul.menu li#aktivni a {border-bottom:1px solid #0e87be;}

/* hlavni obsah */
.alef {background:white; margin:0; padding:0 0 1em 0;}
.beth {margin:0; padding:0 25px 25px 25px; width:515px; float:right; min-height:8em;}
.beth h1, .beth h2 {width:545px; margin:35px 0 10px 0; font-size:1.45em; text-transform:uppercase; color:#7d8082; font-weight:800; display:block;}
.beth h2 {color:#c6c7c7; margin:-10px 0 20px 0;}
.beth h3 {color:#0e87be;}
.beth p, beth ul {margin:0 0 10px 0; padding:0; line-height:1.5em;}
.beth ul li {margin:0; padding:2px 0 2px 15px; list-style:none; background:url('/x/sipka-zelena.gif') 0% 50% no-repeat; line-height:1.25em;}
.beth ul.zarovnany {width:50%; padding:0;}
.beth ul.zarovnany li {padding-left:0; background-image:none; position:relative; font-weight:800; }
.beth ul.zarovnany li span, .beth ul.zarovnany li a {position:absolute; top:0; right:0; text-align:right; text-decoration:none; color:#727272; font-weight:100;}
.beth ul.zarovnany li em.hidden {visibility:hidden;}
#ie7 .beth ul.zarovnany {margin-left:0;}
#mapa {margin-left:40px;}
#mapa p a, #mapa p a img {border:none;}
#mapa ul li {width:36em;}
#mapa ul li span {top:2px;}

/* box s obrazkem */
.beth .icobox img {float:left;}
.beth .icobox p {margin:0 0 10px 80px; min-height:8em; line-height:1.5em; text-align:justify;}
.icoboxall {margin:2em 0;}
/* zaklad a team */
.icoboxall .ico {margin:0 1.5em 1.5em 0; border-bottom:1px solid #e1e1e1; width:235px;  float:left;}
.icoboxall .ico .gfx {float:left; width:63px; height:94px; padding:0; background-color:silver; background-position:top left; background-repeat:no-repeat;}
.icoboxall .ico .muz {background-image: url('/x/unknown-boy.gif');}
.icoboxall .ico .zena {background-image: url('/x/unknown-girl.gif');}
.icoboxall .ico h3 {padding:0; margin:0 0 0 72px; color:#0e87be; font-size:1.2em; }
.icoboxall .ico p {padding:.5em 0 .5em 6.5em; line-height:1.25em;}

/* uprava pro reference */
#reference {margin-top:0;}
#reference .ico {float:none; width:auto; min-height:55px;}
#reference .ico .gfx {height:40px; background:url('/x/untitled-logo.gif') top left no-repeat;}

/* podpis */
p.podpis {margin:30px 0 0 80px;}
p.podpis img {display:block; margin:5px 0;}
p.podpis strong, p.podpis span {display:block; padding:3px 0;}
p.podpis span {padding:1px 0 1px 12px; background:url('/x/sipka-zelena.gif') 0% 50% no-repeat;}

/* formulare */
form {padding:0; margin:2em 0; display:block;}
form input, form textarea {background:transparent; font-family:sans-serif; font-size:12px; border:1px solid #e1e1e1;}
form input:focus, form textarea:focus {background:white; border:1px solid black; border:1px solid #0e87be;}
form input  {width:250px; margin:0; padding:1px;}
form textarea  {padding:1px; width:250px; height:82px;}
form label {width:120px; display:block; float:left; margin:0; padding:0; padding-top:2px; margin-left:10px;}
form button {cursor:pointer; background:#89c4df; color:white; border:1px solid #0e87be; font-weight:800; font-size:1em; padding:3px 12px;}
form button:hover, form button:focus {background:#0e87be; border:1px solid #89c4df;}
form hr {height:1px; padding:0; margin:0 0 5px 0; visibility:hidden;}
form input.povinny , form textarea.povinny , form input.povinny:focus , form textarea.povinny:focus {background:url('/x/povinna-polozka.gif') top right no-repeat;}
#mf_nick_r {display:none;}
#mf_pripominky {height:180px;}
#ie7 form hr {height:0; margin:-15px 0;}
#ie7 form input, #ie7 form textarea {font-weight:100; font-size:1em; font-family:"Verdana", sans-serif;}
#ie7 form textarea {overflow:auto;}

/* mapa webu */
#sitemap {width:32em;}
#sitemap, #sitemap * {margin:0; padding:0;}
#sitemap li {margin:0; padding:0; background-image:none;}
#sitemap li ul.sub {margin-left:3em;}
#sitemap li ul.sub li {}
#sitemap li a, #sitemap li ul.sub li a {margin:.5em; padding:.75em; display:block; border:1px solid #94999d; color:#94999d; background:white;}

/* obrazkove linky na formulare */
a#form_link, #form_link span {width:135px; height:28px; display:block;}
a#form_link {position:relative; font-size:.5em; color:#9f9f9f; margin:35px 0 0 0;}
a#form_link span {position:absolute; top:0; left:0; background:url('/x/form-link.gif') top left no-repeat;}
a#form_link:hover span {background:url('/x/form-link-hover.gif') top left no-repeat;}

/* zarovnani na uvodu */
.justify, .justify p {text-align:justify;}

.floatLeft {
	float: left;
}


.imageGalleryWrapper {
	width: 253px;
	text-align:center;
	margin-right: 4px;
	margin-bottom: 4px;
	height: 230px;
	font-size: 11px;
	overflow: hidden;
}
.imageGalleryImgWrapper {
	min-height: 148px;
	display: block;
	padding:0;margin:0;
}
span.imageGalleryImgWrapper img {
	margin: 3px 0 0 0;
}
.imageGalleryWrapper a {
	text-decoration: none;
	color: #666;
}
.imageGalleryWrapper a img {
	border: none;
}
span.imageName {
	display: block;
	font-weight: bold;
	color: #0E87BE;
	padding: 0;
	height: 15px;
	overflow:hidden;
	text-align: left;
}

span.imageDescription {
	height: 30px;
	overflow: hidden;
	display: block;
	padding: 0;
	text-align: left;
}