/* CSS Document */
/*-------------------------------- Global properties -------------------------------- */
html {width:100%; height:100%;}

body {
	background-color:#f6f6f6;
	color:#474747;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px; 
	min-width:1000px;
	height:100%; 
	margin:0;
	padding:0;
	}
	
.wrapper {
	width : 100%;
	} 
	
div.main {
	background-color:#fff;
	margin:0 auto; 
	width:100%; 
	padding:40px 0 60px;
	}
	
div.center {
	margin:0 auto; 
	width: 960px;
	padding:0 5px;
	}
	
#splesh {
	padding-top:40px;}
	
	
.left {float:left!important;}
.right {float:right!important;}
.clear {clear: both;}
.blok {display:block;}

.bold {
	font-weight:bold;
	color:#474747;
	}

.bold span {
	text-transform:uppercase;
	color:#000;
	}
	
.horizline {
	background-color:#e9e6db;
	float:left;
	width:1px;
	height:250px;
	border:none;
	margin:0 35px;
	}

h1{
	font-family:'proxima_nova_ltregular';
	font-size:35px; 
	line-height:35px; 
	color:#969696; 
	font-weight:normal;
	padding-bottom:25px;
	}
	
h2{
	font-family:'proxima_nova_ltregular';
	font-size:24px; 
	line-height:24px; 
	color:#969696; 
	font-weight:normal;
	padding-bottom:18px;
	}	
	
.footer h2{
	font-family:'proxima_nova_ltregular';
	font-size:24px; 
	line-height:24px; 
	color:#fff; 
	font-weight:normal;
	padding-bottom:24px;
	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:13px; 
	color:#78628c; 
	font-weight:normal;
	padding-bottom:17px;
	}
/*==================== header ====================*/
.header {
	background-color:#57544f;
	position:relative; 
	}
	
#logo {
	float:left;
	padding-left:9px;
	}
	
#logo a {
	display:block;
	width:155px;
	height:90px;
	position:relative;
	z-index:1000;
	}	

div.menu {
	float:right;
	padding-top:37px;}
	
ul.menu {
	float:right;
	position:relative;
	}
	

.menu li {
	float:left; 
	position:relative;
	margin-left: 1px;
	text-align:center;
	}
	
.bgm1 {
	background:url(../images/bg_menu1.png) left top repeat-x;
	}
	
.bgm2 {
	background:url(../images/bg_menu2.png) left top repeat-x;
	}

.bgm3 {
	background:url(../images/bg_menu3.png) left top repeat-x;
	}

.bgm4 {
	background:url(../images/bg_menu4.png) left top repeat-x;
	}
	
.bgm5 {
	background:url(../images/bg_menu5.png) left top repeat-x;
	}
	
.menu li.:hover, .menu li.page:active {
	background:url(../images/bg_menu_active.png) left top repeat-x;
	color:#fff; 
	text-decoration:none;
	}

.menu li a {
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px; 
	line-height:15px; 
	color:#323232; 
	font-weight:normal;
	text-shadow: 2px 2px 2px rgba(1, 1, 1, 0.4);
	text-decoration:none;
	padding:23px 0 24px 0; 
	text-align:center;
	font-style:normal;
	text-transform:uppercase;
	width:120px;
	}
	
.menu li a:hover {
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px; 
	line-height:15px; 
	color:#fff; 
	font-weight:normal;
	text-shadow: 2px 2px 2px rgba(1, 1, 1, 0.4);
	text-decoration:none;
	padding:23px 0 24px 0; 
	text-align:center;
	font-style:normal;
	text-transform:uppercase;
	width:120px;
	}

/*==================== slider ====================*/	
.slider {
	position: relative;
	padding:40px 0 58px;
	}
	
.slider p{
	width:230px;
	font-size:35px; 
	line-height:40px; 
	font-family:'proxima_nova_rgbold';
	text-transform:none;
	font-weight:normal;
	color:#fff; 
	position:absolute; 
	top:310px; 
	left:420px; 
	z-index:1;	
	}
	
.slider span{
	width: 230px;
	display:block;
	font-family:'proxima_nova_ltregular';
	font-size:40px; 
	line-height:40px; 
	text-transform:lowercase;
	color:#fff; 
	font-weight:normal;
	top:345px; 
	left:420px;
	position:absolute; 
	z-index:1;
	//margin:0;
	}
	
.slider_right {
	float:right;
	}
	
.slogan{
	width:252px;
	height:141px;
	padding-right:28px;
	}	
	
.slbg1 {
	background-color:#5d6c74;
	}
	
.slbg1 a {
	background:url(../images/slogan_arrow1.png) right center no-repeat;
	}	
	
.slbg2 {
	background-color:#969696;
	}

.slbg2 a {
	background:url(../images/slogan_arrow2.png) right center no-repeat;
	}	
	
.slbg3 {
	background-color:#ae9e8d;
	}

.slbg3 a {
	background:url(../images/slogan_arrow3.png) right center no-repeat;
	}	

.slogan a{
	display:block;
	font-family:'proxima_nova_rgbold';
	font-size:25px; 
	line-height:25px; 
	text-transform:uppercase;
	color:#fff;
	padding: 45px 70px 45px 27px;
	text-decoration:none;
	font-style:normal;
	}
	

	
/*==================== footer ====================*/
.footer {
	background-color:#57544f;
	border-top: 5px #797672 solid;
	padding:36px 20px 145px;
 	} 

ul.footservic a{
	display:block;
	width: 220px;
	background:url(../images/foot_pinn.png) center left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:24px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	padding-left: 20px;
	}	
	
ul.footservic a:hover {	
	text-decoration:underline;
	}

hr {
	width:100%;
	height: 1px;
	background-color:#777570;
	border:none;}
	
.policy {
	width:360px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
	padding-top:8px;
	color:#c9c9c9;
	}
	
.policy p {
	display:block;
	float:left;
	}
	
.policy a {
	display:inline;
	float:none;
	font-style:normal;
	text-decoration:underline;
	color:#c9c9c9;
	} 
	
/*==================== about page ====================*/
.news {
	width:100%;
	}

.news span {
	display:block;
	background-color:#bdcbd3;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
	height:18px;
	font-size:13px; 
	line-height:13px; 
	color:#171616; 
	padding-left:10px;
	padding-top: 7px;
	text-transform:uppercase;
	margin-bottom:14px;
	}
	
.news a{
	display:block;
	width:120px;
	text-decoration:none;
	}
/*==================== donation page ====================*/		
	
.price-list td {
	border:1px solid #fff; 
	font-size:12px;
	line-height:33px;
	}
	
.price-list thead td {
	width:139px; 
	text-align:center; 
	color:#474747; 
	background-color:#2e9edd;
	font-weight:bold;
	}
	 
.price-list td:first-child {width:82px;}

.price-list tbody td:first-child {
	color:#474747; 
	font-weight:bold;
	text-align:left; 
	padding-left:11px;
	}
	 
.price-list tbody td {
	width:110px; 
	text-align:center; 
	background-color:#b2c3cc; 
	color:#fbfbfb;
	}

/*==================== services page ====================*/		
ul.servic a {
	display:block;
	width: 260px;
	background:url(../images/pinn_blue.png) center left no-repeat;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#242424;
	margin-bottom: 19px;
	font-style:normal;
	}	
	
ul.servic a:hover {	
	color:#174e80;
	text-decoration:underline;
	}

/*==================== contact page ====================*/		
.map {
	width:100%;
	padding-bottom:30px;
	float:left;
	}

.adress {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:28px;
	width:160px; 
	text-decoration:none; 
	padding-left:20px;
	color:#000;
	}
	
.adress span{	
	font-weight:bold;
	text-transform:uppercase;
	}
	
.phone tr {width:400px;}

.phone, table td {
	border:none; 
	font-size:12px;
	line-height:30px;
	text-align:left;
	font-weight:normal;
	color:#797979;
	}
	
.phone, table td:first-child {
	width:200px;
	}

/*==================== contact form ====================*/	
.box1_contact {width: 600px;}
.notification_error{ height: auto;width: 96%;padding: 4px;background: #2e2e2e; text-align: left; color:#f00; margin-bottom:5px; border: 1px solid #000; }
.notification_ok{ border: 0px #879295 solid; height: auto; width: 96%; padding: 8px; background: #2e2e2e; text-align: center; color:#fff} 
.info_fieldset { border: 0px #879295 solid; }
.info_fieldset legend { border: 0px #879295 solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; -moz-border-radius: 3px; }

input.button { 
	background: url(../images/bg_menu_span.png) left 80% no-repeat;
	display:block; 
	width:80px; 
	height:22px; 
	text-decoration:none; 
	text-align:center; 
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:14px; 
	line-height:18px; 
	font-weight:bold;
	}
	
input.button:hover{ 
	text-decoration: underline;
	}

/* Label */
label  {
	color:#474747;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	width: 100%;
	margin: 0px;
	float: left;
	text-align: left center;
	}

/* Input, Textarea */
input{ 
	float: left;
	background-color:#fff;
	width:270px;                          
	height:36px;
	border: 1px #c9c9c9 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#474747;
	padding: 0 5px;
	}

textarea{
	float: left;
	background-color:#fff;
	width:270px;
	height:103px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#474747;
	line-height:22px;
	border: 1px #c9c9c9 solid;; 
	padding:5px;
	}	

#sub {
	background: url(../images/submit.png) left top no-repeat;
    color: #fff;
    display: block;
	width: 95px;
	height:45px;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
	line-height: 15px;
	text-transform:uppercase; 
    font-weight: normal;
    text-decoration: none;
	border: none;
	padding: 0;
   }

#sub:hover {
	background: url(../images/submit.png) left bottom no-repeat;
    color: #fff;
    display: block;
	width: 95px;
	height:45 px;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
	line-height: 15px;
	text-transform:uppercase; 
    font-weight: normal;
    text-decoration: none;
	border: none;
	cursor:pointer;
   }   
   
	
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
/*==================== font-face ====================*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('proximanova-bold-webfont.eot');
    src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'proxima_nova_ltregular';
    src: url('proximanova-light-webfont.eot');
    src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}