@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900&subset=latin,latin-ext);

html, body, h1, h2, h3, h4, img, a {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

body {
	/* background-color: #545454; */
	background-color: #505050;
	
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
}
body a {
	text-decoration: none;
	color: silver;
}


#horizon        
	{
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#page {
	position: absolute;
	padding: 0px;
	margin: 0 auto 0 auto;
	top: 50%;
	margin-top: -330px;
	left: 50%;
	margin-left: -495px;
	width: 990px;
	height: 660px;
	
	color: white;
	background-color: #545454;
	text-align: left;
	position: relative;
}
#page #site-index-pmlogolink {
	position: absolute;
	width: 225px;
	height: 16px;
	top: 313px;
	left: 365px;
	z-index: 100;
	/* background: green; */
}
#page #site-index-footer {
	position: absolute;
	width: 946px;
	bottom: 20px;
	left: 22px;
	margin: 0;
	padding: 0;
	/* background: green; */
	text-align: center;
	font-size: 12px;
	letter-spacing: 1.7px;
	color: silver;
}
#page #site-index_m-pmlogolink {
	position: absolute;
	width: 225px;
	height: 16px;
	top: 22px;
	right: 22px;
	z-index: 100;
	/* background: green; */
}
#page #site-index_m-leftmenu {
	position: absolute;
	/* background: green; */
	left: 22px;
	top: 49px;
}
#page #site-index_m-leftmenu ul {
	/* margin: 60px 25px 25px 25px; */
	margin: 0;
	padding: 0;
	color: red;
}
#page #site-index_m-leftmenu ul li {
	list-style: none;
	font-size: 16px;
	line-height: 30px;
}

#page #site-atelier {
	position: absolute;
	top: 49px;
	left: 22px;
	width: 330px;
	height: 589px;
	/* background: green; */
}
#page #site-atelier h1 {
	padding-bottom: 0px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-atelier ul {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
}
#page #site-atelier ul li {
	list-style: none;
	display: inline-block;
	padding-bottom: 5px;
}
#page #site-atelier ul li .rok {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
#page #site-atelier ul li .popis {
	display: inline-block;
	/* width: 440px; */
	width: 220px;
}
#page #site-atelier #ulblock {
	margin-bottom: 22px;
}

#page #site-atelier #ulblock li {
	display: block;
}

#page #site-oceneni {
	position: absolute;
	top: 49px;
	left: 22px;
	height: 589px;
	/* width: 550px; */
	width: 330px;
	/* background: green; */
	/* overflow-y: auto; */
	overflow: hidden;
}

#page #site-oceneni-inner {
	position: relative;
	overflow: hidden
}
#page #site-oceneni ul {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
}
#page #site-oceneni h1 {
	padding-bottom: 0px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-oceneni ul li {
	list-style: none;
	display: inline-block;
	padding-bottom: 5px;
}
#page #site-oceneni ul li .rok {
	display: inline-block;
	width: 60px;
	vertical-align: top;
}
#page #site-oceneni ul li .nazev {
	display: inline-block;
	/* width: 440px; */
	width: 220px;
}

#page #site-seznampraci {
	position: absolute;
	top: 49px;
	left: 22px;
	height: 589px;
	/* width: 550px; */
	width: 330px;
	/* background: green; */
	overflow: hidden;
}
#page #site-seznampraci-inner {
	position: relative;
	overflow: hidden;
}
#page #site-seznampraci h1 {
	padding-bottom: 0px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-seznampraci ul {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
}
#page #site-seznampraci ul li {
	list-style: none;
	display: inline-block;
	padding-bottom: 5px;
}
#page #site-seznampraci ul li .rok {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
#page #site-seznampraci ul li .nazev {
	display: inline-block;
	/* width: 400px; */
	width: 210px;
}

#page #site-projekty {
	position: absolute;
	top: 49px;
	left: 22px;
	height: 589px;
	/* width: 550px; */
	width: 330px;
	/* background: green; */
	overflow: hidden;
}
#page #site-projekty-inner {
	position: relative;
	overflow: hidden
}
#page #site-projekty h1 {
	padding-bottom: 10px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-projekty ul {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 13px;
}
#page #site-projekty ul li {
	list-style: none;
	display: inline-block;
	padding-bottom: 10px;
}
#page #site-projekty ul li img {
	padding-right: 10px;
}
#page #site-projekty ul li .nazev {
	display: inline-block;
	/* width: 400px; */
	width: 170px;
}

#page #site-projekt {
	position: absolute;
	top: 49px;
	left: 22px;
	/* width: 330px; */
	width: 286px;
	height: 589px;
	overflow: hidden;
	/* background: red; */
}
#page #site-projekt-inner {
	position: relative;
	overflow: hidden;
}
#page #site-projekt h1 {
	padding-bottom: 10px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-projekt ul {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #a7a7a7;
	width: 270px;
}
#page #site-projekt ul li {
	list-style: none;
	line-height: 18px;
}
#page #site-projekt p {
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
	width: 270px;
}

#page #site-projekt-imgplace {
	position: absolute;
	top:0;
	right: 0;
	width: 660px;
	height: 660px;
	/* background: silver; */
	display: table;
}

#page #site-projekt-imgplace-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	text-align: right;
}

#page .left-arrow {
	position: absolute;
	display: inline-block;
	top:40px;
	left: 330px;
	width: 330px;
	height: 580px;
	background: transparent;
	line-height: 600px;
	vertical-align: middle
}
#page .left-arrow img {
	display: inline;
	margin-top: 295px;
}
#page .right-arrow {
	position: absolute;
	display: inline-block;
	top:40px;
	left: 660px;
	width: 330px;
	height: 580px;
	background: transparent;
	line-height: 600px;
	vertical-align: middle;
	text-align: right;
}
#page .right-arrow img {
	display: inline;
	margin-top: 295px;
}
#page .arrow-hidden {
	display: none;
}

#page #site-publikace {
	position: absolute;
	top: 49px;
	left: 22px;
	height: 589px;
	/* width: 550px; */
	width: 286px;
	/* background: green; */
	overflow:hidden;
}
#page #site-publikace-inner {
	position: relative;
	overflow: hidden;
}
#page #site-publikace h1 {
	padding-bottom: 10px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#page #site-publikace ul {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px;
}
#page #site-publikace ul li {
	list-style: none;
	display: inline-block;
	padding-bottom: 10px;
}
#page #site-publikace ul li img {
	padding-right: 10px;
}
#page #site-publikace ul li .publikacelist {
	display: inline-block;
	width: 145px;
	height: 120px;
	vertical-align: top;
	color: #a7a7a7;
	/* background: yellow; */
}
#page #site-publikace ul li .publikacelist .publikacelistnadpis{
	color: white;
}

#page #site-publikace-imgplace {
	position: absolute;
	top:0;
	right: 0;
	width: 660px;
	height: 660px;
	/* background: silver; */
	display: table;
}

#page #site-publikace-imgplace-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	text-align: right;
}


#page #allsites-copyright {
	position: absolute;
	width: 350px;
	bottom: 18px;
	right: 22px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 12px;
	color: #a7a7a7;
}

#page #allsites-navback {
	position: absolute;
	top: 22px;
	left: 22px;
	height: 11px;
	width: 44px;
}