@import"reset.css";


@font-face {
    font-family: 'Universal';
    src: url('../ttf/universal.eot');
    src: url('../ttf/universal.eot?') format('embedded-opentype'),
         url('../ttf/universal.woff') format('woff'),
         url('../ttf/universal.ttf') format('truetype'),
         url('../ttf/universal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/************************ MAIN ************************/
html, body {
	position:relative;
	min-width:980px;
	height:100%;
	background: url(../imgs/home_bg.jpg);	
}

a {color: #001524; text-decoration: none}
a:hover {color: #EBE800; text-decoration: none }

#main_wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 980px;
	height: 600px;
	margin-top: -300px;
	margin-left: -490px;
	overflow: auto;
	border: 1px solid #fff;
	box-shadow: 0 0 10px #000;
}

/************************ HEAD ************************/
header {
	position:relative;
	height:auto;
	background:url(../imgs/head_bg.jpg) repeat-x 0 0;
}

#head_wrap {
	width: 980px;
	height: 100px;
}

.head_titu{
	width:960px;
	margin:10px;
	position:relative;
	float:left;
}


.head_titu span{
	font-family: Universal; 
	font-size: 40px; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-align: left; 
	padding:10px 10px 10px 10px;
	position:relative;
	float:left;
}




/************************ CONT ************************/
#cont_wrap {
	margin:0;
	height:440px;		
	position: relative;
	background:#fff;	

}

.cont_main{
	width:980px !important;
	position:relative;

}

.cont_icon{
	margin:100px 0 0 100px;
	width:200px;
	float:left;
}

.cont_logi{
	margin:100px 0 0 10px;
	padding:15px 0 0 50px;
	width:336px;
	height:200px;	
	float:left;
	background:url(../imgs/home_logi_bg.png) no-repeat;	
}

.cont_logi label{
	margin-top:10px;
	width:250px;
	font-family: Universal; 
	font-size: 16px; 
	font-weight: normal; 
	color: #0053A6; 
	text-align: left;
	float:left;
}


.cont_mess{
	margin:100px 0 0 -30px;
	width:200px;
	height:200px;	
	float:left;
}

.mess_ok{
	margin-top:60px;
	position:absolute;
	width:50px;
	height:50px;	
	background: url(../imgs/icon_mess_ok.jpg) no-repeat;
}

.mess_erro{
	margin-top:60px;
	position:absolute;
	width:50px;
	height:50px;	
	background: url(../imgs/icon_mess_erro.jpg) no-repeat;
}



.form_inpu {
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFF;
	padding:4px 22px 4px 4px;
	border:1px solid #cecece;
	width:200px;
	height:14px;
	color:#333;	
}


.form_send{
	margin-top:15px;
	width:165px;
	height:34px;
	background: url(../imgs/form_butt_logi.png);
	color: #fff;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left; 		
	font-weight: bold;
	border: 0;
	cursor: pointer;
	padding:0 0 0 45px;	
}
.form_send:hover{
	background: url(../imgs/form_butt_logi.png) 0 -35px;
}


/************************ FOOT ************************/
footer {
	width: 980px;
	position:absolute;
	bottom:0;
	height:auto;
	background:url(../imgs/foot_bg.jpg) repeat-x;
}

#foot_wrap {
	width: 318px;
	height: 60px;
	margin:0 auto;
	overflow:hidden;
}