/*Living Nature Photos Art*/
body {
width: auto;
height: auto;
font-family: tahoma, arial, verdana, helvetica, sans-serif;
font-size: 14px;
color: #333;
text-align: center; 
/*background: url(pics/backgr_1.gif);
background-repeat: repeat;*/
background-color: black;
}

* {
margin:0;
padding:0;
}

#mainWraper {
width: auto;
height: auto;
text-align: center; 
background-color: black;
/*border: 1px solid red;*/
}

.both {
clear: both;
}

.left {
float: left;
}

.header {
width: auto;
height: auto;
margin: auto;
background: url(img/Header_Back_4_3.jpg);
background-repeat: repeat;
border-bottom: 4px solid #385f71;
}	

.headerin {
width: 970px;
height: 150px;
margin: auto;
background: url(img/Header_Back_4_3.jpg);
background-repeat: repeat;
background-color: black;
/*border: 1px solid blue;*/
}

.headerDonation {
width: 970px;
height: 150px;
float: left;
margin: 0;
background: url(img/head_Don.jpg);
background-repeat: repeat;
}

.logo {
width: 247px;
height: 148px;
float: left;
background: url(img/NEW_Header_Combain3.png);
background-repeat: no-repeat;
/*border: 1px solid yellow;*/
}

.logo4 {
width: 247px;
height: 148px;
float: left;
background: url(img/NEW_Header_Combain4.png);
background-repeat: no-repeat;
/*border: 1px solid yellow;*/
}

.one {
visibility: hidden;
}

a img {
border: 0;
}

li {
list-style: none;
}

.ENBG {
float:left;
margin-top: 120px;
margin-left: 20px;
display: inline;
padding: 0;
/*border: 1px solid red;*/
}

.ENBG a {
font-family: tahoma;
font-size: 16px;
font-weight: bold;
color: #999;
text-decoration: none;
}

.ENBG a:hover {
font-family: tahoma;
font-size: 16px;
font-weight: bold;
color: #666;
text-decoration: none;
}

.ENBG span {
color: #710000;
}

.naglBG {
margin-left: 62px;
}

	.ENBGdon {
		float:left;
		margin-left: 9%;
		margin-top: 113px;
		/*border: 1px solid red;*/
		}

	.ENBGdon a {
		font-family: tahoma;
		font-size: 1,2em;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		}

	.ENBGdon a:hover {
		font-family: tahoma;
		font-size: 1,2em;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		}	

.bodyWraper {
width: auto;
height:auto;
margin: auto;
background-color: #181b1c;
/*border: 1px solid green;*/
}

.bodyWraperin {
width: 970px;
min-height: 470px;
height: auto !Important;
height: 470px;
margin: auto;
background-color: #181b1c;
/*border: 1px solid red;*/
}

.hide{
z-index: 30;
margin-left: -89px;
margin-top: 31px;
float: left;
display: none;
}

.hideBG{
z-index: 30;
margin-left: -100px;
margin-top: 33px;
float: left;
display: none;
}

.menu {
			height: 25px;
			float: left;
			z-index: 10;
			margin-top: 12px;
			text-align:left;
			cursor: pointer;
			/*border: 1px solid red;*/
		}

		.item {
			height: 22px;
			margin-left: 40px;
			padding: 3px 15px 3px 22px;
			color: #666;
			font: normal 16px tahoma;
			float: left;
			cursor: pointer;
			background-color: trasparent;
			border: 2px solid #999;
		}

		.itemActive {
			height: 22px;
			margin-left: 40px;
			padding: 3px 15px 3px 22px;
			color: #333;
			font: normal 16px tahoma;
			float: left;
			cursor: pointer;
			height: 22px;
			background: url('img/strelka25.gif') no-repeat #e6edf5;
			border: 2px solid #666;
		}

		.itemSelected {
			height: 22px;
			margin-left: 40px;
			padding: 3px 15px 3px 22px;
			color: #fff;
			font: normal 16px tahoma;
			float: left;
			cursor: pointer;
			height: 22px;
			background: url('img/strelka_down_25.gif') no-repeat transparent;
			border: 2px solid #fff;
		}
		

		.subitem {
			height: 22px;
			padding: 2px 10px 2px 25px;
			font: normal 14px tahoma;
			color: #666;
			display: block;
			cursor: pointer;
			background: #cee3f6;
			/*border: 1px solid green;*/
		}

		.subitemActive {
			height: 22px;
			font: normal 14px tahoma;
			color: #333;
			display: block;
			padding: 2px 10px 2px 25px;
			cursor: pointer;
			background: url('img/strelka_vutre.gif') no-repeat #f0f0ff;
		}


		.subitemSelected {
			height: 22px;
			font: normal 14px tahoma;
			color: #9c9c9c;
			display: block;
			padding: 2px 10px 2px 25px;
			cursor: pointer;
			background-color:  #f0f0ff;
		}


.krai {
width: 212px;
height: 17px !Important;
height/**/:/**/10px;
float:left;
background-color: #710000;
}


.vryzki {
float: left;
margin: 20px;
text-align: left;
/*border: 1px solid blue;*/
}


.vryzki a {
font-size: 13px;
color: #999;
text-decoration: none;
}

.vryzki a:hover {
font-size: 13px;
color: #666;
text-decoration: none;
}

#bodyText {
width: 970px;
z-index: 1;
margin: auto;
padding: 0;
font-family: tahoma;
font-size: 14px;
color: #ccc;
text-align: justify;
/*border: 1px solid green;*/
}

#bodyText a {
text-decoration: none;
}

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

#bodyText p {
float: left;
padding: 0 20px 10px 20px;
/*border: 1px solid green;*/
}

.zaglavie {
width: 870px;
clear: both;
margin-top: 20px;
font-family: tahoma;
font-size: 16px;
font-weight: bold;
color: #ccc;
text-align: center;
/*border: 1px solid red;*/
}

/*Lenti Home*/

.lentaWild {
width: 230px;
height: 625px;
float: left;
margin: 0 0 100px 0;
background: url(img/Lenti_home_web_Wildlive.jpg);
background-repeat: no-repeat;
}

.greenWild {
float: left;
margin: 0 0 0 -100px;
}

.lentaUnder {
width: 230px;
height: 625px;
float: left;
margin: 116px 0 0 -165px;
background: url(img/Lenti_home_web_UndWater.jpg);
background-repeat: no-repeat;
}

.blueUnder {
float: left;
display: inline;
margin: 600px 0 0 -200px;
}

.lentaMacro {
width: 230px;
height: 575px;
float: left;
margin: 13px 0 0 -100px;
display: inline;
background: url(img/Lenti_home_web_Macro3.jpg);
background-repeat: no-repeat;
}

.yellowMacro {
float: left;
display: inline;
margin: 250px 0 0 -201px;
}

.lentaNature {
width: 230px;
height: 670px;
float: left;
margin: -588px 0 0 147px;
display: inline;
background: url(img/Lenti_home_web_Nature.jpg);
background-repeat: no-repeat;
}

.redNature {
float: left;
display: inline;
margin: -40px 0 0 202px;
}


.frame {
width:870px;
height:150px;
border: 1px solid #0037a5;
}

p {
clear: both;
line-height:20px;
margin-top: 10px;
/*border: 1px solid red;*/
}

p span {
font-weight: bold;
font-family: tahoma;
font-size: 14px;
color: #710000;
}

p a {
font-size: 14px;
color: #ccc;
text-decoration: none;
}

p a:hover {
font-size: 14px;
color: #888;
text-decoration: none;
}

a.vutre  {
font-size: 14px;
color: #0037a5;
text-decoration: none;
}

a:hover.vutre  {
font-size: 14px;
color: #710000;
text-decoration: none;
}


.snimkiText {
float:left;
margin: 0;
padding: 0;
/*border: 1px solid blue;*/
}

.snimkiText a {
border: 0px solid #BBBBFF;
}

.snimkiText a:hover {
border: 0px solid #6c6cff;
}

.snimkiText a img {
width: 228px;
height: 152px;
float: left;
margin: 5px;
border: 2px solid #BBBBFF;
}

.snimkiText a:hover img {
float: left;
margin: 5px;
border: 2px solid #3f3fb4;
}

.snimkiTextPort {
float:left;
margin: 0;
padding: 0;
/*border: 1px solid blue;*/
}

.snimkiTextPort a img {
width: 228px;
height: auto;
float: left;
margin: 5px;
border: 2px solid #BBBBFF;
}

.snimkiTextPort a:hover img {
float: left;
margin: 5px;
border: 2px solid #3f3fb4;
}

ul.linkFon {
margin-left: 40px;
display: inline;
display: block;
/*border: 1px solid red;*/
}

.linkFon a {
font-size: 14px;
color: #000000;
text-decoration: none;
}

.linkFon a:hover {
font-size: 14px;
color: #888888;
text-decoration: none;
}

.kvadratche {
width: 970px;
float: left;
margin-top: 5px;
/*border: 1px solid red;*/
}

.kvadratche a img {
width: 408px;
height: 278px;
float: left;
margin: 10px;
border: 2px solid #BBBBFF;
}

.kvadratche a img:hover {
width: 408px;
height: 278px;
float: left;
margin: 10px;
border: 2px solid #3f3fb4;
}

.lepenki {
clear: both;
padding: 0;
margin: 0 0 10px 5px;
}

.menu_Vutre {
clear: both;
margin: 0 0 10px 0;
padding-top: 10px;	
text-align: center;
/*border: 2px solid #ccc;*/
}

.menu_Vutre a {
font-size: 16px;
color: #ccc;
text-decoration: none;
}

.menu_Vutre a:hover {
font-size: 16px;
color: #888;
text-decoration: none;
}

.menu_Vutre span {
font-size: 16px;
color: #fff;
text-decoration: none;
}

.right {
float: right;
text-align: right;
margin-right: 7px;
padding: 0;
}

.po {
clear: both;
margin-top: 10px !Important;
margin-top/**/:/**/0px;
}
/*za chertata e PO*/

.siv {
color: #888888;
}

.padTop20 {
padding-top: 20px;
}

.contactForm {
float: left;
width: 352px;
margin-left: -97px;
display: inline;
/*border: 1px solid red;*/
}

.send {
float: left;
padding: 2px 7px 2px 7px;
}

.contactsPic {
width: 400px;
height: 450px;
float: left;
margin: -50px 0 0 120px;
display: inline;
background: url(img/_MG_4641.jpg);
background-repeat: no-repeat;
}

.aboutTxt {
width: 440px;
float: right;
margin: -475px 80px 0 0;
padding: 0;
background-color: transparent;
}

.aboutPic {
width: 400px;
height: 487px;
float: left;
margin: -60px 0 0 100px;
display: inline;
background: url(img/_MG_8315_3.jpg);
background-repeat: no-repeat;
}

.donationTxt {
width: 360px;
float: right;
margin: -550px 40px 0 0;
padding: 0;
background-color: transparent;
/*border: 1px solid red;*/
}

.donationPic {
width: 422px;
height: 633px;
float: left;
margin: -60px 0 0 80px;
display: inline;
background: url(img/IMG_0733_3.jpg);
background-repeat: no-repeat;
}


.pyteka {
float: left;
font-family: tahoma;
margin: 20px 0 10px 0;
padding-left: 5px;
color: #666;
}

.pyteka a {
font-size: 14px;
color: #666;
text-decoration: none;
}

.pyteka a:hover {
font-size: 14px;
color: #ccc;
text-decoration: none;
}

.top20 {
margin-top: 20px;
}

.dolu {
margin-top: 50px !Important;
}

.footer {
width: auto;
height:auto;
margin: 0 0 -7px;
font-size: 13px;
border-top: 4px solid #bfdcf8;
background-color: red;
background: url(img/Footer_Back_4.jpg);
background-repeat: repeat;
}

.footerin {
width: 970px;
height: 115px;
clear: both;
margin: auto;
font-size: 13px;
background: url(img/Footer_Back_4.jpg);
background-repeat: repeat;
color: #bfdcf8;
background-color: #000;
/*border: 1px solid blue;*/
}

.logoDown {
width: 150px;
height: 56px;
float: left;
margin: 25px 0 0 135px;
background: url(img/Logo_small_down.jpg);
background-repeat: repeat;
}

.footerText {
float: left;
display: inline;
margin-left: 75px;
margin-top: 45px;
}

.footTx2 {
margin-left: 650px;
margin-top: -36px;
display: inline;
/*border: 1px solid blue;*/
}

/*Code for Mobile*/

@media screen and (max-width: 481px){

			#mainWraper, #subnav {
				width: 100%;
				float: left;
				padding: 0;
				margin: 0;
				font-family: tahoma, arial, verdana, helvetica, sans-serif;
			}
			
			.header {
				width: 100%;
				height: auto;
				float: left;
				padding: 0;
				margin: 0;
				
				}	
			
			.headerin {
				width: 100%;
				height: auto;
				float: left;
				padding: 0;
				margin: 0;
				}
				
			.headerDonation {
				width: 360px;
				height: 150px;
				float: left;
				margin: 0;
				background: url(img/Header_Donation_Phone.jpg);
				background-repeat: repeat;
				}
				
			.donationTxt {
				width: 360px;
				margin: 0;
				padding: 0;
				background-color: transparent;
				/*border: 1px solid red;*/
				}

			.donationPic {
				width: 96%;
				float: left;
				margin: 2%;
				padding: 0;
				display: none;
				}
				
			.logo {
				width: 220px;
				height: 134px;
				float: left;
				background: url(img/NEW_Header_Combain3_Mobile.png);
				background-repeat: no-repeat;
				/*border: 1px solid yellow;*/
				}
				
				
			.ENBG {
				float:left;
				margin-left: 9%;
				margin-top: 113px;
				/*border: 1px solid red;*/
				}

			.ENBG a {
				font-family: tahoma;
				font-size: 1,2em;
				font-weight: bold;
				color: #999;
				text-decoration: none;
				}

			.ENBG a:hover {
				font-family: tahoma;
				font-size: 1,2em;
				font-weight: bold;
				color: #666;
				text-decoration: none;
				}	
				
			.ENBGdon {
				float:left;
				margin-left: 9%;
				margin-top: 113px;
				/*border: 1px solid red;*/
				}

			.ENBGdon a {
				font-family: tahoma;
				font-size: 1,2em;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				}

			.ENBGdon a:hover {
				font-family: tahoma;
				font-size: 1,2em;
				font-weight: bold;
				color: #666;
				text-decoration: none;
				}	
				
				
			.hide{
				z-index: 100;
				margin-left: -277%;
				margin-top: -30%;
				display: none;
				}
				
			.hideBG{
				z-index: 100;
				margin-left: -277%;
				margin-top: -30%;
				display: none;
				}
				
				.menu {
					width: 23%;
					height: 100%;
					padding: 0;
					margin-top: 3%;
					margin-left: -2%;
					z-index: 100;
					display: block;
					cursor: pointer;
					text-align:left;
					/*border: 1px solid red;*/
				}

					.item {
						width: 100%;
						padding: 3% 1% 2% 24%;
						margin: 0;
						z-index: 100;
						font: normal 1,1em tahoma;
						display: block;
						cursor: pointer;
					}

					.itemActive {
						width: 100%;
						padding: 3% 1% 2% 24%;
						margin: 0;
						z-index: 100;
						font: normal 1,1em tahoma;
						display: block;
						cursor: pointer;
					}

					.itemSelected {
						width: 100%;
						padding: 3% 1% 2% 24%;
						margin: 0;
						z-index: 100;
						font: normal 1,1em tahoma;
						display: block;
						cursor: pointer;
					}

					.subitem {
						width: 90px;
						padding-left: 22px;
						margin: 0;
						z-index: 100;
						font: normal 0,8em tahoma;
						display: block;
						cursor: pointer;
					}

					.subitemActive {
						width: 90px;
						padding-left: 22px;
						margin: 0;
						z-index: 100;
						font: normal 0,8em tahoma;
						display: block;
						cursor: pointer;
					}


					.subitemSelected {
						width: 90px;
						padding-left: 22px;
						margin: 0;
						z-index: 100;
						font: normal 0,8em tahoma;
						display: block;
						cursor: pointer;
					}
			
			.bodyWraper {
				width: 100%;
				float: left;
				padding: 0;
				margin: 0;
				/*border: 1px solid blue;*/
				}
			
			.bodyWraperin {
				width: 100%;
				float: left;
				padding: 0;
				margin: 0;
				/*border: 1px solid blue;*/
				}
			
			#bodyText {
				width: 100%;
				margin: 0;
				padding: 0;
				font-family: tahoma;
				font-size: 1em;
				/*border: 1px solid blue;*/
			}
			
			#bodyText p {
				width: 94%;
				float: left;
				padding: 0 3% 1% 3%;
				/*border: 1px solid green;*/
				}
				
			
			.pyteka {
				margin: 2% 0 3%;
				font-size: 1em;
				}
				
			.dolu {
				margin-top: 4% !Important;
				}
			
			.zaglavie {
				width: 94%;
				margin: 3%;
				font-family: tahoma;
				font-size: 1,2em;
				font-weight: bold;
				/*border: 1px solid red;*/
				}
				
				/*Lenti Home*/
			
				.lentaWild {
					float: left;
					margin: 0;
					padding: 0;
					}

					.greenWild {
					float: left;
					margin: -160% 0 0 20%;
					}

				.lentaUnder {
					float: right;
					margin: 0;
					}

					.blueUnder {
					float: left;
					margin: -174% 0 0 0;
					}

				.lentaMacro {
					float: left;
					margin: 0px;
					}

					.yellowMacro {
					float: right;
					margin: -60% 0 0 0;
					}

				.lentaNature {
					float: right;
					margin: 0;
					}

					.redNature {
					float: left;
					margin: -30% 0 0 0;
					}
					
				
			.snimkiText {
				width: 96%;
				display: block;
				padding: 0 2% 0 2%;
				margin: 0;
				/*border: 1px solid red;*/
			}
				
			.snimkiText a img {
				width: 96%;
				height: auto;	
				display: block;
				margin: 2%;
				border: 0px;
				/*border: 2px solid #BBBBFF;*/
				}
				
			.snimkiText a:hover img {
				display: block;
				margin: 2%;
				border: 0px;
				/*border: 2px solid #6c6cff;*/
				}
				
			.snimkiTextPort {
				width: 96%;
				display: block;
				padding: 0 2% 0 2%;
				margin: 0;
				}

			.snimkiTextPort a img {
				width: 96%;
				height: auto;	
				display: block;
				margin: 2%;
				border: 0px;
				/*border: 2px solid #BBBBFF;*/
				}
				
			.snimkiTextPort a:hover img {
				display: block;
				margin: 2%;
				border: 0px;
				/*border: 2px solid #6c6cff;*/
				}
				
			.kvadratche {
				width: 100%;
				float: left;
				margin: 0;
				padding-top: 2%;
				/*border: 1px solid red;*/
				}
				
			.kvadratche a img {
				width: 94%;
				height: 100%;
				float: left;
				margin: 3% 3% 3% 2%;
				border: 2px solid #BBBBFF;
				}

			.kvadratche a img:hover {
				width: 94%;
				height: 100%;
				float: left;
				margin: 3% 3% 3% 2%;
				border: 2px solid #3f3fb4;
				}
				
				
			.contactForm {
				float: left;
				width: 96%;
				margin: 2%;
				display: inline;
				/*border: 1px solid red;*/
				}
				
			.aboutTxt {
				float: left;
				width: 96%;
				margin: 0;
				padding: 0;
				display: inline;
				}
				
			.aboutPic {
				float: left;
				display: none;
				}

			.contactsPic {
				float: left;
				display: none;
				}
				
			.footer {
				width: 100%;
				float: left;
				padding: 0;
				margin: 0;
			}		
				
			.footerin {
				width: 100%;
				float: left;
				padding: 0;
				margin: 0;
				font-size: 1em;
			}	
			
			.logoDown {
			padding: 0;
			margin: -6px 0 0 108px;
			}
			
			.footerText {
				width: 96%;
				margin: 2%;
				float: left;
				/*border: 1px solid red;*/
			}
			
			.footTx2 {
				margin: 1% 1% 1% 2%;
				padding: 0;
				/*border: 1px solid blue;*/
			}


}