body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d584f;
	background-color: #1e428e;
	
	background-repeat: repeat-x;
		}

a         {
    color: #5d584f; 
    font-size: 11px; 
	text-decoration: underline;
	font-weight: bold;}
a:link    {
    color: #5d584f; 
    font-size: 11px; 
	text-decoration: underline; 
	font-weight: bold;}
a:visited {
    color: #5d584f; 
	font-size: 11px; 
	text-decoration: underline;
	font-weight: bold;}
a:active  {
    color: #e5475c; 
	font-size: 11px; 
	text-decoration: underline;
	font-weight: bold;}
a:hover   {
    color: #e5475c; 
	font-size: 11px; 
	text-decoration: underline; 
	font-weight: bold;}

#header {
	width: 992px;
	text-align: left;
	height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 11px;
}

#content {
	width: 992px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-x;
}
#main {
	width: 992px;
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-x;
	height: auto;
}


h1 {
  font-size: 18px;
  font-weight: bold;
}

	
#footer{
	font-size: 10px;
	color: #989898;
	width: 992px;
	height: 47px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	background-color: #EAEAEA;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: repeat-x;
	clear: both;
}
#footer a {
	text-decoration: none;
	color: #989898;
	font-weight: normal;
	font-size: 10px;
}
#footer a:hover {
    text-decoration: none; 
	font-size: 10px;
	color: #da151c;}		

.red {
	color: #e5485d;	
}
.blue {
	color: #4473b5;	
}
.white {
	color: #ffffff;	
}


#bottom {
	height: 43px;
	width: 771px;
}
#left {
	width: 345px;
	float: left;
	text-align: center;
	position: relative;
}
#right {
	float: left;
	width: 647px;
}
#logo {
	height: 140px;
	padding-top: 30px;
	text-align: center;
}
#cemu-se-venujeme {
	color: #666666;
	text-align: center;
}
#left-news1 {
	width: 280px;
	background-color: #BAB6AD;
	margin-top: 10px;
	color: #FFFFFF;
	margin-right: 33px;
	margin-left: 32px;
}
#left-news2 {
	width: 280px;
	background-color: #BAB6AD;
	margin-top: 10px;
	color: #FFFFFF;
	margin-right: 33px;
	margin-left: 32px;
}
#left-news3 {
	width: 280px;
	background-color: #BAB6AD;
	margin-top: 10px;
	color: #FFFFFF;
	margin-right: 33px;
	margin-left: 32px;
}
#left-news4 {
	width: 280px;
	background-color: #BAB6AD;
	margin-top: 10px;
	color: #FFFFFF;
	margin-right: 33px;
	margin-left: 32px;
}
#left-news5 {
	width: 280px;
	background-color: #BAB6AD;
	margin-top: 10px;
	color: #FFFFFF;
	margin-right: 33px;
	margin-left: 32px;
}
#menu {
	height: 18px;
	text-align: left;
	margin-top: 30px;
}

#menu1 { position: relative; top: 0px; left: 0px; width: 97px; height: 18px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#menu1 a { display: block; width: 100%; height: 100%; position: relative;}
#menu1 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/menu1.gif");}
#menu1 a:hover span { background: url("../images/menu1-over.gif");}

#menu2 { position: relative; top: 0px; left: 0px; width: 75px; height: 18px; float: left; text-align: center;  float: left;/*rozm?ry obr?zku*/;}
#menu2 a { display: block; width: 100%; height: 100%; position: relative;}
#menu2 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/menu2.gif");}
#menu2 a:hover span { background: url("../images/menu2-over.gif");}

#menu3 { position: relative; top: 0px; left: 0px; width: 57px; height: 18px; float: left; text-align: center; margin-right: 5px;  float: left;/*rozm?ry obr?zku*/;}
#menu3 a { display: block; width: 100%; height: 100%; position: relative; }
#menu3 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/menu3.gif");}
#menu3 a:hover span { background: url("../images/menu3-over.gif");}

#menu-mez {
	float: left;
	width: 100px;
	height: 18px;
}

#main-banner {
	height: 180px;
	width: 615px;
	background-color: #1e428e;
	margin-top: 20px;
}
#page {
	width: 481px;
	float: left;
}
#page2 {
	width: 615px;
	float: left;
}
#right-midlle {
	width: 615px;
}
#page-header {
	height: 126px;
}
#page-header2 {
	height: 75px;
}
#page-header3 {
	height: 42px;
}
#page-footer {
	height: 9px;
	background-image: url(../images/bg-page-footer.jpg);
}
#page-footer3 {
	height: 9px;
	background-image: url(../images/bg-page-footer3.jpg);
}
#page-content {
	background-image: url(../images/bg-page-content.jpg);
	background-repeat: repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 10px;
}
#page-content3 {
	background-image: url(../images/bg-page-content3.jpg);
	background-repeat: repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 10px;
}
#page-menu {
	height: 42px;
	background-image: url(../images/mez.jpg);
	background-repeat: repeat-x;
}
#page-menu-text {
	height: 84px;
	background-image: url(../images/bg-page-headertext.jpg);
	padding: 10px;
}
#page-menu-text2 {
	height: 33px;
	background-image: url(../images/bg-page-headertext2.jpg);
	padding: 10px;
	background-repeat: no-repeat;
}
#page-menu-text3 {
	height: 84px;
	background-image: url(../images/bg-page-headertext3.jpg);
	padding: 10px;
}

#page-menu-onas { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-onas a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-onas a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/o-nas.gif");}
#page-menu-onas a:hover span { background: url("../images/o-nas-over.gif");}
#page-menu-onas-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/o-nas-over.gif");}

#page-menu-novinky { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-novinky a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-novinky a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/novinky.gif");}
#page-menu-novinky a:hover span { background: url("../images/novinky-over.gif");}
#page-menu-novinky-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/novinky-over.gif");}

#page-menu-kontakt { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-kontakt a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-kontakt a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/kontakt.gif");}
#page-menu-kontakt a:hover span { background: url("../images/kontakt-over.gif");}
#page-menu-kontakt-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/kontakt-over.gif");}

#onas2 { position: relative; top: 0px; left: 0px; width: 277px; height: 28px; text-align: center; margin-right: 33px; margin-left: 32px;/*rozm?ry obr?zku*/;}
#onas2 a { display: block; width: 100%; height: 100%; position: relative;}
#onas2 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/o-nas2.gif");}
#onas2 a:hover span { background: url("../images/o-nas2-over.gif");}

#novinky2 { position: relative; top: 0px; left: 0px; width: 277px; height: 28px; text-align: center; margin-right: 33px; margin-left: 32px;/*rozm?ry obr?zku*/;}
#novinky2 a { display: block; width: 100%; height: 100%; position: relative;}
#novinky2 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/novinky2.gif");}
#novinky2 a:hover span { background: url("../images/novinky2-over.gif");}

#kontakt2 { position: relative; top: 0px; left: 0px; width: 277px; height: 28px; text-align: center; margin-right: 33px; margin-left: 32px;/*rozm?ry obr?zku*/;}
#kontakt2 a { display: block; width: 100%; height: 100%; position: relative;}
#kontakt2 a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/kontakt2.gif");}
#kontakt2 a:hover span { background: url("../images/kontakt2-over.gif");}

#page-menu-inter { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-inter a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-inter a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/internetove-projekty.gif");}
#page-menu-inter a:hover span { background: url("../images/internetove-projekty-over.gif");}
#page-menu-inter-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/internetove-projekty-over.gif");}

#page-menu-fb { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-fb a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-fb a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/internetove-fb.gif");}
#page-menu-fb a:hover span { background: url("../images/internetove-fb-over.gif");}
#page-menu-fb-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/internetove-fb-over.gif");}

#page-menu-fbs { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-fbs a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-fbs a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/internetove-fbs.gif");}
#page-menu-fbs a:hover span { background: url("../images/internetove-fbs-over.gif");}
#page-menu-fbs-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/internetove-fbs-over.gif");}

#page-menu-im { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-im a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-im a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/soutez-imiss.gif");}
#page-menu-im a:hover span { background: url("../images/soutez-imiss.gif");}
#page-menu-im-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/soutez-imiss-over.gif");}

#page-menu-me { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center;/*rozm?ry obr?zku*/;}
#page-menu-me a { display: block; width: 100%; height: 100%; position: relative;}
#page-menu-me a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/soutez-metro.gif");}
#page-menu-me a:hover span { background: url("../images/soutez-metro-over.gif");}
#page-menu-me-hover { position: relative; top: 0px; left: 0px; width: 157px; height: 42px; float: left; text-align: center; background: url("../images/soutez-metro-over.gif");}

#page-menu-mez {
	height: 42px;
	width: 5px;
	float: left;
}
#news {
	width: 120px;
	float: right;
}
#spacer {
	width: 2px;
	
}
#new-page {
	text-align: center;
	width: 120px;
	margin-top: 10px;
}
#imiss-bg {
	width: 460px;
	background-image: url(../images/bg-imiss.jpg);
	background-repeat: no-repeat;
}
#metro-bg {
	width: 460px;
	background-image: url(../images/bg-metro.jpg);
	background-repeat: no-repeat;
}