* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background: #EEF5FD url('../images/bg_top.jpg') repeat-x left top;
	font-family: "Arial", Helvetica, sans-serif;
	text-align: center;
}
#main {
	min-height: 100%;
	height: 100%;
	position: relative;
}
body>#main {
	height: auto;
}
a {
	color: #86ABDB;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
div#site {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 110px;
}
h1 {
	margin: 48px 0 0 31px;
	float: left;
}
h1 a, h1 a span {
	display: block;
	width: 274px;
	height: 72px;
}
h1 a {
	position: relative;
	overflow: hidden;
}
h1 a span {
	background: url('../images/logo_michalsobel.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
ul#line1 {
	margin: 65px 17px 3px 0;
}
ul#line2 {
	margin: 0 17px 0 0;
}
ul.menu {
	list-style-type: none;
	float: right;
}
ul.menu li {
		display: inline;
}
ul.menu li a, ul.menu li a span {
	display: block;
	float: left;
	margin-right: 2px;
	height: 32px;
}
ul.menu li a {
	position: relative;
	overflow: hidden;
}
ul.menu li a span {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
ul.menu li#uvodni-stranka a, ul.menu li#uvodni-stranka a span {
	width: 117px;
}
ul.menu li#uvodni-stranka a span {
	background: url('../images/uvodni_stranka.png') no-repeat left top;
}
ul.menu li#uvodni-stranka a.active span {
	background: url('../images/uvodni_stranka_active.png') no-repeat left top;
}
ul.menu li#uvodni-stranka a:hover span {
	background: url('../images/uvodni_stranka_active.png') no-repeat left top;
}
ul.menu li#sluzby a, ul.menu li#sluzby a span {
	width: 62px;
}
ul.menu li#sluzby a span {
	background: url('../images/sluzby.png') no-repeat left top;
}
ul.menu li#sluzby a.active span {
	background: url('../images/sluzby_active.png') no-repeat left top;
}
ul.menu li#sluzby a:hover span {
	background: url('../images/sluzby_active.png') no-repeat left top;
}
ul.menu li#bio a, ul.menu li#bio a span {
	width: 39px;
}
ul.menu li#bio a span {
	background: url('../images/bio.png') no-repeat left top;
}
ul.menu li#bio a.active span {
	background: url('../images/bio_active.png') no-repeat left top;
}
ul.menu li#bio a:hover span {
	background: url('../images/bio_active.png') no-repeat left top;
}
ul.menu li#aktuality a, ul.menu li#aktuality a span {
	width: 80px;
}
ul.menu li#aktuality a span {
	background: url('../images/aktuality.png') no-repeat left top;
}
ul.menu li#aktuality a.active span {
	background: url('../images/aktuality_active.png') no-repeat left top;
}
ul.menu li#aktuality a:hover span {
	background: url('../images/aktuality_active.png') no-repeat left top;
}
ul.menu li#kontakt a, ul.menu li#kontakt a span {
	width: 70px;
}
ul.menu li#kontakt a span {
	background: url('../images/kontakt.png') no-repeat left top;
}
ul.menu li#kontakt a.active span {
	background: url('../images/kontakt_active.png') no-repeat left top;
}
ul.menu li#kontakt a:hover span {
	background: url('../images/kontakt_active.png') no-repeat left top;
}
ul.menu li#internetove-stranky a, ul.menu li#internetove-stranky a span {
	width: 148px;
}
ul.menu li#internetove-stranky a span {
	background: url('../images/internetove_stranky.png') no-repeat left top;
}
ul.menu li#internetove-stranky a.active span {
	background: url('../images/internetove_stranky_active.png') no-repeat left top;
}
ul.menu li#internetove-stranky a:hover span {
	background: url('../images/internetove_stranky_active.png') no-repeat left top;
}
ul.menu li#firemni-identita-cid a, ul.menu li#firemni-identita-cid a span {
	width: 157px;
}
ul.menu li#firemni-identita-cid a span {
	background: url('../images/firemni_identita_cid.png') no-repeat left top;
}
ul.menu li#firemni-identita-cid a.active span {
	background: url('../images/firemni_identita_cid_active.png') no-repeat left top;
}
ul.menu li#firemni-identita-cid a:hover span {
	background: url('../images/firemni_identita_cid_active.png') no-repeat left top;
}
ul.menu li#tistena-grafika a, ul.menu li#tistena-grafika a span {
	width: 117px;
}
ul.menu li#tistena-grafika a span {
	background: url('../images/tistena_grafika.png') no-repeat left top;
}
ul.menu li#tistena-grafika a.active span {
	background: url('../images/tistena_grafika_active.png') no-repeat left top;
}
ul.menu li#tistena-grafika a:hover span {
	background: url('../images/tistena_grafika_active.png') no-repeat left top;
}
ul.menu li#art-and-design a, ul.menu li#art-and-design a span {
	width: 100px;
}
ul.menu li#art-and-design a span {
	background: url('../images/art_and_design.png') no-repeat left top;
}
ul.menu li#art-and-design a.active span {
	background: url('../images/art_and_design_active.png') no-repeat left top;
}
ul.menu li#art-and-design a:hover span {
	background: url('../images/art_and_design_active.png') no-repeat left top;
}
div#separator-for-ie {
	width: 600px;
	float: right;
}
div#about {
	margin-top: 18px;
	width: 960px;
	clear: both;
}
div#bg-about {
	margin: 0 10px;
	background: url('../images/bg_text.jpg') repeat-x left top;
	padding: 39px 39px 0 39px;
}
div#bg-about p, div#bg-about p span {
	display: block;
	width: 832px;
	height: 50px;
}
div#bg-about p {
	overflow: hidden;
	position: relative;
	font-size: 90%;
}
div#bg-about p span {
	background: url('../images/jsem_graficky_designer.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}
div#bg-about dl {
	font-size: 75%;
	margin-top: 37px;
	float: left;
}
div#bg-about dl dd {
	margin-top: 5px;
}
div#bg-about dl dd a {
	font-weight: bold;
}
div#bg-about a#contact-me, div#bg-about a#contact-me span {
	display: block;
	width: 161px;
	height: 32px;
}
div#bg-about a#contact-me {
	float: right;
	overflow: hidden;
	position: relative;
	margin-top: 37px;
}
div#bg-about a#contact-me span {
	background: url('../images/kontaktujte_me.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
div#bg-about a#contact-me:hover span {
	background: url('../images/kontaktujte_me_active.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}
div.separator {
	clear: both;
}
h2#last-references, h2#last-references span {
	display: block;
	width: 186px;
	height: 14px;
}
h2#last-references {
	font-size: 80%;
	overflow: hidden;
	position: relative;
	margin: 35px 0 37px 51px;
}
h2#last-references span {
	background: url('../images/posledni_reference.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}
div.last-reference {
	position: relative;
	margin-bottom: 20px;
}
div.last-reference a img {
	border: 0;
}
div.last-reference h3 {
	position: relative;
	left: 50px;
	top: 305px;
	font-size: 75%;
	font-weight: normal;
}
div.last-reference h3 a {
	font-weight: bold;
}
div#footer {
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #FFFFFF;
	text-align: center;
	font-size: 75%;
}
div#footer div#contact {
	width: 900px;
	margin: 40px auto 0 auto;
	text-align: left;
}
div#footer div#contact a {
	font-weight: bold;
}
div#footer div#contact p#copyright {
	float: left;
}
div#footer div#contact strong {
	color: #86ABDB;
}
div#footer div#contact p#details {
	float: right;
}
div.title {
	padding: 36px 38px 31px 41px!important;
}
div.title h2, div.title h2 span {
	display: block;
}
div.title h2 {
	float: left;
	overflow: hidden;
	position: relative;
}
div.title h2 span {
	position: absolute;
	left: 0;
	top: 0;
}
div.title h2#title-sluzby, div.title h2#title-sluzby span {
	width: 77px;
	height: 24px;
}
div.title h2#title-sluzby span {
	background: url('../images/title_sluzby.png') no-repeat left top;
}
div.title h2#title-bio, div.title h2#title-bio span {
	width: 35px;
	height: 19px;
}
div.title h2#title-bio span {
	background: url('../images/title_bio.png') no-repeat left top;
}
div.title h2#title-aktuality, div.title h2#title-aktuality span {
	width: 110px;
	height: 24px;
}
div.title h2#title-aktuality span {
	background: url('../images/title_aktuality.png') no-repeat left top;
}
div.title h2#title-kontakt, div.title h2#title-kontakt span {
	width: 92px;
	height: 19px;
}
div.title h2#title-kontakt span {
	background: url('../images/title_kontakt.png') no-repeat left top;
}
div.title h2#title-internetove-stranky, div.title h2#title-internetove-stranky span {
	width: 235px;
	height: 24px;
}
div.title h2#title-internetove-stranky span {
	background: url('../images/title_internetove_stranky.png') no-repeat left top;
}
div.title h2#title-firemni-identita-cid, div.title h2#title-firemni-identita-cid span {
	width: 251px;
	height: 19px;
}
div.title h2#title-firemni-identita-cid span {
	background: url('../images/title_firemni_identita_cid.png') no-repeat left top;
}
div.title h2#title-tistena-grafika, div.title h2#title-tistena-grafika span {
	width: 178px;
	height: 24px;
}
div.title h2#title-tistena-grafika span {
	background: url('../images/title_tistena_grafika.png') no-repeat left top;
}
div.title h2#title-art-and-design, div.title h2#title-art-and-design span {
	width: 147px;
	height: 24px;
}
div.title h2#title-art-and-design span {
	background: url('../images/title_art_and_design.png') no-repeat left top;
}
div.title a#page-contact-me {	
	margin: -6px 0 -2px 0!important;
}
div.title a#page-contact-me, div.title a#page-contact-me span {
	display: block;
	width: 406px;
	height: 32px;
}
div.title a#page-contact-me {
	float: right;
	overflow: hidden;
	position: relative;
}
div.title a#page-contact-me span {
	background: url('../images/page_kontaktujte_me.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
div.title a#page-contact-me:hover span {
	background: url('../images/page_kontaktujte_me_active.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}
div.title a#page-contact-me strong {
	position: absolute;
	left: 20px;
	top: 8px;
	font-size: 70%;
	font-weight: normal;
}
div.title a#page-contact-me:hover strong {
	color: #86ABDB;
	text-decoration: none;
}
img.image {
	margin-left: 10px;
	display: block;
	height: 239px;
}
div#content {
	background: #FFFFFF;
	margin: 0 10px 20px 10px;
	padding: 40px;
	font-size: 80%;
}
div#content-references {
	margin: 20px 10px;
	padding: 0 0 0 19px;
	font-size: 80%;
}
div#content-left {
	width: 400px;
	float: left;
}
ul#menu-left {
	width: 221px;
	float: left;
}
div#content-right {
	width: 400px;
	float: right;
}
div#content-detail {
	width: 700px;
	float: right;
	position: relative;
}
div#content h3, div#content h3 span {
	display: block;
	height: 28px;
}
div#content h3 {
	overflow: hidden;
	position: relative;
	height: 28px;
}
div#content h3 span {
	position: absolute;
	left: 0;
	top: 0;
}
div#content h3#cim-se-zabyvam, div#content h3#cim-se-zabyvam span {
	width: 198px;
}
div#content h3#cim-se-zabyvam span {
	background: url('../images/cim_se_zabyvam.png') no-repeat left top;
}
div#content h3#dovednosti, div#content h3#dovednosti span {
	width: 132px;
}
div#content h3#dovednosti span {
	background: url('../images/dovednosti.png') no-repeat left top;
}
div#content h3#proc-se-mnou-spolupracovat, div#content h3#proc-se-mnou-spolupracovat span {
	width: 333px;
}
div#content h3#proc-se-mnou-spolupracovat span {
	background: url('../images/proc_se_mnou_spolupracovat.png') no-repeat left top;
}
div#content h3#proc-se-mnou-nespolupracovat, div#content h3#proc-se-mnou-nespolupracovat span {
	width: 363px;
}
div#content h3#proc-se-mnou-nespolupracovat span {
	background: url('../images/proc_se_mnou_nespolupracovat.png') no-repeat left top;
}
div#content h3#minulost-soucasnost, div#content h3#minulost-soucasnost span {
	width: 261px;
}
div#content h3#minulost-soucasnost span {
	background: url('../images/minulost_soucasnost.png') no-repeat left top;
}
div#content h3#zkusenosti, div#content h3#zkusenosti span {
	width: 131px;
}
div#content h3#zkusenosti span {
	background: url('../images/zkusenosti.png') no-repeat left top;
}
div#content h3#prehled-vsech-aktualit, div#content h3#prehled-vsech-aktualit span {
	width: 266px;
}
div#content h3#prehled-vsech-aktualit span {
	background: url('../images/prehled_vsech_aktualit.png') no-repeat left top;
}
div#content h3#detail-vybrane-aktuality, div#content h3#detail-vybrane-aktuality span {
	width: 287px;
}
div#content h3#detail-vybrane-aktuality span {
	background: url('../images/detail_vybrane_aktuality.png') no-repeat left top;
}
div#content h3#moznosti-kontaktu, div#content h3#moznosti-kontaktu span {
	width: 219px;
}
div#content h3#moznosti-kontaktu span {
	background: url('../images/moznosti_kontaktu.png') no-repeat left top;
}
div#content h3#pracovni-udaje, div#content h3#pracovni-udaje span {
	width: 172px;
}
div#content h3#pracovni-udaje span {
	background: url('../images/pracovni_udaje.png') no-repeat left top;
}
div#content ul {
	list-style-type: none;
	margin: 20px 0;
}
div#content ul li {
	margin: 2px 0;
}
div#content table.list {
	margin-top: 20px;
}
div#content table.list tr td {
	vertical-align: top;
}
div#content table.cv tr td {
	padding-bottom: 20px;
}
div#content table.list tr td.wide {
	width: 70px;
}
div#content p {
	margin: 20px 0;
}
ul#menu-left {
	list-style-type: none;
}
ul#menu-left li a {
	display: block;
	color: #000000;
	height: 32px;
}
ul#menu-left li a span {
	display: block;
	padding: 8px 0 0 21px;
}
ul#menu-left li a:hover, ul#menu-left li.active a {
	color: #86ABDB;
	text-decoration: none;
	font-weight: bold;
	background: url('../images/menu_list_active.png') no-repeat left top;
}
div#news p a {
	color: #000000;
}
div#news p.active a {
	color: #86ABDB;
}
div#content-detail div#info {
	position: absolute;
	left: 80px;
	right: 80px; 
	bottom: 80px;
	height: 130px; 
}
div#content-detail div#info h3 {
	font-weight: normal;
	font-size: 100%;
}
div#content-detail div#info h3 a {
	font-weight: bold;
}
div#content-detail div#info p {
	margin: 10px 0;
}
div#button {
	height: 90px;
	margin-left: 10px;
	padding-right: 48px;
	background: url('../images/bg_button.png') no-repeat left top;
}
div#button a, div#button a span {
	display: block;
}
div#button a {
	overflow: hidden;
	position: relative;
}
div#button a span {
	position: absolute;
	left: 0;
	top: 0;
}
div#button a#pdf, div#button a#pdf span {
	width: 229px;
	height: 32px;
}
div#button a#pdf {
	float: right;
	margin-top: 30px;
}
div#button a#pdf span {
	background: url('../images/stahnout_reference_v_pdf.png') no-repeat left top;
}
div#button a#pdf:hover span {
	background: url('../images/stahnout_reference_v_pdf_active.png') no-repeat left top;
}