html, body {
  margin:0;
  padding:0;
  height:100%;
}


html {
	background: url(/img/bg-html.jpg) repeat-x 0 0;
}


body{
	margin:18px 0 0 0;
	color:#232323;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background: #fff url(/img/bg-body.gif) repeat-x 0 0;
	min-width: 995px;
}


div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


.postorder .ri {float: right; width: 54%; text-align: right; font-weight: bold; font-size: 12px;}
.postorder .le {float: left;  width: 45%; font-size: 12px;}
.postorder .clear {border-top: 1px dashed #ccc; position:relative; top: 9px}

.newss {padding: 5px 27px 5px 20px;  background: url(../-images/new.gif) top right no-repeat;}

.midarea img {float: left; margin: 3px 10px 10px 0; border: 1px solid #ccc;}
.banners {margin : 0 0 20px 10px; border: none;}


.klients {font-size: 95%; color: #4f94b0; display: block; text-align: right; margin: 7px 0 15px 0; font-style: italic}

a {outline: none !important;}

.order-now-text {background: url(../img/order_now_text.gif) 0 0 no-repeat; display: block;  width: 230px; height: 52px; color: #fff; text-decoration: none; font-size: 18px; padding: 8px 10px 15px 10px; margin: 15px 0 0 0; line-height: 25px;}
.order-now-text span {
	font-size: 26px;
}
.order-now-text:hover {background: url(../img/order_now_text.gif) 0 -76px no-repeat; color: #fff; text-decoration: none; font-size: 18px;}
/*Description for documantation*/

.mousedown {
	background: url(../img/order_now_text.gif) 0 -154px no-repeat !important; color: #fff; text-decoration: none; font-size: 18px;
}

#documentation .open {
	color:#C97200;
	cursor:pointer;
	font-weight: bold;
	text-decoration: none;
	font-size:100%;
	width: 100%;
	padding:0 0 20px 0;
	background: transparent url(../-images/bg-main-button.gif) 100% 7px no-repeat;
 }
#documentation .close {
	color:#C97200;
	cursor:pointer;
	font-weight: bold;
	text-decoration: none;
	font-size:100%;
	width: 100%;
	padding:0 0 20px 0;
	background: transparent url(../-images/bg-main-button.gif) 100% -23px no-repeat;
}
#documentation pre {display: block; margin: 10px 0; background: #F5F5EA; font-size: 90%; padding: 10px; font-family: monospace;}
#documentation pre h5 {color: #727272; font-size: 105%; margin: 0; padding: 0}
.listdoc {border-top: 1px solid #dadada; margin: 10px 0 0px 0; padding-top: 7px; position: relative;}
.descript { margin-top: -20px; width: 400px}
.show {display: block; font-size: 90%;}
.hide {display: none; font-size: 90%;}
.border_doc {margin: 5px 0 9px 0; padding: 0;border: none; border-bottom: 1px dashed #d6e2e2; background: none; height: 1px; }
#documentation h5 {
	color:#70A90D;
	display:block;
	font-size:95%;
	padding-bottom: 4px;
}

.docum {border-collapse: collapse; width: 95%; border: 0; text-align: left;}
.docum th, td {padding: 5px; border: 1px solid #dadada}
.docum caption {font-size: 120%; font-weight: bold; margin: 10px 0; text-align: left;}

/*End dis*/


.important {padding: 10px; margin: 5px 0; background: #F5F5EA; border: 2px solid #E3544C}
.act {color: #fff !important;}





.table-box {width: 340px; margin: 20px 0 10px 30px; overflow: hidden}
.table-box p {padding: 0 0 10px 0; float: left;}
.table-box label {font-size: 95%; display: block; padding:0; float: left; width: 60px; position: relative; top: 3px;}
.table-box input {width: 270px; float: left}
.table-box input.page {width: 20px;}
.table-box input.file {width: 179px; position: relative; top: -2px;  margin-right: 10px;}
.table-box .nofloat {display: block; top: 0; float: left;}
.table-box .textarea {width: 331px; height: 65px; position: relative; float: left;}
.table-box .border_doc {clear: both; padding: 0px 0 16px 0; position: relative; top: -4px} 
.table-box .button {width: auto; float: right; margin: 0px 5px 0 0}




#document {position: absolute; left: 100px; top: 18px; font-size: 33px;font-weight: normal;color: #A8A0A0; text-decoration: none;}
#document:hover {color: #E3544C;}

#amount {color: #F42B84;  font-weight: bold;}


a.oreder {background: url(/img/order.gif) no-repeat left top; color: #fff !important; display: inline-block; font-size: 15px; height: 29px; margin-bottom: 0px; margin-right: 15px; padding: 6px 0px 0px 15px; position: relative; text-decoration: none; text-transform: uppercase; font-weight: bold; position: relative; left: -3px; float: right;}

a.oreder span {background: url(/img/order.gif) no-repeat right top; height: 35px; position: absolute; right: -15px; top: 0; width: 15px; }
a.oreder:hover {background-position: 0 -35px; }
a.oreder:hover span {background-position: 100% -35px; }


.colour {color:#F42B84; font-weight: bold}
p {padding-bottom: 8px;}
ul {margin: 10px 0 10px 25px;}
h3 {margin: 27px 0 5px 0; font-size: 20px; color: #D0910B; font-weight: normal}

a {color: #2998d8}
a:hover {text-decoration: none; color: #2998d8}
h2 a {color: #2998d8;}
h3 a {color: #2998d8;}

.div_form {overflow: hidden; margin-top: 0px}
.div_form .textarea { width: 237px; margin: 0px 0 0 0; height: 65px; float: left;}
.div_form .input_text {width: 236px; height: 16px;}
.div_form .label {padding: 5px 0 0 0; display: block;}

.btn {margin: 10px 0 17px 0px; float: right;}

.border_line {margin: 0; padding: 0;border: none; border-bottom: 1px dashed #d6e2e2; background: none; height: 1px;  position: relative; top: 15px; clear: both;}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.clear {clear: both;}


/*------------------------------------------------topheader--------------------*/

#topheader{
	width:990px;
	height:136px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2998d8;
	text-decoration: none;
	padding: 0px;
	float: none;
}
.logo {
	background-image: url(/img/logo.gif);
	background-repeat: no-repeat;
	padding: 0px 0 0 0px;
	float: left;
	height: 38px;
	width: 216px;
	margin-top: 52px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 69px;
	text-indent:-9999px;
}
a#logo {
	display: block;
	height: 38px;
	width: 216px;
}
.contact-box {
	float: right;
	margin: 50px 0 0 0;
	width: 290px;
}
.contact-box h4{
	font-size: 18px; float: left;
}
.contact-box .icons-cont{
	float: left; display: block; height: 24px; margin: 3px 15px 3px 0; position:relative; top: 0px; padding: 0 0 0 30px; color: #45b8e6;
}
.contact-box .icq {background: url(/img/mailskype.gif) 2px -3px no-repeat; }
.contact-box .skype {background: url(/img/mailskype.gif) -4px -27px no-repeat;  padding: 0 0 0 25px;}
.contact-box .email {background: url(/img/mailskype.gif) 0 -52px no-repeat;}

.overflow {
	overflow: hidden;
}


/*------------------------------------------------search_strip-------------------*/

#search_strip{
	width:995px;
	height:76px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	position: relative;
}
.freeregistration {
	margin: 0px;
	float: left;
	height: 32px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	list-style: none;
}

.freeregistration li {float: left; margin: 2px 0 0 -12px; font-size: 15px; font-weight: normal; text-align: center; line-height: 32px;}
.freeregistration li a {display: block; width: 149px; height: 32px; background: url(/img/navigation.png) no-repeat 0 0; color: #465a6b; text-decoration: none; position: relative; z-index: 0;}
.freeregistration li a:hover {background: url(/img/navigation-hover.png) no-repeat 0 0; color: #fff; z-index: 9;}
.freeregistration li span {display: block; width: 149px; height: 32px; text-decoration: none; position: relative; background: url(/img/navigation-hover.png) no-repeat 0 0; color: #fff; z-index: 9;}

.freeregistration li a.active,.freeregistration li span.active {background: url(/img/navigation-active.png) no-repeat 0 0; color: #fff; z-index: 9; font-size: 19px}

.search_area {
	float: left;
	height: 58px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 15px;
	background: url(../img/confid.gif) no-repeat 0px 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.search_area a {display: block; font-size: 12px; padding: 9px 0px 0px 60px; color: #6c9599; text-decoration: none;}
.search_area span {display: block; font-size: 12px; padding: 9px 0px 0px 60px; color: #f7941c;}
.search_area a:hover {text-decoration: underline; color: #f7941c}
/*------------------------------------------------body_area--------------------*/

#body_area{
	width:995px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.comments_area {
	margin: 0px;
	padding: 0px;
	position: relative;
}

.comments_text {
	
	font-weight: normal;
	color: #386060;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 2px;
}




.comments_link {
	
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.comments_link:hover {
	color: #386060;
}
.midarea {
	margin: 0px;
	float: left;
	width: 630px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 70px;
}
h1 {
	font-size: 35px;
	font-weight: normal;
	color: #F42B84;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	text-align: left;
	position: relative;
	left: -2px;
}
h2 {
	font-size: 26px;
	font-weight: normal;
	color: #2998d8;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 20px 0 7px 0;
	text-align: left;
	position: relative;
	left: -2px;
}
h3 {
	font-size: 23px;
	font-weight: normal;
	color: #2998d8;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 20px 0 7px 0;
	text-align: left;
	position: relative;
	left: -2px;
}


.body_textarea {
	font-size: 14px;
	font-weight: normal;
	color: #465a6b;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 570px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
	background: url(/img/body_textarea.gif) repeat-y 100% 0;

}

.right {
	margin: 0px;
	padding: 0 0 100px 0;
	float: left;
	width: 243px;
}
.events_head {
	font-size: 23px;
	font-weight: normal;
	text-transform: none;
	color: #3c6f75;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
* {margin: 0; padding: 0}
/*------------------------------------------------fotter--------------------*/
#fotter{
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0;
	clear: both;
	height: 94px;
	display: block;
	border-top: 1px solid #f87fb4;
}
.fotter_links {
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #202219;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.fotter_text {
	
	font-size: 12px;
	font-weight: normal;
	color: #cb0002;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 43px;
	width: 944px;
	padding-top: 53px;
	padding-right: 30px;
	padding-bottom: 32px;
	padding-left: 30px;
}

.fotter_copyrights {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.fotter_validation {
	font-family: "Trebuchet MS";
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #c75c2c;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------fotterlinks --------------------*/
a.fotterlink {
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #465a6b;
	padding-right: 5px;
	padding-left: 5px;
}
a.fotterlink:hover {
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f42b84;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}



/*------------------------------------------------validation --------------------*/
a.xhtml:link {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:visited {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:hover {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:active{
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

a.css:link {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:visited {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:hover {
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
background-color: #d0910b;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:active{
	color: #FFFFFF;
	text-decoration: none;
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.fotter_designed {
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #3e8f96;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designedlink {
	
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #1d6369;
}
.fotter_designedlink:hover {
	color: #b17a04;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {
  position: relative;
  min-height: 100%;
}
* html #container {
  height: 100%;
}
#fotter {
  position: relative;
  margin-top: -94px;
}
.systems-pay {
	padding: 25px 0;
}
.systems-pay img {
	border: none;
}
.textted p {
	font-size: 10px;
}
.textted ul {
	font-size: 10px;
}
.textted h2 {
	font-size: 13px;
}
.textted h3 {
	font-size: 12px;
}

/*

Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>

*/
pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .apache .cbracket {
  color: rgb(0, 128, 0);
}

pre .keyword,
pre .id,
pre .title,
pre .built_in,
pre .aggregate,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .tex .command {
  color: rgb(0, 0, 255);
}

pre .string,
pre .title,
pre .parent,
pre .tag .attribute .value,
pre .rules .value,
pre .rules .value .number,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .instancevar,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .addition,
pre .flow,
pre .stream,
pre .apache .tag,
pre .date,
pre .tex .formula {
  color: rgb(163, 21, 21);
}

pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .preprocessor,
pre .userType,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .special {
  color: rgb(43, 145, 175);
}

pre .phpdoc,
pre .javadoc,
pre .xmlDocTag {
  color: rgb(128, 128, 128);
}