/* CSS Document created using PSPad */
/* Designed by Ing. Prokop Vlasin   */

body {
	font-family: Verdana,"Geneva CE",lucida,sans-serif;
	background: #313131 url(images/background_pattern.jpg);
	background-repeat: repeat;
	margin: 0;
}

#container {
	position: absolute;
	left: 50%;
	top: 40px;
	right: auto;
	bottom: auto;
	margin: 0 0 0 -390px;
	width: 780px;
	clear: both;
	height: 700px;
	background: #ffffff url(images/gradient.jpg) top left repeat-y;

}

#container #header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 140px;
	background: #084C78;
}

#container #header h1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 148px;
	text-indent: -2000px;
	background: #084C78 url(images/staco_header.jpg) no-repeat;
}

#container #main {
	position: absolute;
	width: 567px;
	top: 150px;
	left: 180px;
	height: 500px;
	padding: 10px;
	background: #ffffff;
	font-size: 11px;
	/*border-bottom: solid 1px #a5a5a5;*/
}

#container #main h2 {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	font-family: Verdana,"Geneva CE",lucida,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#container #content {
	position: absolute;
	width: 165px;
	top: 150px;
	left: 0px;
	margin: 0 0 0 12px;
	background: #E6EEF3;
}

#container table#kontakt {
	width: 566px;
}

#container #main a {
	text-decoration: none;
	color: #454545;
	border-bottom: dotted 1px #454545;
}

#container #main a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #000000;
}

#container #main #photos a, #container #main #photo a {
	border-bottom: none !important;
}

#container #main #photos img {
	border: 2px dashed #84ACC5;
	width: 100px;
	height: 100px;
	margin: 4px;
}


#container #main #photos img:hover {
	border: 2px solid #84ACC5;
}

#container #main #photo img {
	border: 2px dashed #84ACC5;
	margin: 4px;
	max-height: 375px;
	max-width: 552px;
}

#container #main #photo{
	text-align:center;
}

.larger {
	font-size: 13px;
}

.largerplus {
	font-size: 14px;
}

#navigation {
	height: 27px;
	border-bottom: 0px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	width: 105px;
	float: left;
	display: block;
	height: 28px;
	padding: 0 15px 0 45px;
	line-height: 27px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	color: #767676;
	background: url(images/switcher.jpg) repeat-x 0 0;
	border-bottom: none;
	font-weight: bold;
}

#navigation ul li.active a, #navigation ul li a:hover {
	background: url(images/switcher.jpg) repeat-x 188px 0;
	color: #454545;
	border-bottom: none;
}
#navigation span { text-decoration: underline; }

#pagenext, #pageprev {
	text-align: center;
	color: #767676;
	margin: 10px 0 0 0;
}

#pagenext a, #pageprev a {
	text-align: center;
	text-decoration: none;
	border-bottom: none !important;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #767676;
	padding: 13px 25px 13px 25px;

}
/*
#pagenext a:hover, #pageprev a:hover {
	color: #454545;
}
*/
#pagenext a {
	background: url(images/arrow_right.jpg) no-repeat right;
}

#pageprev a {
	background: url(images/arrow_left.gif) no-repeat left;
}

#mailposuv {
	position: relative;
	left: 40px;
}

#odskok {
	position: relative;
	left: 130px;
}

#contact {
	font-size: 10px;
	line-height: 16px;
	color: #646464;
	margin: 272px 3px 0px 3px;
	_margin: 159px 3px 0px 3px; /*IE Hack - Fuck*/
}

#contact a {
	text-decoration: none;
	color: #454545;
	border-bottom: dotted 1px #454545;
}

#contact a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: solid 1px #000000;
}

#footer {
	position: absolute;
	top: 640px;
	left: 0px;
	width: 780px;
	margin: 1px 0 1px 0;
	clear: both;
	background: #005184 url(images/footer.jpg) bottom left;
}

#footer .copyright {
	margin: 0px 0 7px 0;
	padding: 0px 0 7px 0;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	color: #646464;
}

#footer a {
	text-decoration: none;
	color: #454545;
	border-bottom: dotted 1px #454545;
}
#footer a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: solid 1px #000000;
}

#cameraimage {
  border: none;
}