* {  
  margin: 0;
  padding: 0;
  border: 0;
}

body  { 
  text-align: center;
}

body,input,table,select,textarea {
  font: normal 12px/170% Georgia;
  /*color: #c52c4b;*/
}

html, body {
  height:100%;
}


div.cleaner {
  display: block;
  width: 100%;
  height: 1px;
  visibility: hidden;
  float: none;
  clear: both;
  _line-height: 0;
  margin: 0;
}



/*
#container1-3 is the solution for vertical centering by www.jakpsatweb.cz, thanks a lot :)
*/

#container1 {height: 100%; overflow: visible; position: relative; width: 100%;}
#container1[id] {display: table; position: static;}

#container2 {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#container2[id] {display: table-cell; vertical-align: middle; position: static;}

#container3 {position: relative; top: -50%; text-align: left;} /* for explorer only */
#container3 {width: 200px; margin-left: auto; margin-right: auto;} /* for all browsers*/


#container1 {
  background: #c31d55 url(../img/bg1.png) no-repeat scroll center;	
}

#container3 {
	width: 900px; 
	z-index: 10;
	text-align: center;
}

#shadow-top-hp {
	background: transparent url(../img/hp_shadow_top.png) no-repeat top center;
	height: 270px;
	width: 900px;
	z-index: 20;
}

#shadow-top-hp h1 {
	width: 220px;
	float: left;
	margin: 80px 0 0 80px;
}

#shadow-top-hp h1 a {
	font-family: Arial, Verdana, Tahoma;
	font-size: 72px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: block;  
	line-height: 80px;
	width:200px;
	height: 80px;
	background-color: red;
	text-indent: -5000px;
	background: url(/img/logo-vektor.png) no-repeat top left;
}

#shadow-top-hp h2 {
	float: left;
	width: 260px;
	margin-top: 90px; 
	margin-left: 30px;	
}

#shadow-top-hp h2 a {
	font-family: Arial, Verdana, Tahoma;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: block;  
	line-height: 30px;
	text-align: left;
}

#shadow-bottom-hp {
	background: transparent url(../img/hp_shadow_bottom.png) no-repeat bottom center;
	height: 200px;
	width: 900px;
	z-index: 20;
}

#shadow-bottom-hp p {
	float: right;
	margin-top: 90px;
	margin-right: 50px;
	width: 670px;
	text-align: right;
	font-size: 11px;
	color: #4b0026;
}

#shadow-bottom-hp p a {
  color: #4b0026;
}

#shadow-middle {
	background: transparent url(.../img/shadow_middle.png) repeat-y center;
	width: 900px;
	position: relative;
	z-index: 20px;
	text-align: center;
	margin: 130px auto 111px auto;
}

#container4 {
	background: #fff url(../img/bg2..jpg) no-repeat scroll center;
	width: 800px;
	margin: -70px auto -55px auto;
	/*margin: 0 auto;*/
	position: relative;
	z-index: 15;
	text-align: left;
	/*padding-bottom: 270px;*/
}




#hp-block1 {
	width: 200px;
	height: 230px;
	float: left;
	background: transparent url(../img/hp_block1.png) no-repeat top center;
	margin: 30px 0 -20px 32px;
	padding: 35px 18px 0 17px;	
}

#hp-block2 {
	width: 200px;
	height: 244px;
	float: left;
	background: transparent url(../img/hp_block2.png) no-repeat top center;
	margin: 5px 0 -40px 15px;
	padding: 40px 18px 0 17px;	
}

#hp-block3 {
	width: 200px;
	height: 244px;
	float: left;
	background: transparent url(../img/hp_block3.png) no-repeat top center;
	margin: 0 0 0px 15px;
	padding: 25px 18px 0 17px;	
}

#container4 div.navblock {
	position: relative;
	z-index: 50;	
}

#container4 div.navblock h2 {
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 0.5em;
	padding:2px 0 4px 0;
	background: transparent no-repeat 0 2px;
}

#container4 #hp-block1.navblock h2 {
	background-image: url(../img/icon_reg.png);
}

#container4 #hp-block2.navblock h2 {
	background-image: url(../img/icon_catalog.png);
}

#container4 #hp-block3.navblock h2 {
	background-image: url(../img/icon_kontakt.png);
}

#container4 div.navblock p {
	font-size: 13px;
	margin-bottom: 1em;
	color: #f5d0e3;	
}
#container4 div.navblock p a {
	color: #f5d0e3;
}



div.quote {
	margin: 20px 0 20px 120px;
	width: 500px;
}

div.quote cite {
	display: block;
	float: left;
	line-height: 30px;
	font-size: 25px;
	color: #c11e3f;
}

div.quote .begin {
	display: block;
	float: left;
	width: 21px;
	height: 16px;
	background: #fff url(../img/quote_begin.png) no-repeat top left; 
	line-height: 0;
	font-size: 0;
	margin: 15px 10px 0 115px;
}

div.quote .end {
	display: block;
	float: left;
	width: 21px;
	height: 16px;
	background: #fff url(../img/quote_end.png) no-repeat top left; 
	line-height: 0;
	font-size: 0;
	margin: 0 0 0 10px;
}

div.quote .signature {
	text-align: right;
	font-size: 10px;	
	color: #c11e3f;  
}


a.btn1 {
	width: 181px;
	height: 32px;
	color: #fdd7ea;
	font-size: 18px;
	display: block;
	background: url(../img/btn1_bg.png) no-repeat 0 0;
	padding: 10px 0 0 20px;
	z-index: 55;
}

a.btn1:hover {
	background-position: 0 -42px;
	color: #fff;
}


#corner1 {
	position: absolute;
	bottom: -11px;
	right: 0;
	width: 147px;
	height: 103px;
	background: transparent url(../img/corner.png) no-repeat bottom right;
	z-index: 60;
}



#content {
	margin: 20px 32px 20px 32px;
	color: #c11e3f;
}

#content a {
	color: #c11e3f;	
}

#content a:hover {
	text-decoration: none;	
}

#content h2 {
	color: #c11e3f;
	font-size: 34px;	
	line-height: 43px;
	margin-bottom: 0.3em;
	text-align: center;
	font-weight: normal;
}


#regform {
}

#regform form {}

#regform form table {
	width: 450px;
	float: left;
}

#regform form table.wide {
	width: 725px;	
}

#regform form table label {
	font-size: 14px;	
}

#regform form table td,
#regform form table th {
	padding: 10px 0px 0 0;
	border-bottom: 0px solid #F5D0E3;
	text-align: left;
	vertical-align: top;	
}

#regform form table td.delimiter {
	line-height: 0;
	height: 5px;	
}

#regform form table th {
	width: 150px;	
	text-align: left;
	padding-right: 10px;
	font-weight: normal;
}

#regform form table.wide th {
	width: 250px;	
}

#regform form table th.title {
	font-size: 17px;
	text-align: left;
	color: #555;
	border-bottom: 1px dashed #ccc;
	padding: 30px 0 5px 0;
	width: auto;
}

#regform form input,
#regform form select,
#regform form textarea {
	border: 1px solid #e279a9;
	width: 250px;
	line-height: 15px;
	font-size: 13px;
	color: #c11e3f;
	font-weight: normal;
	padding: 2px;
	background: #f8dde6 url(../img/input_text_bg.png) repeat-x top left;
}

#regform form table.wide select {
	width: 300px;	
}

#regform form table.wide textarea {
	width: 450px;
	height: 60px;	
}

#regform form input.button2 {
	font-size: 18px;
	line-height: 20px;
	padding: 1px 0 0 15px;
	width: 380px;
	height: 43px;
	background: red url(../img/btn2_bg.png) no-repeat top left;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-align: left;	
	border: 0;
	font-weight: bold;
}

#regform form span.required {
	color: red;
	font-size: 20px;	
} 


#reginfo {
	width: 250px;
	float: right;
	margin-top: 30px;
	color: #774059;
	background: #fff url(../img/reginfo_bg.png) no-repeat top left;
	padding: 10px 8px 10px 12px; 
}

#reginfo p {
	font-weight: bold;	
	font-size: 14px;
	margin-bottom: 0.3em;
}

#reginfo ul {
	list-style-position: outside;
	margin-left: 1.4em;
}



table#contact {
	font-size: 17px;
	width: 500px;
	text-align: center;
	margin: 25px auto 0 auto;
}

table#contact th {
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
}

table#contact td {
	text-align: left;	
	font-weight: bold;
}