﻿body {
	background-color:#1a1a1c;
	background-image:url("/images/sg_pozadi.jpg");
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

img {
	border:0px;	
}

.cb {
	clear:both;	
}

hr {
	display:none;	
}

#main {
	width:900px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#fir {
	margin:0px;
	padding:0px;
	float:right;
	width:140px;
	height:85px;
	background-image:url("/images/sg_logo.jpg");
	background-repeat:no-repeat;
}

#fir h1 {
	margin:0;
	padding:0;
    position:relative;
    width:140px;
	height:85px;
    overflow:hidden;
}

#fir h1 span {
	display:block;
	position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
	width:140px; 
	height:85px;
	margin:0; 
	padding:0;
	background:url("/images/sg_logo.jpg") top left no-repeat;
}

#fir h1 span a {
	display:block;
	width:126px;
	height:61px;
}

#fir h1 span a strong {
	display:none;
}

#menu {
	position:relative;	
}

#menu #floater {
	width:491px;
	height:21px;
	position:absolute;
	top:0;
	left:0;
	background-image:url("/images/sg_floater.jpg");
	background-repeat:repeat-x;
	overflow:hidden;
	color:#FFF;
	font-size:10px;
}

#floater ul {
	margin:0px;
	padding:0px;
}

#floater ul li {
	margin:0px;
	padding:0px;
	float:left;
	font-size:10px;
	color:#fff;
	list-style-type:none;
	border-right:1px #4e5661 dashed;
	padding-top:2px;
	text-align:center;
	margin-left:5px;
	padding-right:5px;
}

#floater ul li a {
	color:#888888;
	font-size:10px;
	text-decoration:none;
}

#floater ul li a:hover {
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}

#mainmenu ul {
	margin:0px;
	padding:0px;
	position:absolute;
	top:46px;
}

#mainmenu ul li {
	margin:0px;
	padding:0px;
	width:89px;
	height:17px;
	float:left;
	list-style-type:none;
	text-align:center;
	border-right:1px #4e5661 dashed;
}

#mainmenu ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	display:block;
	text-align:center;
}

#mainmenu ul li a:hover {
	color:#808080;
	text-decoration:none;
}

#mainmenu ul li.active a {
	color:#fdc600;
	text-decoration:none;
	font-size:14px;
}

#mainmenu ul li.active a:hover {
	color:#ffde66;
	text-decoration:none;
}

#header {
	clear:both;
	width:900px;
	height:149px;
	margin:0px;
	padding:0px;
	background-image:url("/images/sg_header.jpg");
	background-repeat:no-repeat;
}

#submenu {
	clear:both;
	width:900px;
	height:44px;
	margin:0px;
	padding:0px;
	background-image:url("/images/sg_submenu.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

#submenu ul {
	clear:both;
	margin:0px;
	padding:0px;
	margin-top:18px;
	margin-left:12px;
	width:970px;
}

#submenu ul li {
	width:95px;
	height:26px;
	margin:0px;
	padding:0px;
	margin-right:2px;
	background-image:url("/images/sg_zalozka.jpg");
	background-repeat:no-repeat;
	list-style-type:none;
	text-align:center;
	float:left;
	margin-right:
}

#submenu ul li.active {
	width:95px;
	height:26px;
	margin:0px;
	padding:0px;
	margin-right:2px;
	background-image:url("/images/sg_zalozkaactive.jpg");
	background-repeat:no-repeat;
	list-style-type:none;
	text-align:center;
}

#submenu ul li a {
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding-top:5px;
}

#submenu ul li a:hover {
	color:#808080;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding-top:5px;
}

#submenu ul li.active a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

#submenu ul li.active a:hover {
	color:#333;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding-top:5px;
}

#page {
	clear:both;
	width:900px;
	min-height:621px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	background-image:url("/images/sg_page.jpg");
	background-repeat:no-repeat;
}

#pageleft {
	width:495px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:28px;
	margin-left:44px;
	margin-right:11px;
	overflow:hidden;
}

#pageleft table {
	font-size:11px;
	color:#333;
}

#pageleft table a {
	color:#333;
	text-decoration:none;
}

#pageleft table a:hover {
	color:#333;
	text-decoration:underline;
}

#pageleft p {
	text-align:justify;	
}

#pageleft h2, #pageright h2 {
	margin:0px;
	padding:0px;
	margin-bottom:23px;
	color:#fdc600;
	font-weight:bold;
	font-size:18px;
}

#pageright {
	width:310px; /*350*/
	float:left;
	margin:0px;
	padding:0px;
	margin-left:24px;
	padding-top:28px;
	overflow:hidden;
	color:#666666;
}

#pageright a {
	color:#666666;
	text-decoration:underline;
}

#pageright a:hover {
	color:#666666;
	text-decoration:none;
}

#pageright p {
	text-align:justify;	
}

#pageright p.archiv {
	text-align:right;	
}

#spodek {
	width:900px;
	height:42px;
	background-image:url("/images/sg_spodek.jpg");
	background-repeat:no-repeat;
}

#dekor {
	width:900px;
	height:42px;
	background-image:url("/images/sg_dekor.jpg");
	background-repeat:no-repeat;
}

#sitemap {
	width:900px;
	height:252px;
	overflow:hidden;
	background-image:url("/images/sg_sitemap.jpg");
	background-repeat:no-repeat;
	padding-left:25px;
}

#sitemap ul {
	margin:0px;
	padding:0px;
	margin-top:30px;
	float:left;
	margin-right:20px;
	width:158px;
}

#sitemap a {
	color:#b1b1b1;
	text-decoration:none;
}

#sitemap a:hover {
	color:#b1b1b1;
	text-decoration:underline;
}

#sitemap li.sup a:hover {
	color:#b1b1b1;
	text-decoration:none;
}

#sitemap ul li {
	list-style-type:none;
	color:#b1b1b1;
	font-weight:normal;
	font-size:10px;
}

#sitemap ul li.sup {
	list-style-type:none;
	color:#b1b1b1;
	font-weight:bold;
	font-size:12px;
	padding-bottom:15px;
	border-bottom: 1px #2c2c2e Solid;
	margin-bottom:10px;
}

#copyright {
	width:900px;
	height:104px;
	background-image:url("/images/sg_copyright.jpg");
	background-repeat:no-repeat;
	text-align:center;
	color:#b1b1b1;
	font-size:10px;
}

#copyright p {
}

#copyright p.keywords {
	padding-top:20px;	
}

#copyright p.keywords span {
	color:#fdc600;
	font-size:11px;
}

#copyright p.copy {}

#copyright p.copy a {
	color:#b1b1b1;
	text-decoration:none;
}

#copyright p.copy a:hover {
	color:#b1b1b1;
	text-decoration:underline;
}

#gallery {
	width:900px;
	height:352px;
	background-image:url("/images/sg_gallery.jpg");
	background-repeat:no-repeat;
	position:relative;
}

#gallery h3 {
	margin:0px;
	padding:0px;
	margin-left:40px;
	padding-top:40px;
	font-weight:bold;
	font-size:18px;
	color:#fdc600;
}

#gallery span {
	position:absolute;
	font-weight:bold;
	font-size:12px;
	color:#fdc600;
	right:45px;
	top:45px;
}

#gallery span a {
	color:#fdc600;
	text-decoration:underline;
}

#gallery span a:hover {
	color:#fdc600;
	text-decoration:none;
}

.gal1 {
	width:205px;
	height:255px;
	background-image:url("/images/sg_galpodklad.jpg");
	background-repeat:no-repeat;	
	float:left;
	position:absolute;
	top:88px;
	left:100px;
}

.gal2 {
	width:205px;
	height:255px;
	background-image:url("/images/sg_galpodklad.jpg");
	background-repeat:no-repeat;	
	float:left;
	position:absolute;
	top:88px;
	left:350px;
}

.gal3 {
	width:205px;
	height:255px;
	background-image:url("/images/sg_galpodklad.jpg");
	background-repeat:no-repeat;	
	float:left;
	position:absolute;
	top:88px;
	left:600px;
}

.gal1, .gal2, .gal3 {
	cursor:pointer;	
}

.gal1 img, .gal2 img, .gal3 img {
	position:absolute;
	top:24px;
	left:12px;
}

.gal1 .overlay, .gal2 .overlay, .gal3 .overlay {
	position:absolute;
	top:24px;
	left:12px;
	width:205px;
	height:255px;
	background-image:url("/images/overlay.png");
	background-repeat:no-repeat;	
	z-index:5;
}

.gal1 .overlay p, .gal2 .overlay p, .gal3 .overlay p {
	text-align:center;
	color:#fff;
	position:absolute;
	top:155px;
	left:10px;
	margin:0px;
	padding:0px;
	width:160px;
}

.certifikat {
	width:114px;
	height:170px;
	float:left;
	margin-right:8px;
	text-align:center;
	margin-bottom:20px;
}

.certifikat img {
	border:1px #f0f0f0 Solid;	
}

.certifikat a {
	text-decoration:none;
	color:#b1b1b1;
}

.certifikat a:hover {
	text-decoration:none;
	color:#000;
}


.loga {
	width:114px;
	height:50px;
	float:left;
	margin-right:8px;
	text-align:center;
	margin-bottom:20px;
}

.loga img {
	border:1px #f0f0f0 Solid;	
}

.loga a {
	text-decoration:none;
	color:#b1b1b1;
}

.loga a:hover {
	text-decoration:none;
	color:#000;
}

table.dotaznik th {
	font-weight:normal;
	text-align:right;
	padding:5px;
	vertical-align:top;
}

table.dotaznik td {
	font-weight:normal;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

table.dotaznik input {
	width:300px;	
}