* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
	background: #000 url(../img/bg_header.jpg) no-repeat center top;
	font-size: 78%;
	line-height: 1.5;
	color: #FFF;
}
hr {display:none;}
.clear {clear:both;font-size:0px;height:0px;width:100%;line-height:0px;}
a {
	color:#37bce7;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
img {
	border-style: none;
}
#roman {
	width: 910px;
	margin: 0 auto;
	text-align: left;
}
.nahoru {
	text-align: right;
	width: 99%;
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/*-----------------------------------------hlavicka-----------------------------------------*/
#header {
	height: 119px;
	position: relative;
}
h1 {
	height:119px;
	position:absolute;
	overflow:hidden;
	display:block;
	width:308px;
	left: 9px;
}
h1 span {
	position:absolute;
	left:0px;
	height:119px;
	width:308px;
	cursor: pointer;
	top:0px;
	background: url(../img/logo.jpg) no-repeat 0px 0px;
}

/*-----------------------------------------menu-----------------------------------------*/
menu   {
	position:absolute;
	height: 89px;
	padding-top: 30px;
	top: 0px;
	right: 0px;
	width: 290px;
}
menu li   {
	display:inline;
	list-style-type:none;
}
menu li a   {
	font-size:140%;
	color:#1e7591;
	display:block;
	float:right;
	text-decoration:none;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	width: 126px;
	text-align: center;
	height: 47px;
	margin-left: 9px;
}
menu li.zivotopis a  span {
	background: url(../img/menu.jpg) no-repeat 0px -30px;
	height: 47px;
	width: 126px;
	position: absolute;
	left: 0px;
	top: 0px;
}
menu li.zivotopis a:hover span   {
	color:#9f064e;
	background-image: url(../img/menu-hover.jpg);
	cursor: pointer;
}
menu li.kontakt a span {
	background: url(../img/menu.jpg) no-repeat -136px -30px;
	height: 47px;
	width: 126px;
	position: absolute;
	left: 0px;
	top: 0px;
}
menu li.kontakt a:hover span   {
	color:#9f064e;
	background-image: url(../img/menu-hover.jpg);
	cursor: pointer;
}

/*-----------------------------------------kratky text-----------------------------------------*/
#uvod {
	width: 901px;
	height: 132px;
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 180%;
	margin-left: 9px;
}
#uvod span {
	background: url(../img/img_text.jpg) no-repeat 0px 0px;
	height: 132px;
	width: 910px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#uvod .faceit {
	position: absolute;
	right: 9px;
	top: 22px;
}

/*-----------------------------------------reference-----------------------------------------*/
#container {
	margin: 40px 0 60px 0;
	width: 910px;
}
#container #vybrane {
	height: 270px;
	margin: 0 0 30px 10px;
	width: 887px;
}
#container .title {
	display: block;
	width: 291px;
	float: left;
	margin: 0 0 10px 10px;
	_margin-left: 7px;
}
#container .title2 {
	display: block;
	text-align: right;
	width: 275px;
	height: 27px;
	padding: 8px 10px 0 0;
	background: #111 url(../img/ico-rh.gif) no-repeat 5px center;
	color: #808080;
	border-right: solid 2px #111;
	border-left: solid 2px #111;
}
#container a img {
	border: 2px solid #111;
}
#container a:hover img {
	border: 2px solid #CD0A66;
}

/*-----------------------------------------kontakty-----------------------------------------*/
#kontakt-container {
	background: url(../img/bg_kontakty.jpg) no-repeat center top;
	width: 100%;
	margin-bottom: 50px;
}
#kontakt-in {
	width: 910px;
	margin: 0 auto;
	text-align: left;
}
#kontakt-blok {
	float: left;
	width: 300px;
	position: relative;
	padding-top: 20px;
}
#kontakt-blok  h2, #poptavka h2 {
	position: absolute;
	top: -35px;
	left: 0px;
	overflow: hidden;
	color: #9F064E;
	height: 31px;
	width: 300px;
}
#kontakt-blok h2 span {
	background: url(../img/img_kontakt.gif) no-repeat 0px 0px;
	height: 31px;
	width: 300px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
address {
	font-style: normal;
	display: block;
	margin-bottom: 20px;
	color: #bbb;
}
address span {
	display: block;
}
address a.fb  { background-image: url(../img/ico_fb.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; }




/*-----------------------------------------formular-----------------------------------------*/
#poptavka {
	float: right;
	width: 600px;
	position: relative;
	padding-top: 10px;
}
#poptavka h2 span {
	background: url(../img/img_poptavka.gif) no-repeat 0px 0px;
	display: block;
	height: 31px;
	width: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#poptavka .form-text {
	display: block;
	float: left;
	clear: both;
	width: 100px;
	text-align: right;
	color: #BBB;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#poptavka .form-cite {
	font-style: italic;
	color: #BBBBBB;
	margin-left: 10px;
}

#poptavka input  {
	width: 200px;
	padding: 4px;
	background-color: #2c2c2c;
	border: 1px solid #6c6c6c;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
#poptavka input:hover, #poptavka textarea:hover {
	border-color: #9F064E;
}
#poptavka textarea  {
	padding: 4px;
	background-color: #2c2c2c;
	border: 1px solid #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 100%;
}
#poptavka .no-input {
	padding: 0px;
	width: 86px;
	border-style: none;
	background: url(../img/button-odeslat.png) no-repeat 0px 0px;
	height: 34px;
	margin-top: 10px;
	cursor: pointer;
}
#poptavka label {
	clear: both;
	display: block;
	margin: 5px 0;
}
#odeslano {
	text-align: center;
	font-size: 150%;
	color: #D3066B;
	display: block;
	position: absolute;
	left: 300px;
	top: 20px;
	width: 280px;
	padding: 20px;
	background-color: transparent;
}

/*-----------------------------------------paticka-----------------------------------------*/
#part {
	background: url(../img/img_linka.gif) no-repeat 0px 0px;
	display: block;
	margin: 20px 0;
	padding-top: 10px;
	color: #191919;
}
#part a {
	color: #343535;
}
#part a:hover {
	color: #37BCE7;
}
#paticka {
	margin: 0 auto;
	width: 910px;
}