/* ------------------------------------------------------------------ */
/* layout.css                                                         */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- nastaveni pro body */
		body {
			font-size: 76%;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background-color: #fff;
		}
    	/* end. nastaveni pro body */
	
	form *,
	input,
	textarea {
		/*font-size: 11px;*/
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* ---- header */
		#header {
			background-image: url(../img/bg/header.png);
			height: 79px;
			text-align: center;
			position: relative;
            margin: 0 0 9px 0;
}
		#header .headerMain {
			text-align: left;
			margin: 0 auto;
			width: 961px;
		}
		#header .headerMain #logo {
			margin: 0 0;
			float: left;
		}
	/* end. header */
	
	/* ----- content */
		#content {
			text-align: center;
		}
		#content .contentMain {
			margin: 0 auto;
			text-align: left;
			width: 961px;
		}
		#content .contentMain .sideBarLeft {
			width: 175px;
			float: left;
			margin: 9px 0 0 0;
		}
                .wide #content .contentMain .sideBarLeft{
                    height:188px;
                    overflow:hidden;
                    position:absolute;
                    z-index:50;
                }
                .wide #content .contentMain .sideBarLeft .showmore{
                    position: absolute;
                    background: #fff url(../img/bg/showmore.gif) no-repeat top center;
                    height: 17px;
                    width: 171px;
                    bottom: 0; left: 1px;
                }
                .wide #content .contentMain .sideBarLeft:hover{
                    height: auto;
                }
                .wide #content .contentMain .sideBarLeft:hover .showmore{
                    display: none;
                }
                #content .contentMain .contentCenter {
			float: left;
			width: 600px;
			margin: 0 8px;
			padding: 0 0 40px 0;
			overflow: hidden;
		}
                .wide #content .contentMain .contentCenter{
                        margin: 0;
                        width: 960px;
                        padding-bottom: 10px;
}
		#content .contentMain .contentText {
			background: url(../img/bg/contenttext-bottom.png) 0 100% no-repeat;
			margin: 9px 0;
		}
                .wide #content .contentMain .contentText{
                    background-image: url(../img/bg/contenttext-bottom_wide.png);
}
		#content .contentMain .contentTextMain {
			background: url(../img/bg/contenttext-top.png) 0 0% no-repeat;
			padding: 20px 15px;
		}
                .wide #content .contentMain .contentTextMain{
                    background-image:url(../img/bg/contenttext-top_wide.png);
}
		#content .contentMain .sideBarRight {
			width: 170px;
			float: right;
			margin: 9px 0 0 0;
			overflow: hidden;
		}
                .wide #content .contentMain .sideBarRight{
                    width: auto;
                    clear: both;
                    float: none;                    
                }
	/* end. content */
	
	/* ---- footer */
		#footer {
			background-image: url(../img/bg/footer.png);
			height: 120px;
			text-align: center;
            margin: 9px 0 0 0;
			color: #636363;
			padding: 9px 0 0 0;
			font-size: 90%;
		}
		#footer .footerMain {
			text-align: left;
			margin: 0 auto;
			width: 961px;
			font-size: 90%;
		}
		#footer .footerMain p {
			margin: 0.5em 0;
			text-align: center;
		}
	/* end. header */
	
	/* ---- odkazy */
		a {
			color: #009ccc;
		}
		a :visited{
			color: #009ccc;
		}
		a:hover  {
			color: #666666;
		}
	/* end. odkazy */
}