/* CSS Document */
body { font-family: MS Reference Sans Serif, Trebuchet MS, sans-serif, Verdana, Helvetica;
	margin: auto;
	padding: 6px 0px 0px 0px;
	text-align: center;
	width: 900px;
	background: #006464 url("images/bg-web1.jpg");
/*	background-repeat: repeat-x*/
}

/* * {-moz-box-sizing: border-box;} */
H1 {
  font-family: Trebuchet MS, sans-serif, MS Reference Sans Serif,  Verdana;
	font-size: 1.1em;
	color: #000033;
  line-height: 9pt;
  border-left: 8px solid #00FF00;
  padding-left: 3px;
}
H2 {
  font-family: Trebuchet MS, sans-serif, MS Reference Sans Serif,  Verdana;
	font-size: 0.95em;
	color: #000033;
  line-height: 9pt;
}

H1 hr {width: 25%;
}

H3 { font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-style: normal;
	font-size: 80%;
	color: #003300;
  text-decoration: overline;
  padding-left: 20px;
  line-height: 9pt;
}

H3 hr {width: 25%;
}
H4 { font-weight: bold;
	font-family: Trebuchet MS;
	font-variant: normal;
	font-style: normal;
	font-size: 100%;
	color: #006699;
  line-height: 3px;
}
#content {
	width: 980px;
  min-height: 788px;
	height: auto;
	padding: 0px;
	margin: auto;
	background-image: url("images/web-sablona-zelena_.jpg");
	background-repeat: no-repeat;
	position: absolute;
	top:20px; left:auto;
  |left:70px;
}
#header {
	width: 431px;
	height: 140px;
	margin: 0 auto;
	background: url("images/bgheader1.jpg") no-repeat;
	float: left;
  }
#menu {
	font-family: Trebuchet MS;
  width: 469px;
	height: 110px;
	padding: 30px 0px 0px 0px;
	background: url("images/bgmenu.jpg");
  background-repeat: no-repeat;
	font-size: 90%;
  font-weight: bold;
	text-transform: uppercase;
  color: #FF6A00; 
	float: left;
}
#menu a {
	text-decoration: none;
	color: #003366;
}
#menu a:hover, #menu .active a {
	color: #009900;
}
#main {
	width: 542px;
  height: 438px;
	padding: 210px 0px 0px 55px;
	color: #000033;
  background: url("images/bgmain.jpg");
  background-repeat: no-repeat;
	text-align: left;
	float:left;
}
#main p {
	width: 497px;
	font-size: 90%;
	}
#main ul {
	font-size: 85%;
	list-style-type: square;
	|line-height: 1.2em;
}
#main img{
  border: 0;
}
#main .sluzby{
	padding: 0px 15px 0px 10px;
}
#main .small{
	font-size: 85%;
	}
#overflow {
	width: 542px;
  height: 380px;
	overflow: auto;
}
#okno {
	height: 648px;
	float:left;
}
#okno img {
	display:none;
	position:absolute;
	top:141px; left:0px;
}
#rightup {
	width: 303px;
  height: 445px;
	background-image: url("images/bgrightup.jpg");
  background-repeat: no-repeat;
	text-align: left;
	float: left;
}	
#rightup p{
	padding: 0px 0px 0px 10px;
	color: #00FF00;
	font-family: Trebuchet MS, verdana;
	font-weight: bold;
	font-size: .75em;
	line-height: 1em;
	|font-size: 75%;
	|line-height: 10px;
	}	
#rightup a {
	color: #006600;
  text-decoration: none;
	border-bottom: 1px dotted #009900;
}
#rightup .topref{
	color: #99FF99;
  text-decoration: none;
	border-bottom: 1px dotted #00FF00;
}
#rightup a:hover, #rightup .active a {
	color: #003300;
}
#rightbott {
	width: 303px;
  height: 183px;
	padding: 20px 0px 0px 25px;
	background-image: url("images/bgrightbott.jpg");
  background-repeat: no-repeat;
	font-size: 80%;
	font-weight: bold;
  text-align: left;
	float: left;
	color: #000033;
}
#rightbott p{
  line-height: 1.7em;
}
#footer {
	width: 900px;
	height: 20px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	border-top: 2px dotted #009900 ;
  font-size: 55%;
 	clear: both;
  color: #FF6A00;
}
#footer a {
	color:#6d625e;
	font-weight:bold;
	text-decoration: none}

#footer .seo {
	color: #6d625e;
}

.refer {
	float:left;
}

.footer{
      font-weight: bold;
	    font-family: Verdana, MS Reference Sans Serif, sans-serif, Trebuchet MS;
      font-style: normal;
	    color: #686868;
}
.footer a:link    { color: #686868 }
.footer a:hover    { color: #686868 }
.footer a {text-decoration: none;}

.foot{
    	font-size: .7em;
      font-weight: bold;
	    font-family: Verdana, MS Reference Sans Serif, sans-serif, Trebuchet MS;
      font-style: normal;
	    color: #686868;
}
.foot a:link    { color: #686868 }
.foot a:hover    { color: #686868 }
.foot a {text-decoration: none;}


h1 a:link    { color: #686868 }
h1 a:hover    { color: #000000 }
h1 a:visited    { color: #686868 }
h1 a {text-decoration: none;}

h2 a:link    { color: #686868 }
h2 a:hover    { color: #000000 }
h2 a:visited    { color: #686868 }
h2 a {text-decoration: none;}

a:link    { color: #FF1000; }
a:visited { color: #FF1000 }
a:hover  { color: #cc6600 }

.nodecoration a:link {color: #000033;text-decoration: none; }
.nodecoration a:hover {color: #000033;text-decoration: none; }
.nodecoration a:visited {color: #000033;text-decoration: none; }

.decorationbold {font-weight: bold; }
.decorationbold a:link {color: #000033;text-decoration: none;border-bottom: 1px #003366 dotted; }
.decorationbold a:hover {color: #000033;text-decoration: none; border-bottom: 0px #003366 dotted; }
.decorationbold a:visited {color: #000033;text-decoration: none;border-bottom: 1px #003366 dotted; }

.decoration a:link {color: #000033;text-decoration: none;border-bottom: 1px #003366 dotted; }
.decoration a:hover {color: #000033;text-decoration: none; border-bottom: 0px #003366 dotted; }
.decoration a:visited {color: #000033;text-decoration: none;border-bottom: 1px #003366 dotted; }

acronym {
	border-bottom: thin dotted #707070;
	cursor: help;
}
acronym a {
text-decoration: none;
cursor: help;
}
acronym a:hover {
text-decoration: none;
cursor: help;
}

.text {
	    color: #8E8E8E;
	    font-size: 80%;
}
#main .textcena {
	    font-size: 75%;|font-size: 70%;
}
.textodsaz {
	    color: #8E8E8E;
	    font-size: 80%;
	    margin-left: 14px;
}
.modrytext {
	    color: #D0D099;
	    font-size: 80%;
}
.acenter {
      text-align: center;
}
.aleft {
      text-align: left;
}
.aright {
      text-align: right;
}

.more{font-size: 80%;
	    color: #800000;
}
.more a {font-size: 80%;
	    text-decoration: none;
}
.moreodkaz{font-size: 200%;
}

.nabidka {font-size: 85%;
          border-left-width: 2pt;
        	border-right-width: 0pt;
        	border-top-width: 0pt;
        	border-bottom-width: 0pt;
        	border-style: solid;
        	border-color: #ffffff;
        	background-color: #e7f1e6;
}
.bottomline {	border-left-width: 0pt;
        	border-right-width: 0pt;
        	border-top-width: 0pt;
        	border-bottom-width: 2pt;
        	border-style: solid;
        	border-color: #959595;
}
.ceniktable {border-collapse: collapse;
       font-size: .7em;
       width: 80%;
}
.ceniktable th {
       border-top: 2px solid #787878;
       border-bottom: 2px solid #787878;
}
.ceniktable tr {
       border-bottom: 1px solid #787878;
}

.reference_text{ font-size: 75%;
            text-decoration: none;
            border-bottom: 3px solid #90a6a3;}
.reference{ font-size: 85%;
            text-decoration: none;}

.cen { font-size: 70%;
}
#main .mensi {
	    font-size: .8em;
}

/*LiteBox*/
#lightbox{
	position: absolute;
	top: 40px;
	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(../images/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(js/left.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/right.png) 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: 500px;
	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 */
	}