/* TAGS */
a { color:#ED4401;font-weight:bold; }
a:hover {text-decoration:none;}
body { color: #561A03;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0px auto; position: relative; text-align: center; wi dth: 623px;padding: 0px;background:#FF9349 url(img/background.gif) no-repeat 80% 100%;line-height:160%;}
h1, h2, h3, h4 { color:#561A03;}
h1 { font-size: 140%;font-style:italic;margin-top:0px;clear:both;font-weight:normal;}
h2 {font-size:170%;font-weight:normal;color:#FF5E04;}
h3 {font-size:150%;color:#0D6AA2;font-weight:normal;}
#content h2 a, #content3 h2 a {color:#561A03;font-size:70%;margin:0px;padding:0px;}

h1 span {display:none;}
h1.n1 {background:url(img/n1.gif) no-repeat;}
h1.n2 {background:url(img/n2.gif) no-repeat;}
h1.n3 {background:url(img/n3.gif) no-repeat;}
h1.n4 {background:url(img/n4.gif) no-repeat;}
h1.n5 {background:url(img/n5.gif) no-repeat;}
h1 {width:259px;height:33px;margin:0px;padding:0px;z-index:99;position:absolute;top:200px;left:165px;}

/* PAGE LAYOUT */
#head { background: transparent url("img/header.gif") no-repeat right; color: inherit; height:222px; position: relative; text-align: right; width: 623px;margin-bottom:30px; }
#logo { cursor: pointer; display: block;left:113px;top:71px; height: 150px;position: absolute; text-align: left; text-decoration: none;width: 210px; z-index: 15; }
#logo span { background: transparent url("img/oringe-logo.gif") no-repeat; display: block; height: 150px; position: absolute; width: 210px; z-index: 5; }
#logo strong { color: black; position: absolute; text-decoration: underline;display:none; }
#logo:hover strong { text-decoration: none; }

.cleaner {clear:both;float:none;}

#footer {clear:both;float:none;width:80%;margin:0 auto;font-size:80%;}
#footer p {background:url(img/footer.gif) no-repeat top;padding-top:5px;}
#footer a {color:#561A03;}
#footer br {display:none;}

.fl{float:left;}
.fr{float:right;}
.r {text-align:right;}
p.foot {text-align:right;}
p.foot a, #paginage a{padding:10px 0px;}

p.foot a.top {padding-left:18px;background:url(img/top.jpg) no-repeat 0% 50%;}
p.foot a.print {padding-left:24px;background:url(img/print.jpg) no-repeat 0% 50%;margin-left:10px;}

#paginage a.current {color:#3E3E3E;text-decoration:none;}
#paginage {padding:20px 0px;}
p.prev {width:24%;float:left;text-align:left;}
p.middle{width:49%;float:left;text-align:center;}
p.next {width:24%;float:right;text-align:right;}

img.right {float:right;padding:13px;background-color:#ABDFFD;margin:5px 0px 10px 10px;}
img.left { float: left;padding:10px;background-color:#ABDFFD;margin:5px 10px 10px 0px; }




.pic a img {border:none;}
.pic {float:left;margin:2px;font-size:90%;text-align:center;font-style:italic;width:171px;display:table;text-align:center;text-align:left;display: table; height:270px;  _position: relative; overflow: hidden;padding:0px 15px;}
.pic p {margin:0px;padding:0px;text-align:center;}
.pic a img {padding:8px;background-color:#D7672A;float:none;display:table-cell;vertical-align:bottom;text-align:center;}
.pic a:hover img {background-color:#ED4401;}
.pic p strong {font-style:normal;}
.pic2 {_position: absolute;  _top: 50%;display: table-cell; vertical-align: middle;}
.img {_position: relative;  _top: -50%;}

#page {width:623px;text-align:center;margin:0 auto;position:relative;}

#menu {width:555px;margin:0 auto;padding-top:15px;}
#menu a, #menu p {font-family:Georgia, "Times New Roman", Times, serif;font-size:110%;color:#FF7800;text-decoration:none;margin:0px;padding:0px;}
#menu a:hover {color:#FFFFFF;}
#menu .left {width:170px;float:left;}
#menu .right {width:280px;float:right;}
#menu #m1 {width:261px;height:182px;background:url(img/profil.jpg) no-repeat;position:relative;}
#menu #m2 {width:262px;height:240px;background:url(img/vystavy-kontakt.jpg) no-repeat;position:relative;}
#menu #m3 {width:282px;height:428px;background:url(img/galerie.jpg) no-repeat;position:relative;}
#menu #m1 p {position:absolute;top:150px;right:10px;}
#menu #m2 p {position:absolute;top:183px;right:10px;}
#menu #m3 p {position:absolute;top:387px;right:10px;}

#content {text-align:center;padding-left:50px;padding-right:50px;}
#content3 {text-align:center;padding-left:0px;padding-right:0px;margin:0 auto;}
#back {background: url(img/body-background.gif) no-repeat right;width:100%;height:225px;margin:0 auto;}

#lightbox{
	position: absolute;
	top: 0px;
	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(/img/lightbox/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(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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: 1500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
#overlay{ background-image: url(/img/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/img/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/lightbox/overlay.png", sizingMethod="scale");
	}
	
	/* FORM */

#formular { width: 85%; font-size: 90%; padding: 20px 0px; float: none; clear: both; margin-bottom: 30px;text-align:left; }

#formular label,#formular input, #formular textarea, #formular p, #formular input.submit { display: block; float: left; margin: 3px 0px; }

#formular br { clear: left; }

#formular textarea { width: 305px; }

#formular div { float: right; }

#formular strong { color: #FF0000; font-weight: bold; font-size: 110%; }

#formular fieldset, #test fieldset { padding: 0px; border: none; }

#formular form, #formular p { margin: 0px; padding: 0px; }

#formular label, #formular p { color: black; display: block; margin-right: 10px; text-align: right; width: 50px; }

#formular legend { color: #7F7F7F; display: none; font-size: 80%; margin: 0px; padding: 1px 3px; padding: 0px; }

#formular p { font-size: 85%; text-align: left; width: 70%; }