@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'ArialNarrowRegular';
	src: url('../type/arialn_0-webfont.eot');
	src: local('☺'), url('../type/arialn_0-webfont.woff') format('woff'), url('../type/arialn_0-webfont.ttf') format('truetype'), url('../type/arialn_0-webfont.svg#webfontGrTaqjFo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArialNarrowBold';
	src: url('../type/arialnb-webfont.eot');
	src: local('☺'), url('../type/arialnb-webfont.woff') format('woff'), url('../type/arialnb-webfont.ttf') format('truetype'), url('../type/arialnb-webfont.svg#webfontuzfbVgRI') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvantGardeDemi';
	src: url('../type/avangd_-webfont.eot');
	src: local('☺'), url('../type/avangd_-webfont.woff') format('woff'), url('../type/avangd_-webfont.ttf') format('truetype'), url('../type/avangd_-webfont.svg#webfontZ03JnOBl') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*general elements*/
html, body{margin:0; padding:0;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#333;
}
*{font-weight:normal;}
strong{font-weight:bold;}
h2{}
h3{
	font-family:ArialNarrowBold;
	color:#7B541C;
	font-size:20px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
p{ margin:10px 0;}
a{color:#333;}
a:hover{color:#f90;}
a:focus, a:active{outline:none;}
img{border:none}

/* structure */
.container{
	text-align:center;
	background-color:#fff;
}
.header{
	background: url(../images/bgHeader.gif) left top repeat-x;
	height:200px;
}
.headerWrap{
	width:980px;
	position:relative;
	margin:0 auto;
	text-align:left;
}
.content{
	text-align:center;
	margin:30px 0;
}
.contentWrap{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:visible;
}
.footer{
	text-align:center;
	height:45px;
	background:url(../images/bgFooter.gif) left bottom repeat-x;
}
.footerWrap{
	width:980px;
	height:40px;
	position:relative;
	margin:0 auto;
	text-align:left;
	background-color:#333;
}

/* header */
.headerHp{height:417px; background-image:url(../images/bgHeaderHp.gif);}
.headerHp .headerWrap{height:417px;}
.headerTop{height:140px;}
.logo{
	padding-top:25px;
	color:#007958;
}
.logo img{ float:left; margin-right:10px;}
.logo h1{
	font-family:ArialNarrowRegular;
	margin:0;
	padding:8px 0 0 0;
	font-size:24px;
}
.logo .payoff{
	font-family:ArialNarrowBold;
	font-size:14px;
}

.headerBottom{position:relative; height:60px;}
.headerHp .headerBottom{height:277px;}
.headerWrap > .headerBottom{background:url(../images/bgHeaderBottom.png) center top no-repeat;}
.imgBig{
	width:535px;
	height:329px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/imgHeader.gif) left bottom no-repeat;
}
.headerBottom > .imgBig{background-image:url(../images/imgHeader.png);}
.claim{
	position:absolute;
	left:555px;
	top:75px;
	width:425px;
}
.claim h2{
	font-family:AvantGardeDemi;
	margin:0;
	padding:0;
	font-size:23px;
	color:#fff;
	line-height:100%;
}
.claim h3{
	font-family:AvantGardeDemi;
	margin:0;
	padding:20px 0 5px 0;
	font-size:19px;
	color:#7D571F;
	line-height:100%;
	text-transform:none;
}
.claim span{color:#7D571F;}


/*content homepage*/
.contentHp .contentWrap{
	background:url(../images/bgContentHp.gif) left top repeat-y;
}
.blockHp{width:326px; float:left;}
.blockHpDouble{width:652px;}
.blockHp .wrap{margin:0 15px;}

.boxLogin{line-height:17px;}
.boxLogin .wrap{padding:15px 15px 12px 15px; margin:0;}
.boxLogin label{display:block; clear:both; float:none;}
.boxLogin input.inputText{width:160px; margin-right:10px; margin-bottom:3px; height:16px; line-height:16px;}
.boxGrey .wrap > input.inputText{float:left;}
.boxLogin .error{margin-bottom:10px;}

.boxLogin .btn{
	width:55px;
	margin-top:2px;
	background-image:url(../images/btnBrownLogin.gif);
}
.boxLogin .btn:hover{background-image:url(../images/btnBrownLogin_hover.gif);}

/*content*/
h2.pageTitle{
	font-family:AvantGardeDemi;
	margin:0;
	padding:0;
	font-size:23px;
	color:#fff;
	line-height:100%;
	position:absolute;
	top:-65px;
	left:15px;
}
.boxUser{
	width:200px;
	height:100px;
	position:absolute;
	top:-190px;
	left:780px;	
	/*top:-210px;*/
}
.boxUser .wrap{padding:10px 0 9px 10px; margin:0;}
.boxUser table, .boxUser table td{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:none;
	font-size:12px;
	height:50px;
}
.center{
	float:left;
	width:760px;
}
.center .wrap{
	margin:0 15px;
}
ul.bulletList{
	margin:0;
	padding:0;
	list-style-type:none;
	padding-bottom:20px;
}
ul.bulletList li{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:10px;
	background:url(../images/bullet.gif) left top no-repeat;
}
ul.bulletList li a{
	text-decoration:none;
	padding-left:18px;
}
ul.bulletList li a:hover{
	background:url(../images/bullet_hover.gif) left top no-repeat;
}


/*form*/
.form{margin-top:20px;}
.form table{
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:570px;	
}
.form table td{
	margin:0;
	padding:10px 5px;
	border-collapse:collapse;
	font-size:12px;
	/*border-bottom:1px solid #ccc;*/
	border-top:1px solid #ccc;
}
.form table td.left{width:160px;}
.form table td.right{}
.form table td.required{/*background-color:#ffffb7;*/}
.form label{display:block; clear:both;}
.form input.inputText{
	width:250px;
	margin-right:5px;
}
.form input.inputCheck{
	margin:0;
	padding:0;
	margin-right:5px;
	float:left;
}
.form table.inputRadio
{
    width:auto;
    border:none;
    margin:0;
}
.form table.inputRadio td
{
	border:none;
	width:180px;
	padding:0 5px 0 0;
	vertical-align:top;
}
.form table.inputRadio td label
{
    padding-top:3px;
	float:left;
	clear:none;
}
.form table.inputRadio td input
{
    height:14px;   
	float:left;
	clear:none;
}
.form textarea{
	margin:0;
	padding:0;
	overflow:auto;
}
.form table.buttons td
{
    border-top:1px solid #ccc;
	padding:20px 0 0 0;
	border-bottom:none;
}
.form table.buttons td.left{width:175px;}
.form table.buttons .btn{
	width:65px;
	background-image:url(../images/btnBrown.gif);
}
.form table.buttons .btn:hover{background-image:url(../images/btnBrown_hover.gif);}
.form table.freeText td
{
    padding-top:20px;
    border-top:1px solid #ccc;
}

/*footer*/
.footer{
	color:#999;
	font-size:11px;
}
.footer a{color:#999;}
.footer a:hover{color:#fff;}
.footerInfo{
	float:left;
	margin-left:15px;
	padding-top:10px;
}
.footerVatNumber{
	float:right;
	margin-right:15px;
	padding-top:10px;
}

/*various*/
.clear{
	width:100%;
	height:1px;
	line-height:1px;
	overflow:hidden;
	float:none;
	clear:both;
}

a.grey{
	background:url(../images/bgLinkGrey.gif) right bottom no-repeat;
	padding-right:15px;
	text-decoration:none;
}
a.grey span{
	background:url(../images/bgLinkGrey_left.gif) left bottom no-repeat;
	padding:0 5px 0 0;
}
a.grey:hover{background-image:url(../images/bgLinkGrey_hover.gif); color:#fff;}
a.grey:hover span{background-image:url(../images/bgLinkGrey_left_hover.gif);}




a.greyBack{
	background:url(../images/bgLinkGreyBack.gif) left bottom no-repeat;
	padding-right:0;
	padding-left:15px;
}
a.greyBack span{background:url(../images/bgLinkGreyBack_left.gif) right bottom no-repeat;}
a.greyBack:hover{background-image:url(../images/bgLinkGreyBack_hover.gif); color:#fff;}
a.greyBack:hover span{background-image:url(../images/bgLinkGreyBack_left_hover.gif);}


a.brown{
	background:url(../images/bgLinkBrown.gif) right bottom no-repeat;
	padding-right:15px;
	text-decoration:none;
	color:#fff;
}
a.brown span{
	background:url(../images/bgLinkBrown_left.gif) left bottom no-repeat;
	padding:0 5px 0 0;
}
a.brown:hover{background-image:url(../images/bgLinkBrown_hover.gif); color:#fff;}
a.brown:hover span{background-image:url(../images/bgLinkBrown_left_hover.gif);}


.boxGrey{background-color:#ccc; position:relative;}
.cornerTopLeft, .cornerTopRight, .cornerBottomLeft, .cornerBottomRight{
	position:absolute;
	width:11px;
	height:11px;
	overflow:hidden;
	background-repeat:no-repeat;
}
.cornerTopLeft{top:0; left:0; background-position:left top;}
.cornerTopRight{top:0; right:0; background-position:right top;}
.cornerBottomLeft{bottom:0; left:0; background-position:left -11px;}
.cornerBottomRight{bottom:0; right:0; background-position:right -11px;}
.boxGrey > .cornerGrey{background-image:url(../images/bgCornerGrey.gif);}
.cornerFooter{background-image:url(../images/bgCornerFooter.gif);}

.btn{
	color:#fff;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	border:none;
	margin:0;
	padding:1px;
	text-align:center;
	cursor:pointer;
}

.error{color:#f00; font-size:10px;}



