﻿@charset "utf-8";
/* CSS Document */


body {margin:0;	padding:0px;}
.login {background:url(../images/backgr_bg.jpg) repeat;}



* {	margin:0px;	padding:0px;}
a img{ border:none;}

#main_layout{ width:100%; margin:0px; padding:0px;}
#main_layout .wrapper_cont{ width:40%; height:auto; margin:0 auto}

#main_layout .wrapper_cont .main_content{ width:100%; height:auto; margin-top:25%; float:left; position:relative;}
#main_layout .wrapper_cont .main_content .logo_login{ width:100%; height:auto; text-align:center; position:absolute; float:left; z-index:99;}
#main_layout .wrapper_cont .main_content .logo_login img{ width:75%; height:auto;}


#main_layout .wrapper_cont .main_content .main_box{ width:100%; height:auto; position:relative; float:left;}
#main_layout .wrapper_cont .main_content .main_box .box{ width:90%; height:auto; margin:0 auto;}
#main_layout .wrapper_cont .main_content .main_box .box .round_shape{ width:90%; height:375px; float:left; position:relative; border-radius:10px; margin:7% 5% 0% 5%; background:#f4f4f4; }


#main_layout .wrapper_cont .main_content .main_box .box .content{ width:90%; height:auto; float:left; position:
absolute; padding:170px 0px 5px 0px !important; z-index:9999; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text{ width:100%; height:auto; float:left; position:relative; clear:both; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text_shadow{ width:100%; margin:0px; padding:0px; height:auto; float:left; position:relative; clear:both; margin-bottom:25px; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text_shadow .left_shadow{ width:5%; height:auto; float:left; position:relative;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_shadow .left_shadow img{ width:100%; height:auto; padding:0px !important; margin:0px !important;}


#main_layout .wrapper_cont .main_content .main_box .box .content .text_shadow .right_shadow{ width:5%; height:auto; float:right; position:relative;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_shadow .right_shadow img{ width:100%; height:auto; padding:0px !important; margin:0px !important; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text_log{ width:80%; height:auto; margin:0 auto;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .button{ width:30%; height:auto; position:relative; float:left;}

#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .button img{ width:100%; height:auto;}


#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .forget_pass{ width:65%; height:auto; position:relative; float:right;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .forget_pass p{ font-family: 'Open Sans'; font-weight:400; font-style:normal; line-height:34px;  font-size:18px; color:#000; text-transform:none;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .forget_pass p a{ color:#f27714; text-decoration:none;}
#main_layout .wrapper_cont .main_content .main_box .box .content .text_log .forget_pass p a:hover{ color:#232020; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text .text_lable{ width:25%; height:auto; float:left; position:relative; background:#e0e0e0; font-family: 'Open Sans'; font-weight:400; font-style:normal; line-height:36px; font-size:18px; color:#000; text-transform:uppercase; padding-left:10%; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text .inbot_box{ width:65%; height:auto; float:left; position:relative;  font-family: 'Open Sans'; font-weight:400; font-style:normal; line-height:34px; font-size:18px; color:#000; text-transform:uppercase; background:url(../images/arrow-lable.jpg) no-repeat center left; }

#main_layout .wrapper_cont .main_content .main_box .box .content .text .inbot_box input{ width:95%; height:auto;  font-family: 'Open Sans'; font-weight:400; font-style:normal; line-height:34px;  font-size:18px; color:#000; text-transform:none; background:none; border:#e0e0e0 solid 1px; padding-left:5%;}



#main_layout .wrapper_cont .main_content .main_box .box .bottom_shadow{ width:90%; height:auto; position:relative; margin:0 auto;}
#main_layout .wrapper_cont .main_content .main_box .box .bottom_shadow img{ width:100%; height:auto;}

