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

body{
	background-color: #FFFFCA;
}

.clear{
	clear: both;
}

img{
	border: 0px;
}

#header1{
	position: relative;
	width: 100%;
	height: 100px;
	background-image: url("/images/topbar/headertex2.png");
	background-size: contain;
	opacity: 0;
	display: none;
	padding: 6px 0px;
	margin: 0px auto 60px auto;
	z-index: 100;
}

#topholder{
	position: relative;
	width: 870px;
	height: 100px;
	margin: -6px auto 0px auto;
	padding: 6px 15px;
	background-image: url("/images/topbar/headertex2.png");
	background-size: 20px 112px;
	background-repeat: repeat-x;
}

#formtoggle1{
	top: 50px;
	cursor: pointer;
	position: absolute;
	width: 200px;
	height: 50px;
	right: 20px;
}

#formula1{
	position: absolute;
	left: 321px;
	width: 220px;
	height: 370px; 
	background-image: url("/images/content/formbg.jpg");
	background-size: 220px 370px;
	background-repeat: no-repeat;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	line-height: 11pt;
	display: none;
}

#formula1 span{
	display: block;
	color: #ffffff;
	text-align: center;
	font-size: 10pt;
	font-family: "Century Gothic", "Times New Roman", Times, serif;
}

#formarrow1{
	position: absolute;
	width: 114px;
	height: 58px;
	bottom: 0px;
	left: 53px;
	cursor: pointer;
	border-radius: 50% 50% 0% 0%;
}

#formula2{
	position: absolute;
	right: 15px;
	width: 340px;
	height: 370px; 
	background-image: url("/images/content/formbg.jpg");
	background-size: 340px 370px;
	background-repeat: no-repeat;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	display: none;
}

#formulaholder2{
	position: relative;
	width: 870px;
	height: 1px;
	margin: 0px auto;	
	padding: 0px 15px;
	/*-472*/
	top: -60px;
	z-index: 99;
}

#formarrow2{
	position: absolute;
	width: 114px;
	height: 58px;
	bottom: 0px;
	left: 114px;
	cursor: pointer;
	border-radius: 50% 50% 0% 0%;
}

.formula{
	position: relative;
	width: 300px;
	height: 300px;
	margin: 0px auto;
	color: #ffffff;
	z-index: 1010;
}

.formulatext{
	display: block;
	position: relative;
	float: left;
	width: 100px;
	margin: 2px 0px;
	line-height: 14pt;
}

.form_reg{
	position: relative;
	float: left;
	width: 196px;
	border: 2px solid #000000 !important;
	padding: 0px;
	margin: 0px;
	line-height: 14pt;
}

textarea{
	width: 286px;
	height: 90px;
	padding: 5px;
	border: 2px solid #000000 !important;
}

.error, .g_error{
	font-style: italic;
	color: #ff0000;
}

#logotype{
	position: relative;
	float: left;
	width: 300px;
	height: 150px;
	border: 3px solid black !important;
	background-color: #ffffff;
	border-radius: 10%;
}

section{
	position: relative;
	float: left;
	height: 100px;
}

section span{
	position: absolute;
	color: #ffffff;
}

#contact{
	position: absolute;
	line-height: 23px;
	width: 215px;
	height: 100px;
	left: 336px;
}

#contact span{
	right: 20px;
	text-align: right;	
	font-size: 12pt;
	font-family: "Century Gothic";
}

#social{
	position: absolute;
	line-height: 100px;
	width: 108px;
	height: 100px;
	left: 545px;
}

#social a{
	position: absolute;
	height: 100px;
	margin: 0px;
}

#fb{
	left: 22px;
	text-decoration: none !important;
}

#fb img{
	border-left: 2px solid #ffffff !important;
	border-right: 2px solid #ffffff !important;
	cursor: pointer;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

#blog{
	left: 60px;	
	text-decoration: none !important;
}

#blog img{
	border-left: 2px solid #ffffff !important;
	border-right: 2px solid #ffffff !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
	cursor: pointer;
}

#advice{
	position: absolute;
	width: 228px;
	height: 100px;
	left: 657px;
}


#advice img{
	position: absolute;
	width: 216px;
	height: 50px;
	left: 6px;
}

#formtoggle2{
	top: 50px;
	cursor: pointer;
}

#formtext{
	top: 0px;
}

#hr1{
	position: absolute;
	width: 4px;
	height: 100px;
	/*background-image: url('/images/hr.png');*/
	left: 541px;
}

#hr2{
	position: absolute;
	width: 4px;
	height: 100px;
	/*background-image: url('/images/hr.png');*/
	left: 653px;
}

#mainpage{
	position: relative;
	width: 900px;
	min-height: 400px;
	height: auto;
	opacity: 0;
	display: none;
	margin: 0 auto;
	padding: 40px 0px 40px 0px;
	z-index: 98;
}

#baner{
	position:relative;
	width: 866px;
	height: 396px;
	margin: 0px auto 40px auto;
	border: 2px solid #000000 !important;
	border-radius: 20px;
	overflow: hidden;
}

.baner_img{
	position: absolute;
	width: 866px;
	height: 450px;
	top: 0px;
	z-index: 90;
	opacity: 0;
	border: 0;
	display: block;
}

#motto{
	position: absolute;
	width: 866px;
	height: 396px;
	z-index: 91;
	border: 0;
	display: block;
}

#firstmenu{
	position: relative;
	width: 870px;
	height: 70px;
	padding: 0px;
	margin: 0px auto;
	z-index: 95;
}

#firstmenu ul{
	position: absolute;
	width: 870px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	right: 0px;
}

#firstmenu li{
	width: 113px;
	height: 65px;
	float: left;
	list-style: none;
	margin: 0px 16px;
	cursor: pointer;
}

#firstmenu li:hover{
	opacity: 1;
	width: 121px;
	height: 70px;
	margin: 0px 12px;
}

#firstmenu li:hover img{
	width: 121px;
	height: 70px;
	opacity: 1;		
}

#firstmenu img{
	position: absolute;
	width: 113px;
	height: 65px;	
	bottom: 0px;
	opacity: 0.4;
}


#firstmenu a{
	text-decoration: none;
	color: #FFFFCA;
}

#firstmenuimgchecked{
	width: 121px !important;
	height: 70px !important;	
	opacity: 1 !important;
}

#firstmenuchecked{
	opacity: 1 !important;
	width: 121px !important;
	height: 70px !important;
	margin: 0px 12px !important;
}

#noshop{
	cursor: default !important; 
}

#contentholder{
	position: relative;
	width: 870px;
	min-height: 350px;
	height: auto;
	opacity: 0;
	display: none;
	margin: -4px auto 0 auto;
	padding: 20px 0px;
	border-radius: 10px;
	overflow: hidden;
	background-image: url("/images/content/formbg.jpg");
	background-size: 870px 202px;
	background-repeat: repeat-y;
	z-index: 99;
}

#contentholdertop{
	position: absolute;
	width: 870px;
	height: 202px;
	top: 0px;
	left: 0px;
	background-image: url("/images/topbar/headertex2.png");
	background-size: 20px 202px;
	background-repeat: repeat-x;
}

#mainmenu{
	position: relative;
	float: left;
	width: 150px;
	min-height: 280px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 15px;
	z-index: 75;
}

#mainmenu ul{
	width: 150px;
	min-height: 280px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#mainmenu li{
	display:table;
	width: 151px;
	height: 60px;
	list-style: none;
	background-color: #FFFFCA;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 10px 0px 0px 10px;
	cursor: pointer;
}

#mainmenu li:hover{
	background-color: #FFFFCA;
	font-weight: bold;
	border-top: 4px solid #000000 !important;
	border-bottom: 4px solid #000000 !important;
	height: 52px;
}

.marked{
	color: #308311;
}

#mainmenu span{
	display: table-cell;
	vertical-align: middle;
	color: #000000;
	font-size: 14pt;
}

/*
#mainmenuchecked{
	background-color: #FFFFCA !important;
	font-weight: bold !important;
	border-top: 4px solid #000000 !important;
	border-bottom: 4px solid #000000 !important;
	height: 52px !important;
}*/

#maincontent{
	position: relative;
	float: left;
	width: 650px;
	min-height: 370px;
	height: auto;
	padding: 20px;
	border-radius: 0px 10px 10px 0px;
	color: #000000;
	background-color: #FFFFCA;
	z-index: 76;
}

#maincontent_co{
	position: relative;
	float: left;
	width: 650px;
	min-height: 440px;
	height: auto;
	padding: 20px;
	border-radius: 0px 10px 10px 0px;
	color: #000000;
	background-color: #FFFFCA;
	z-index: 76;
}

.tooltip_img{
 	display:block;
 	border:0;
}

div.ui-tooltip{
    max-width: 2000px !important;
} 

.tooltipable_co, .tooltipable_ong, .tooltipable_ub{
	 width: 23%;
	 height: 200px;
	 margin: 4px 1%;
	 border: 0px; 
	 display: block; 
	 float: left;
}

.g_form_reg{
	display: block;
}

#g_form_part1{
	width: 50%;
	float: left;
}

#g_form_part2{
	width: 50%;
	float: right;
}

#footermotyw img{
	display: none;
	opacity: 0;
	position: relative;
	width: 870px;
	height: 268px;
	margin: 0px auto;
}

#footer1{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	background-image: url("/images/content/footertex.png");
	background-repeat: repeat-x;
	opacity: 0;
	display: none;
	margin: 0px auto;
}

#footplant{
	position: relative;
	width: 900px;
	height: 50px;
	margin: 0px auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url("/images/content/footertex.png");
	background-repeat: repeat-x;
	font-size: 8pt;
	color: #ffffff;
	line-height: 25px;
}

#footplant span{
	position: absolute;
	display: block;
	width: 900px;
	height: 50px;
	bottom: 0px;
}

#footplant a{
	text-decoration: none;
	color: #ffffff;	
}

#footplant img{
	 position: absolute;
	 width: 870px;
	 height: 50px;
}