/* Media Query Mobile*/


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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}
	
	.med_wraper{ clear: both; height: 100%; width: 90%; min-width:90%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}
.photo_gallery > ul > li > a > img {
	width: 175px;
	height: 100px;
	
	/*width:32.8%;*/
	box-shadow: 0px 0px 1px 1px #D6D6D6;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }



/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:1em auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0% auto; width:100%;}		

/****************************/
.flexy-menu > li > a{
	padding: 10px 12px;
	color: #fff;
	display: block;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	font-weight: bold;
	font-size: .8em;
}


/*******************
 CSS for Copyright
*******************/
.copyright {width:40%; min-height:10px; margin:0px; padding:2px 10px; float:left; display:block; font-size:.8em; color:#FFFFFF; text-align:center;}

}


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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0% auto; width:100%;}		


/*******************
 CSS for Copyright
*******************/
.copyright {width:40%; min-height:10px; margin:0px; padding:2px 5px; float:left; display:block; font-size:.7em; color:#FFFFFF; text-align:center;}
}


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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.w50_960 { width:50%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/***********************/
.inline_960 { display:inline-block;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0% auto; width:100%;}		

/****************************/

.flexy-menu > li > a{
	padding: 10px 6px;
	color: #fff;
	display: block;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	font-size: .8em;
}


/*******************
 CSS for Copyright
*******************/
.copyright {width:37%; min-height:10px; margin:0px; padding:2px 5px; float:left; display:block; font-size:.7em; color:#FFFFFF; text-align:center;}
.clear_both_960 { clear:both; width:100%;}
}


@media screen and (max-width: 833px){ .flexy-menu > li > a{	font-size: .7em; } }

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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/************************/
h2 { font-size:1.5em;}
p{ font-size:.8em;}
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0 auto; width:100%;}		

/****************************/
.clear_both_768 { clear:both; width:100%;}
.img50 > img { width:50%;}

}


@media screen and (max-width: 600px)
{
		
	.wraperFull { clear: both; width: 100%; min-width: 90%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 90%; min-width:90%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:90%; min-width:90%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

.footer_three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.management_divs { width:95%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both; }
.management_divs > a > div > img { width:40%; float:left; padding:2%; }
.management_divs > a > div > h2, .management_divs > a > div > h3, .management_divs > a > div > p { width:93%; display:block; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.w100_600 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0 auto; width:100%;}		


/*******************
 CSS for Copyright
*******************/
.copyright {width:90%; min-height:10px; margin:0px; padding:2px 10px; float:left; clear:both; display:block; font-size:.8em; color:#FFFFFF; text-align:justify;}

#footer_logo { display:none;}

}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 480px){

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.w100_600 { width:100%;}
.scroll-to-top { right: 6%; }
.clear_both_480 { clear:both; width:100%;}
#logo { display:block; margin:0 auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0 auto; width:100%;}		

/*******************
 CSS for Copyright
*******************/
.copyright {width:90%; min-height:10px; margin:0px; padding:2px 10px; float:left; clear:both; display:block; font-size:.8em; color:#FFFFFF; text-align:justify;}

.heading_divs > div > h2 { font-size:2.8em;}
.heading_divs > div > h3 { font-size:.9em; text-transform:uppercase;}

.photo_gallery > ul > li > a > img {
	width: 75px;
	height: 50px;
	
	/*width:32.8%;*/
	box-shadow: 0px 0px 1px 1px #D6D6D6;
}

}


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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.w100_600 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0% auto; width:100%;}		



#bTp {
	text-align: center;
	/*clear: both;*/
	margin: 0em auto;
	background: linear-gradient(#47c1f2 0%, #0ea3e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47c1f2', endColorstr='#0ea3e0');
	border: 1px solid #0ea3e0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bolder;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	font-size: 12px;
	text-decoration:none;
	cursor: pointer;
	border-radius: 0.3em;
	padding: 0.5em;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(PIE.htc);
	display:block;
	width:100px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	
}

#bTp:hover{
	background: linear-gradient(#fff 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
	behavior: url(PIE.htc);
	color:#000000;
	text-shadow: 0 1px 0 #fff;
}

/*******************
 CSS for Copyright
*******************/
.copyright {width:90%; min-height:10px; margin:0px; padding:2px 10px; float:left; clear:both; display:block; font-size:.8em; color:#FFFFFF; text-align:justify;}

.heading_divs > div > h2 { font-size:2.1em;}
.heading_divs > div > h3 { font-size:.8em; text-transform:uppercase;}

}



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

	.wraperFull { clear: both; width: 100%; min-width: 92%; display: block; margin: 0 auto; background-color: #fff; }
	.wraper{ clear: both; height: 100%; width: 92%; min-width:92%; display:block; margin:0 auto;}

	#absolute_wraper{ clear: both; min-height: 900px; height: 100%; width:92%; min-width:92%; display: block; background-color: #fff; 
	filter: alpha(opacity=80); opacity: 0.8; margin-top: 3%; margin-right: auto; margin-bottom: 3%; margin-left: auto; 
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
		
		
		
/*******************************
	css for two divs 
*******************************/
.two_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_two_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2%; }


/*******************************
	css for three divs 
*******************************/
.three_divs { width:100%; min-height:10px; margin:0px; padding:0px; float:left; display:block; clear:both;}
.sub_div_three_divs { clear: both; width: 90%; margin:0em auto 0 auto; text-align: justify; padding:2%; }

/*******************************
	css for four divs 
*******************************/
.four_divs { width:25%; min-height:10px; margin:0px; padding:0px; float:left; display:block;}
.sub_div_four_divs { clear: both; width: 90%; margin:1em auto 0 auto; text-align: justify; padding:2% }		
		
		
/******************/
.w100 { width:100%;}
.w100_600 { width:100%;}
.scroll-to-top { right: 6%; }
#logo { display:block; margin:0 auto;}

/************************/
.txt_center > h2 { text-align:center; margin: 0em;}
.txt_center > h3 { text-align:center; margin: 0em;}
.txt_center > h4 { text-align:center; margin: 0em;}
.txt_center > p { text-align:justify; margin: 0em; font-size:.7em;}

/**********************/
#login_form { display:block; margin:0% auto; width:100%;}		



#bTp {
	text-align: center;
	/*clear: both;*/
	margin: 0em auto;
	background: linear-gradient(#47c1f2 0%, #0ea3e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47c1f2', endColorstr='#0ea3e0');
	border: 1px solid #0ea3e0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bolder;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	font-size: 12px;
	text-decoration:none;
	cursor: pointer;
	border-radius: 0.3em;
	padding: 0.5em;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(PIE.htc);
	display:block;
	width:100px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	
}

#bTp:hover{
	background: linear-gradient(#fff 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff');
	behavior: url(PIE.htc);
	color:#000000;
	text-shadow: 0 1px 0 #fff;
}

/*******************
 CSS for Copyright
*******************/
.copyright {width:90%; min-height:10px; margin:0px; padding:2px 10px; float:left; clear:both; display:block; font-size:.8em; color:#FFFFFF; text-align:justify;}

.heading_divs > div > h2 { font-size:1.7em;}

}