/* TAGS */
a { color:#FF5E04;font-weight:bold; }
a:hover {text-decoration:none;}
body { color: #3E3E3E;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0px auto;text-align: center;padding: 0px;background-color:#F4F4F4;line-height:160%;wi dth:874px;pos ition:relative;}
/*
body { color: #3E3E3E;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0px auto; position: relative; text-align: center; width: 874px;padding: 0px;background:#F4F4F4 url(/img/body-top.jpg) no-repeat top;line-height:160%;margin-top:32px;}
*/
h1, h2, h3, h4 { color:#0D6AA2;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;clear:both;float:none;}
h1 { clear:both;float:none;font-size: 260%;font-style:italic;margin-top:0px;clear:both;font-weight:normal;background:url(/img/h1-background.gif) no-repeat 2% 100%;padding-bottom:25px;margin-left:-12px;line-height:100%;}
h2 {font-size:170%;font-weight:normal;color:#FF5E04;}
h3 {font-size:150%;color:#0D6AA2;font-weight:normal;}
h4 {margin-bottom:0px;padding-bottom:0px;margin-top:35px;}

ul {margin-left:0px;padding-left:0px;}
li {list-style-image:url(/img/seznam-li.gif);color:#035D98;font-weight:bold;margin-left:25px;}

/* PAGE LAYOUT */
#head { background: url("/img/header.jpg") no-repeat right; color: inherit; height: 331px; position: relative; text-align: left; width: 874px;}
#logo { cursor: pointer; display: block;right:140px;top:35px; height: 55px;position: absolute; text-align: left; text-decoration: none;width: 110px; z-index: 15; }
#logo span { background: transparent url("/image/logo.png") no-repeat; display: block; height: 55px; position: absolute; width: 110px; z-index: 5; }
#logo strong { color: black; position: absolute; text-decoration: underline;display:none; }
#logo:hover strong { text-decoration: none; }

#tophead {background: url(/img/body-top.jpg) no-repeat;width:874px;height:32px;position:relative;left:-14px;}

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


#footer {width:874px;height:98px;text-align:left;clear:both;float:none;margin:0 auto;background:url("/img/footer.jpg") no-repeat 50% 0%;}
#footer p {color:#79C6EF;padding:40px 50px;margin:0px;}
#footer a {color:#79C6EF}

hr {visible:none;float:none;clear:both;height:1px;background-color:#ffffff;color:#ffffff;border:1px solid #ffffff;}

.fl{float:left;}
.fr{float:right;}
.r {text-align:right;}
p.foot {text-align:right;float:none;clear:both;}
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 .next a {padding-right:24px;background:url(/img/next.gif) no-repeat 100% 50%;}
#paginage .prev a {padding-left:24px;background:url(/img/prev.gif) no-repeat 0% 50%;}
#paginage a.current {color:#3E3E3E;text-decoration:none;}
#paginage {padding:20px 0px;}
p.prev {width:24%;float:left;}
p.middle{width:49%;float:left;text-align:center;}
p.next {width:24%;float:right;text-align:right;}

p a img {border:4px solid #ABDFFD;margin:0px 5px 5px 0px;}

img.right {display: block;border:4px solid #ABDFFD;padding: 0px;line-height: 1;float: right;margin:5px 0px 10px 10px;}

img.left {display: block;border:4px solid #ABDFFD;padding: 0px;line-height: 1;float: left;margin:0px 5px 5px 0px;}

#pic float img.left, #picfloat img.right {border:none;}
#pic float a.img_l {display: block;border:4px solid #ABDFFD;padding: 0px;line-height: 1;float: left;margin:5px 10px 10px 0px;}
#picfl oat a.img_l:hover {border-color: #0081d0;}





.pic {float:left;color:#6E6E6E;margin:2px;font-size:90%;text-align:center;font-style:italic;margin-bottom:25px;}
.pic img {border:4px solid #ABDFFD;}
.pic p strong {font-style:normal;}
.pic p {margin:0px;padding:0px;width:150px;}
a img {border:none;}	

#page {width:874px;background:url(/img/layout.jpg) repeat-y 0px 10%;text-align:left;margin:0 auto;position:relative;}
a#page {display:none;}

#main {width:500px;float:left;mar gin-bottom:30px;bord er:1px solid black;padding:0px 37px 0px 50px;}
#content {margin-top:135px;}
#sidebar {width:270px;float:right;color:#ffffff;text-align:left;z-index:50;position:relative;top:-334px;right:13px;margin-bottom:-250px;}
#sidebar p.predstavujeme {}
#sidebar .box1 {padding:0px 30px;background:url(/img/sidebar-box1.jpg) no-repeat;height:401px;}
#sidebar .box1 h2, #sidebar .box h3 {color:#ffffff;font-size:190%;}
#sidebar .box1 p.r {font-size:80%;padding-top:5px;padding-bottom:5px;margin:0px;background:url(/img/sidebar-box1-line.jpg) bottom no-repeat;}
#sidebar a {color:#FFFFFF;}
#sidebar .box {padding:0px 30px;padding-top:15px;}
#sidebar .kontakt {padding-top:0px;}
#sidebar .box h3 {position:relative;padding-left:20px;background:url(/img/sidebar-h3.jpg) no-repeat 0% 50%;}
.kontakt p {font-size:100%;color:#ffffff;text-align:left;font-family:Tahoma,Arial, Helvetica, sans-serif;padding:0px 30px 0px 30px;margin:0px;height:70px;}
#sidebar .kontakt strong {font-weight:normal;font-size:90%;}
table {font-size: 90%;width:100%;border-collapse:collapse;}
td, th {padding: 3px 5px;border: 1px solid #BABABA;text-align:center}
th {text-align: center;font-weight: bold;background-color: #D6EAF6;color:#035D98;}

#menu { width:577px;top:331px;margin-left:14px;position: absolute; text-align: left; z-index: 2;font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;z-index:99;}
#menu ul {margin:0px;padding:0px;}
#menu ul li {float: left;margin: 0;list-style: none;padding:0px;text-align:center;list-style-image:none;line-height:62px; height:62px;position: relative; }
#menu ul li a {text-decoration: none;display: block;line-height: 62px;color:#ffffff;text-transform:uppercase;overflow:hidden; height:62px; }
#menu ul li a:hover {color:#ffffff;}

#menu ul li#m1 a {width: 92px;background:#152642 url(/img/m1.jpg) 0 0 no-repeat;}
#menu ul li#m1 a:hover, #menu ul li#m1 a.current {width: 92px;background: url(/img/m1.jpg) -92px no-repeat;}
#menu ul li#m1 a.current {cursor:default;}

#menu ul li#m2 a {width: 91px;background:#152642 url(/img/m2.jpg) 0 0 no-repeat;}
#menu ul li#m2 a:hover, #menu ul#nav li#m2 a.current  {width: 91px;background: url(/img/m2.jpg) -91px 0 no-repeat;}
#menu ul li#m2 a.current {cursor:default;}

#menu ul li#m3 a {width: 81px;background:#152642 url(/img/m3.jpg) 0 0 no-repeat;}
#menu ul li#m3 a:hover, #menu ul#nav li#m3 a.current  {width: 81px;background: url(/img/m3.jpg) -81px 0 no-repeat;}
#menu ul li#m3 a.current {cursor:default;}

#menu ul li#m4 a {width: 141px;background:#152642 url(/img/m4.jpg) 0 0 no-repeat;}
#menu ul li#m4 a:hover, #menu ul#nav li#m4 a.current  {width: 141px;background: url(/img/m4.jpg) -141px 0 no-repeat;}
#menu ul li#m4 a.current {cursor:default;}

#menu ul li#m5 a {width: 69px;background:#152642 url(/img/m5.jpg) 0 0 no-repeat;}
#menu ul li#m5 a:hover, #menu ul#nav li#m5 a.current  {width: 69px;background: url(/img/m5.jpg) -69px 0 no-repeat;}
#menu ul li#m5 a.current {cursor:default;}

#menu ul li#m6 a {width: 103px;background:#152642 url(/img/m6.jpg) 0 0 no-repeat;}
#menu ul li#m6 a:hover, #menu ul#nav li#m6 a.current  {width: 103px;background: url(/img/m6.jpg) -103px 0 no-repeat;}
#menu ul li#m6 a.current {cursor:default;}


#menu ul#nav li ul {background-color:#0D192C;padding:7px; width:190px;}
#menu ul#nav li ul li {height:auto !important; line-height:1em !important; float: none; width:100%; margin:0; padding:0; background:pink;}
#menu ul#nav li ul li a {margin:0px !important; padding:4px 0 4px 25px;  height:auto !important; line-height:18px !important; text-align:left; background:#F1F9FD url(/img/submenu.jpg) 5px 50% no-repeat !important; color:#0D192C  !important; float: none; position: relative; width:165px !important; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-transform:none; border-bottom:1px solid #ADDAF4; }
#menu ul#nav li ul li a:hover {background:#035D98 url(/img/submenu-hover.jpg) 5px 50% no-repeat  !important;width:165px;color:#FFFFFF  !important;}



#menu li.current a, #menu li a:hover {color:#ffffff;}
#menu li.current a {cursor:default;}
#menu ul li:hover ul, li.over ul { display: block; } /* The magic */
ul li ul {position: absolute;display: none;margin:0px;padding:0px;left:0px;}
/* Fix IE. Hide from IE Mac \*/

/* End */

#navigace {position:absolute;top:393px;height:32px;width:577px;margin-left:14px;}
#navigace p {padding:0px;margin:0px;line-height:32px;background:url(/img/navigace-background.jpg) no-repeat top;padding-left:37px;padding-right:37px;color:#FFFFFF;font-size:90%;}
#navigace a {color:#FFFFFF;font-weight:normal;}

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

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

#formular br { clear: left; }

#formular textarea { width: 270px; }

#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: 30px; text-align: right; width: 150px; }

#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%; }
#formular p.strong {font-size:110%;}

p.important {color:#035D98;padding-left:20px;margin-left:20px;border-left:11px solid #FFCEB3;font-style:italic;width:85%;}
.tableRow1 {text-align: center;font-weight: bold;background-color: #D6EAF6;color:#035D98;}


#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;background: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: 99;
	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");
	z-index:99;
	}

#kalkulace fieldset, #kalkulace form {border:none;padding:0px;margin:0px;}
#kalkulace legend {display:none;}
#kalkulace table {border-collapse:separate;width:99%;}
table.kalkulace td {text-align:left;}
table.kalkulace td {border:none;border:2px solid #ffffff;}
#kalkulace label {display:none;}
#kalkulace table td {padding:5px 5px;background-color:#D6EAF6;width:33%;}
#kalkulace label { color: #035D98;font-weight:bold; display: block; margin-right: 30px; text-align: right; wi dth: 150px; }
#kalkulace td.left label { font-weight:normal;margin-right: 5px; text-align: right;}
#kalkulace br { clear: right; }
#kalkulace label,#kalkulace input, #kalkulace textarea, #kalkulace p, #kalkulace input.submit, #formular select { display: block; float: right; margin: 3px 0px; }
#kalkulace td.left label, #kalkulace td.left input {float:left;text-align:right;}
#kalkulace td.left input {}
#kalkulace td.left br { clear: left; }

#kalkulace .zemRequirederrorElement {color:red;}
#kalkulace .zemRequirederrorElement input {background-color:red;}

#kalkulace td.left2 label,#kalkulace td.left2 input { display: block; float: left; margin: 3px 0px; }
#kalkulace td.left2 br { clear: left; }
#kalkulace td.left2 label { display: block; margin-right: 10px; text-align: right; width: 100px; }


#kalkulace td.left3 label,#kalkulace td.left3 input, #kalkulace td.left2 textarea  { display: block; float: left; margin: 3px 0px; }
#kalkulace td.left3 br { clear: left; }
#kalkulace td.left3 label { display: block; margin-right: 5px; text-align: right; width: 42px; }
#kalkulace td.left3 textarea {width:80%;}

.rozcestnik {width:148px;height:190px;background:url(/img/rozcestnik-back.jpg) no-repeat;float:left;text-align:center;margin:5px;}
.rozcestnik a img {background:none;padding:0px;margin-top:12px;}
.rozcestnik p:first-line {font-size:17px;color:#D1EFFE;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}
.rozcestnik p {padding:0px;margin:0px;margin-top:5px;color:#D1EFFE;}