@media screen
{
body {
	margin : 0;
	padding : 0;
	border : 0;
	width : 100%;
	min-width : 1100px;
	font-family : Tahoma, Geneva, sans-serif;
}
#mask {
	position : relative;
	clear : both;
	float : left;
	width : 100%;
	overflow : hidden;
	background : url(img/leftBG.jpg) repeat left top;
}
#colmid {
	float : left;
	width : 200%;
	position : relative;
	left : 50%;
	margin-left : -300px;
	background : #fff;
}
#colright {
	float : left;
	width : 100%;
	position : relative;
	left : 600px;
	background : url(img/rightBG.jpg) repeat left top;
}
#col1wrap {
	float : left;
	width : 25%;
	position : relative;
	right : 25%;
}
#col1 {
	background : url(img/leftBG.jpg) repeat left top;
	margin : 0 0 0 300px;
	position : relative;
	right : 600px;
	overflow : hidden;
}
#leftCol {
	width : 250px;
	float : right;
	font-size : 12px;
	font-weight : bolder;
	color : #FFF;
	text-transform : uppercase;
	padding-bottom : 13px;
}
#leftCol a.logo {
	display : block;
	height : 167px;
	text-align : right;
	text-decoration : none;
	color : #FFF;
	width : 170px;
	background-image : url(img/logo-zelena-usporam.gif);
	background-repeat : no-repeat;
	background-position : 0px;
	margin-top : 20px;
	margin-right : 0px;
	margin-bottom : 17px;
	margin-left : 69px;
}
#leftCol a.logo:hover {
	background-image : url(img/logo-zelena-usporam-hover.gif);
}
#leftCol a.logo span {
	visibility : hidden;
}
#leftCol ul {
	margin : 0px 15px 0px -20px;
	padding : 0px;
	list-style-type : none;
}
#leftCol li {
	margin : 0px;
	padding : 0px;
}
#leftCol li a {
	padding-left : 35px;
	text-decoration : none;
	color : #ffffff;
	line-height : 25px;
	float : right;
	clear : both;
}
#leftCol li a:hover {
	color : #ADC601;
}
#leftCol li a.vybrana {
	color : #ADC601;
	background : url(img/menu-sipka.gif) no-repeat left top;
}
#leftCol object {
	float : right;
	margin : 30px 15px 0px 0px;
}
#col2wrap {
	float : left;
	width : 25%;
	position : relative;
	right : 25%;
}
#col2 {
	background : url(img/rightBG.jpg) repeat left top;
	margin : 0 0 0 100px;
	position : relative;
	right : 100px;
	overflow : hidden;
}
#rightCol {
	width : 250px;
	float : left;
	padding : 0px 5px 0px 20px;
}
#rightCol span {
	font-size : 12px;
}
#rightCol span a {
	text-decoration : none;
	color : #009932;
}
#rightCol span a:hover {
	color : #ffffff;
}
#rightCol img.zelena-linka {
	margin : 75px 0px 0px 0px;
}
#rightCol li a {
	padding-top : 5px;
	color : #ffffff;
	display : block;
	height : 21px;
	width : 140px;
	font-size : 12px;
	font-weight : bolder;
	text-decoration : none;
}
#rightCol li a:hover {
	background-image : url(img/sipka-right.gif);
	color : #009932;
	background-repeat : no-repeat;
	background-position : 95px;
}
#rightCol li a.vybrana {
	background-image : url(img/sipka-right.gif);
	color : #009932;
	background-repeat : no-repeat;
	background-position : 95px;
}
#rightCol ul {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}
#col3 {
	float : left;
	width : 600px;
	margin-left : -600px;
	position : relative;
	right : 50%;
	min-height : 800px;
}
#hlavicka {
	width : 600px;
}
#obsah {
	padding : 20px;
	color : #666;
	font-size : 12px;
	min-height : 700px;
}
#obsah h1 {
	font-size : 16px;
	font-weight : bold;
	text-decoration : none;
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	color : #009932;
}
#obsah h2 {
	color : #009932;
	margin-bottom : 0px;
}
#obsah p {
	margin : 0px;
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
	padding-left : 0px;
}
#obsah a {
	text-decoration : none;
	font-size : 12px;
	color : #009932;
}
#obsah a:hover {
	font-size : 12px;
	color : #B1C800;
}
#obsah a.pdf {
	display : block;
	height : 21px;
	padding-top : 2px;
	padding-left : 25px;
	background : url(img/pdf-ico2.gif) no-repeat;
}
#obsah a img {
	border : none;
}
#obsah dt {
	margin-bottom : 10px;
	background : url(img/item_header_m.png) 0 0 repeat-x;
	cursor : hand;
}
#obsah dt span.header-l {
	background : url(img/item_header_l.png) 0 0 no-repeat;
	display : block;
	font-size : 12px;
	font-weight : bold;
}
#obsah dt span.header-r {
	height : 30px;
	background : url(img/item_header_r.png) 100% 0 no-repeat;
	display : block;
	text-indent : 10px;
	width : 560px;
	line-height : 30px;
}
#obsah span.header-l {
	background : url(img/item_header.png) 0 0 no-repeat;
}
#obsah p.navigace {
	margin-top : 3px;
	font-size : 90%;
	color : #778899;
}
#obsah p.navigace a {
	font-size : 90%;
	color : #778899;
	text-decoration : underline;
}
#obsah p.navigace a:hover {
	text-decoration : none;
}
#footer {
	margin : 5px 0px 20px 0px;
	text-align : center;
}
#footer .strankyprinasi {
	font-size : 10px;
	color : #666;
}
}