/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0; background:transparent}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.3;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:url(../img/bg.jpg) top center repeat #292928}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background: url(../img/logo.png) top center no-repeat; padding-top: 110px; text-align: center; color: white}
body * {color: white}

h1 {position: absolute; left: -400px; font-size: 20px}
h2, span.h2 {color: #ff14d6; padding: 5px; background: black; font-size: 23px; display: inline-block}
span.h2 {font-size: 12px; color: #6fde02}
img {margin: auto}

#portfolio{width: 750px; height: 460px; background: black; display: block; position: relative; margin: 20px auto; text-align: left}
	#portfolio #prev, #portfolio #next {width: 66px; height: 66px; position: absolute; top: 196px; z-index: 2; display: block}
		#portfolio #prev {left: -66px}
		#portfolio #next {right: -66px}
		#portfolio #prev span, #portfolio #next span {position: absolute; width: 66px; height: 66px; background: url(../img/prev.png) no-repeat; z-index: 3}
			#portfolio #next span {background: url(../img/next.png) no-repeat}
	#portfolio a {background: transparent; width: 66px; height: 66px}
		#portfolio a:hover {background: white}
	#portfolio #image {width: 710px; height: 420px; top: 20px; left: 20px; position: relative; display: block; background: #fff; color: black}
	#portfolio h2 {position: absolute; top: 300px; left: 10px}
	#portfolio p {font-size: 12px; background: url(../img/heading.png); position: absolute; top: 345px; left: 5px; _width: 700px; _height: 70px; width: 680px; height: 50px; padding: 10px; color: black}

#footer{width: 600px; display: block; margin: 20px auto; text-align: left; position: relative}
	#footer p {display: inline-block; background: black; padding: 5px; font-size: 11px}
	#footer p.margin {position: absolute; top: 10px; left: 110px}
	#footer p.margin2 {position: absolute; top: 5px; left: 340px}
	#footer span {color: #a2a2a2}