html ,body{width: 100%; height: auto; background:#F2F7FA url(../images/bg.jpg) no-repeat left top;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, caption {margin:0; padding:0; border:0;}
table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
td{vertical-align:top}

a img, :link img, :visited img { border:0; }
a { cursor:pointer; outline:none}

.clear{clear:both; font-size:1px; line-height:1px; height:1px}

/*---------------------
	Style for index.html
	-----------------*/

.header {height:65px; background:url(../images/header-x.png) repeat left top; padding:35px 0 0 22px}

.kolonna {width:398px; height:606px; background:url(../images/kolon.png) repeat left top; position:absolute; right:0px; top:0px}
	.header h2 {background:url(../images/uzor1.png) no-repeat left 2px; padding:0 0 0 39px; float:left; margin:0 18px 0 0}
	.header h2 a {font-family:arial, sans-serif; font-size:25px; color:#fff500; text-transform:uppercase; font-weight:bold; text-decoration:none}
	.header h2 a:hover {color:#da251d; }

	.title2 {background:url(../images/uzor1.png) no-repeat left 2px; padding:0 0 0 39px; float:left; margin:0 15px 0 0}
	.title2 a {font-family:arial, sans-serif; font-size:25px; text-transform:uppercase; font-weight:bold; text-decoration:none}

	.uzor {background:url(../images/uzor1.png) no-repeat left 2px; height:26px; width:26px; float:left;}

.logo {width:408px; height:184px; background:url(../images/logo.png) no-repeat left top; float:left; margin:14px 15px 0 15px; display:inline}
.logo a {display:block; width:408px; height:184px}

.whatdo {float:left; margin:20px 0 0 0}
	.whatdo ol {margin:0px; padding:0 0 0 30px}
	.whatdo ol li {font-family:arial, sans-serif; font-size:26px; color:#7f4123; text-transform:uppercase; font-weight:bold; line-height:43px}

.contentArea {margin:33px 0 0 30px}
	.contentArea h1 {font-family:arial, sans-serif; font-size:25px; color:#da251d; text-transform:uppercase}
	.contentArea h2 {font-family:arial, sans-serif; font-size:24px; color:#7f4123; text-transform:uppercase; margin:30px 0 0 0}
	.contentArea li {font-family:arial, sans-serif; font-size:14px; color:#7f4123; margin:5px 0 0 0; width:80%; text-align:justify; color:#000000;}

	.forms {font-family:arial, sans-serif; font-size:14px; color:#7f4123; margin:20px 0 0 0; width:80%}
	.forms td {padding:0 15px 15px 0}
	.forms td.lftwd {width:115px}
	.forms ul {list-style:none; margin:0 0 0 3px; padding:0px}
	.forms ul li {background:url(../images/point.png) no-repeat left 4px; padding:0 0 0 16px; line-height:18px}
	.forms span.col1 {color:#000}
	.forms span.col2 {color:#c86a37}
	.radi {clear:both; margin:0 0 2px 0; float:left; width:100%}
		.radi input {float:left; margin:0 5px 0 0; padding:0px; height:17px; width:15px}
		.radi label {float:left; margin:0px; padding:0px; line-height:18px}

	.inputs {margin:-4px 0 2px 0; position:relative}
		.inputs input {border:1px solid #7f4123; padding:2px 7px 3px 7px; font-family:arial, sans-serif; font-size:14px; color:#7f4123; background:none; width:480px}

	.txarea {margin:-4px 0 2px 0; position:relative;}
		.txarea textarea {border:1px solid #7f4123; padding:2px 7px 3px 7px; font-family:arial, sans-serif; font-size:14px; color:#7f4123; background:none; width:480px; height:150px; overflow:none}

	.sendButt {width:328px; height:60px;  position:relative; margin:10px 0 35px 0}
	.sendButt input {width:328px; height:60px; background:none; position:absolute; left:0px; top:0px; border:0px; background:url(../images/button.png) no-repeat left top; font-family:arial, sans-serif; font-size:24px; color:#7f4123; text-transform:uppercase; font-weight:bold}

	.uzori {height:25px; background:url(../images/uzor2.png) repeat-x left top; margin:0 0 10px 0}

 	.twoCol {margin:0 0 0 30px}
	 	.twoCol td {width:48%; padding-bottom:70px; line-height:18px}
	 	.twoCol td.leftCol {padding-right:30px}
	 	.twoCol h2 {font-family:arial, sans-serif; font-size:24px; color:#7f4123; text-transform:uppercase; font-weight:bold; margin:25px 0 25px 0}
	 	.twoCol ol {margin:0 0 0 26px; padding:0 0 0 0px;}
	 	.twoCol ol li {font-family:arial, sans-serif; font-size:14px; color:#000}

	.footer {height:100px; background:url(../images/footer-x.png) repeat-x left top; position:relative;}
		.greki {width:406px; height:413px; background:url(../images/grec.png) no-repeat left top; position:absolute; bottom:0px; left:0px}
		.logoFoot {width:346px; height:41px; background:url(../images/logo-footer.png) no-repeat left top;
				   margin:48px 0 0 410px; float:left; display:inline}
		.logoFoot a {display:block; width:346px; height:41px; }

		.footText {float:right; margin:48px 13px 0 0; text-align:right; line-height:20px}
		.footText a {font-family:arial, sans-serif; font-size:14px; color:#fff500;}
		.footText a.redc {color:#da251d}
		.footText a:hover {text-decoration:none}
		
		.schet {float:left; margin:54px 0px 0px 13px}
		
p {font-family:arial, sans-serif; font-size:14px; color:#7f4123; margin:20px 0 0 0; width:80%; text-align:justify; color:#000000;}
a {font-family:arial, sans-serif; font-size:14px; color:#7f4123;}
a:hover {text-decoration:none}
.space {margin:350px 350px 350px 350px}