@media screen, projection, tv {
	* {
		margin: 0;
		padding: 0;
	}

	html {
		font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, sans-serif;
		color: #546373;
	}


	body {
		background: #395e88 url(http://www.nebenet.cz/images/back-sky.jpg) repeat-x;
		background-position: 980px 0;
		font-size: 0.8em;
	}

	p {
		line-height: 25px;
	}

	a {
		color: #a9b0b7;
		text-decoration: underline;
	}

	a:hover {
		color: #e7e8e9;
	}

	a:active {
		color: #e7e8e9;
	}

	a:visited {
		color: #a9b0b7;
	}

	a:visited:hover {
		color: #e7e8e9;
	}

	img {
		border: 0;
		vertical-align: middle;
	}

	hr {
		clear: both;
		border: 0; 
		height: 1px; 
		color: #778B9E;
		background-color: #778B9E;
		margin: 10px 0 10px 0;
	}

	.clear {clear: both;}
	.right {float: right;}
	.left  {float: left;}
	.hidden {display: none;}
        .center {text-align: center;}
	/* Common definitions end */

	#nebe {
		position: absolute;
		top: 0;
		left: 0;
	}

	#container {
		position: absolute;
		top: 0;
		left: 0;
	}

	#sky-top {
		background: url(http://www.nebenet.cz/images/sky-top.jpg) no-repeat;
		position: absolute;
		height: 60px;
		width: 980px;
		top: 0;
	}

	#nebenet {
		background: url(http://www.nebenet.cz/images/nebenet.jpg) no-repeat;
		height: 90px;
		width: 560px;
		position: absolute;
		top: 60px;
	}

	#nebenet a {
		display: block;
		height: 90px;
		width: 380px;
		position: absolute;
		left: 60px;
	}

	#nebenet h1, #nebenet h3, #error h1, #error h3 {
		text-indent: -9999px;
	}
	
	#sky-right {
		background: url(http://www.nebenet.cz/images/sky-right.jpg) no-repeat;
		height: 90px;
		width: 420px;
		position: absolute;
		left: 560px;
		top: 60px;
	}
	
	#sky-middle {
		background: url(http://www.nebenet.cz/images/sky-middle.jpg) no-repeat;
		height: 50px;
		width: 980px;
		position: absolute;
		top: 150px;
	}
	
	#hdr_menu {
		background: url(http://www.nebenet.cz/images/head-back.jpg) no-repeat;
		height: 120px;
		width: 980px;
		position: absolute;
		top: 200px;
	}
	
	#hdr_text {
		height: 70px;
		width: 500px;
		margin: 24px 20px 25px 90px;
		float: left;
		line-height: 24px;
		font-size: 0.96em;
		text-align: justify;
	}
	
	#hdr_ico_menu {
		float: left;
		height: 70px;
		width: 310px;
		margin: 25px 20px;
		list-style: none; 
		line-height: 24px;
		font-size: 1.1em;
	}
	
	#hdr_ico_menu li {
		text-indent: 38px;
		float: left;
		display: block; 
	}
	
	#hdr_ico_menu li a {
		height: 35px;
		width: 141px;
		display: block;
		background-repeat: no-repeat;
		padding: 0;
		margin-top: 4px;
	}
	#hdr_ico_menu li a:hover, #hdr_ico_menu li a.active  {
		background-repeat: no-repeat;
	}
	
	#hdr_ico_menu li a.active {
		color: #e7e8e9;
		text-decoration: none;
	}
		
	#onas a {background: url(http://www.nebenet.cz/images/icon-who.jpg);}
	#onas a:hover {background: url(http://www.nebenet.cz/images/icon-who-active.jpg);}
	#onas a.active {background: url(http://www.nebenet.cz/images/icon-who-active.jpg);}
	
	#kontakt a {background: url(http://www.nebenet.cz/images/icon-contact.jpg);}
	#kontakt a:hover {background: url(http://www.nebenet.cz/images/icon-contact-active.jpg);}
	#kontakt a.active {background: url(http://www.nebenet.cz/images/icon-contact-active.jpg);}
	
	#blog a {background: url(http://www.nebenet.cz/images/icon-blog.jpg);}
	#blog a:hover {background: url(http://www.nebenet.cz/images/icon-blog-active.jpg);}
	#blog a.active {background: url(http://www.nebenet.cz/images/icon-blog-active.jpg);}
	
	#hdr_ico_menu #news {height: 39px;}
	#hdr_ico_menu #news .orange {background:none;padding-left: 0;margin-left: 0}
	#hdr_ico_menu #news a {
		background: url(http://www.nebenet.cz/images/icon-rss.jpg) no-repeat 0px 2px;
		padding: 6px 0 14px 37px;
		margin: 4px 0 0 -38px;
		line-height: 32px;
		display: inline;
	}
	#hdr_ico_menu #newsa {padding-left: 38px}
	#hdr_ico_menu #news a:hover {background: url(http://www.nebenet.cz/images/icon-rss-active.jpg) no-repeat 0px 2px;}
	#news a.active {background: url(http://www.nebenet.cz/images/icon-rss-active.jpg);}
	#hdr_ico_menu #news .orange {background: none;color:#ff6905;}
	#hdr_ico_menu #news .orange:visited {color:#ff6905;}
	#hdr_ico_menu #news .orange:hover {background: none;color:#ffaa05;}
	
	#sky-bottom {
		background: url(http://www.nebenet.cz/images/sky-bottom.jpg) no-repeat;
		height: 160px;
		width: 980px;
		position: absolute;
		top: 320px;
	}
	/* Header end */
	
	#menu {
		list-style: none;
	}
	
	#menu a {
		text-decoration: none;
		display: block;
		height: 220px;
		width: 250px;
		overflow: hidden;
		position: absolute;
	}
	
	#menu_web h2, #menu_tisk h2, #menu_grafika h2 {
		height: 0;
		width: 0;
		overflow: hidden;
	}
	
	#menu_web, #menu_tisk, #menu_grafika {
		height: 220px;
		position: absolute;
		display: block;
	}
	
	#menu_web {
		background: url(http://www.nebenet.cz/images/web.jpg) no-repeat;
		width: 330px;
		left: 0px;
		top: 480px;
	}
	
	#menu_tisk {
		background: url(http://www.nebenet.cz/images/tisk.jpg) no-repeat;
		width: 295px;
		left: 330px;
		top: 480px;
	}
	
	#menu_grafika {
		background: url(http://www.nebenet.cz/images/grafika.jpg) no-repeat;
		width: 355px;
		left: 625px;
		top: 480px;
	}
	
	#menu_web a {
		margin-left: 60px;
	}
	
	#menu_tisk a {
		margin-left: 20px;
	}
	
	#menu_grafika a {
		width: 300px;
		margin-left: 15px;
	}
	
	.tab_help {
		margin-top: -10px;
		height: 230px;
		display: block;
		overflow: hidden;
		float: left;
	}
	
	#tab_web, #tab_tisk, #tab_grafika {
		height: 90px;
		width: 210px;
		display: block;
		margin-top: 130px;
		padding: 10px 20px 0 20px;
	}
	
	#tab_web {
		margin-left: 60px;
		color: #a5d4ff;
		background: url(http://www.nebenet.cz/images/tab-web.jpg) no-repeat;
	}
	
	#tab_tisk {
		margin-left: 20px;
		color: #bcf580;
		background: url(http://www.nebenet.cz/images/tab-tisk.jpg) no-repeat;
	}
	
	#tab_grafika {
		width: 300px;
		margin-left: 15px;
		color: #fdbaa0;
		background: url(http://www.nebenet.cz/images/tab-grafika.jpg) no-repeat;
		width: 260px;
	}
	
	#arrow_web, #arrow_tisk, #arrow_grafika {
		width: 250px;
		height: 18px;
		clear: both;
	}
	
	#arrow_web {
		background: url(http://www.nebenet.cz/images/arrow-web.jpg) no-repeat bottom center;
		margin: 0 0 0 60px;
	}
	
	#arrow_tisk {
		background: url(http://www.nebenet.cz/images/arrow-tisk.jpg) no-repeat bottom center;
		margin: 0 0 0 20px;
	}
	
	#arrow_grafika {
		background: url(http://www.nebenet.cz/images/arrow-grafika.jpg) no-repeat bottom center;
		width: 300px;
		margin: 0 0 0 15px;
	}
	/* Menu end */
	
	
	#body {
		background-color: #16212e;
		margin-top: 684px;
		width: 980px;
	}
	
	#body_top {
		background: url(http://www.nebenet.cz/images/body-top.jpg) no-repeat;
		height: 230px;
		width: 980px;
		float: left;
	}
	
	#body #body_bottom {
		background: url(http://www.nebenet.cz/images/body-bottom.jpg) no-repeat;
		height: 10px;
		width: 980px;
		float: left;
	}
	
	#body_content {
		background: url(http://www.nebenet.cz/images/body-back.jpg) repeat-y;
		min-height: 500px;
		width: 980px;
		float: left;
	}
	
	#portfolio {
		height: 200px;
		margin: -180px 0 0 90px;
	}
	
	#portfolio_content {
		list-style: none;	
	}

	#portfolio_content img {
		cursor: hand;	
	}

	#portfolio .first {
		position: absolute;
		left: 90px;
	}

	#portfolio .first img, #portfolio .fifth img {
		width: 120px;
		height: 130px;
	}

	#portfolio .second {
		position: absolute;
		top: 880px;
		left: 130px;
	}

	#portfolio .second img, #portfolio .fourth img {
		width: 180px;
		height: 210px;
	}

	#portfolio .third {
		position: absolute;
		left: 350px;
		top: 930px;
	}

	#portfolio .third img {
		width: 300px;
		height: 350px;
	}

	#portfolio .fourth {
		position: absolute;
		left: 690px;
		top: 880px;
	}

	#portfolio .fifth {
		position: absolute;
		left: 790px;
	}

	#portfolio .off {
		display: none;	
	}
	
	#portfolio .web_descr {
		position: absolute;
		margin-top: -180px;
		color: #226cbf;
		line-height: 2em;
                width: 300px;
	}

        #portfolio.tisk .web_descr {
                color: #538a11;
        }

        #portfolio.grafika .web_descr {
                color: #d83800;
        }
	
	#portfolio .web_descr span {
		color: #546373;
		width: 50px;
		display: block;
		float: left;
		padding-right: 20px;
	}
	
	#portfolio .web_descr h4 {
		padding-left: 70px;
		font-size: 1.25em;
	}
	
	#portfolio .web_descr h5 {
		padding-left: 70px;
		font-size: 1em;	
		font-weight: normal;
	}
	/* Body end */
	
	
	#footer {
		background: url(http://www.nebenet.cz/images/back-hills.jpg) repeat-x;
		background-position: 980px 130px;
		height: 420px;
		float: left;
		width: 100%;
	}

        #footer a:hover  {
		color:#ffaa05;
	}
	
	#hills {
		background: url(http://www.nebenet.cz/images/hills.jpg) no-repeat;
		height: 130px;
		width: 980px;
		float: left;
	}
	
	#hills2 {
		background: url(http://www.nebenet.cz/images/hills2.jpg) no-repeat;
		height: 65px;
		width: 980px;
		float: left;
	}
	
	#ftr_menu {
		background: url(http://www.nebenet.cz/images/footer-back.jpg) no-repeat;
		height: 101px;
		width: 980px;
		float: left;
	}
	
	#ftr_login {
		width: 220px;
		margin: 22px 20px 10px 90px;
		float: left;
	}
	
	#ftr_login .login {
		background: url(http://www.nebenet.cz/images/login.jpg) no-repeat;
		width: 110px;
		height: 21px;
		border: none;
		color: #58626F;
		padding: 4px 0 0px 6px;
		margin: 0 5px 9px 0;
		float: left;
	}
	
	
	#ftr_login .submit {
		background: url(http://www.nebenet.cz/images/submit.jpg) no-repeat;
		width: 80px;
		height: 25px;
		border: none;
		color: #ff6905;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		margin: 0;
		float: left;
		padding: 2px 2px 4px 0;
	}
	
	#ftr_login .submit {
		color:#ff6905;
	}
	
	#ftr_login .submit:hover {
		color: #ffaa05;
	}
	
	#client_password {
		display: none;	
	}
	
	#ftr_text {
		margin: 22px 0 0 0;
	}
	
	#ftr_text_copyright {
		margin-top: 9px;
	} 
	
	#ftr_text_copyright span {
		padding-left: 20px;
	}
	
	#ftr_ico_menu {
		float: left;
		width: 380px;
		margin: -24px 0 0 269px;
		list-style: none; 
		line-height: 20px;
		font-size: 1.1em;
		float: left;
	}
	
	#ftr_ico_menu li {
		float: left;
		display: block; 
	}
	
	#ftr_ico_menu li a {
		height: 35px;
		width: 115px;
		padding-top: 2px;
	}

        #ftr_ico_menu li a.next {
                display: block;
                margin-left: 16px;
                width: auto;
        }
	
	#rss_bottom a {
                text-indent: 38px;
		display: block;
	}
	
	#hell {
		background: url(http://www.nebenet.cz/images/hell.jpg) no-repeat;
		height: 124px;
		width: 980px;
		float: left;
	}
	
	#top {
		position: relative;
		top: 40px;
		right: 70px;
		text-align: right;
		font-size: 1.1em;
		color: #ff6905;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	#top a{
		font-weight: normal;
		color: #ff6905;
		text-decoration: none;	
	}
	
	#top a:hover{
		color: #ffaa05;
		text-decoration: none;	
	}
	/* Footer end */
	

	#content {
		padding: 20px;
		
	}
	
	#columns {
		width: 820px;
		margin: 300px 0 0 40px;
		float: left;
		padding: 0 50px;
		z-index: 999;
		position: relative;
	}
	
	#control {
		color: #a9b0b7;
	}
	
	#control div {
		margin-top:-110px;
	}
	
	#control #prev {
		float: left;	
	}
	
	#control #next {
		float: right;	
	}
	
	#columns h4, #columns h4 a {
		color: #226cbf;
		font-size: 1.25em;
		padding-bottom: 20px;
		text-decoration: none;
	}

        #columns h4.tisk, #columns h4.tisk a {
                color: #538a11;
        }

        #columns h4.grafika, #columns h4.grafika a {
                color: #d83800;
        }
	
	#columns h4 a {
		font-size: 1em;
	}
	
	#columns ul, #columns ol, #subpage ul, #subpage ol, #error ul {
		margin-left: 20px;	
	}
	
	#columns ul li, #subpage ul li, #error ul li, #columns ol li, #subpage ol li {
		line-height: 25px;	
	}
	
	#columns a.next {
		margin-top: 20px;
		text-align: right;
		display: block;
	}
	
	#columns .column {
		width: 220px;
		float:left;
		display: inline;
		margin-right: 50px;
		padding-bottom: 40px;
	}
	
	#columns .last {
		margin-right: 0;
	}
	#columns .center {
                text-align: left;
		width: 280px;
	}

        #subpage {
                margin: -180px 70px 0 90px;
        }

        #subpage h3 {
                font-size: 1.3em;
                color: #e7e8e9;
                padding-bottom: 20px;
        }

        #subpage h4 {
                color: #a9b0b7;
                font-size: 1.1em;
                line-height: 25px;
        }

        #subpage .tc {
                width: 400px;
                margin: 0 20px 20px 0;
                float: left;
        }

        #subpage .tcc {
                width: 200px;
                display: inline;
                float: left;
                line-height: 25px;
        }

        #subpage p, #error p {
                padding-bottom: 20px;
        }

        #map {
                width: 400px;
                height: 400px;
                float: right;
                margin-bottom: 20px;
        }

        #blog_left {
                width: 600px;
                margin: 0 20px 0 0;
                float: left;
        }

        #blog_right {
                width: 200px;
                float: left;
        }

        #blog_end {
                width: 600px;
                clear: both;
        }

        #subpage ul, #subpage ol, #error ul {
                margin: 0 0 20px 20px;
        }

        .blue, a.blue, #subpage h4.blue {
            color: #226cbf;
	}

        .green, a.green, #subpage h4.green {
                color: #538a11;
        }

        .red, a.red, #subpage h4.red {
                color: #d83800;
        }

        .orange, a.orange, #subpage h4.orange {
                color: #ff6905;
        }

        .bl {
                padding-bottom: 19px;
                border-bottom: 1px solid #101923;
                margin-bottom: 20px;
        }

        #error {
		background: #fff url(http://www.nebenet.cz/images/error.jpg) no-repeat;
        }

        #error_text {
		width: 486px;
		position: absolute;
		top: 200px;
                margin: 24px 0 25px 75px;
	}

        #error h1 a {
                display: block;
		height: 90px;
                top: 60px;
		width: 380px;
		position: absolute;
		left: 60px;
        }

        #error h1 a:hover {
            background: none;
        }

        #error h2 {
                margin-bottom: 20px;
        }

        #error a {
                color: #546373;
        }

        #error a:hover {
                color: #fff;
                background: #546373;
        }
	/* Content end */
}