@import "reset.css";
@import "fonts_140920.css";

/************************ MAIN ************************/
html, body {

}

#main {
	width:100%;
	height:auto;
	background:url('../img/main_wrap_bg.png');
}


/************************ HEAD ************************/

#head_wrap {
	width:100%;
	height:120px;
	border-top:4px solid #0268E7;
	box-shadow:0 0 10px #999;	
	background:#fff url('../img/head_wrap_bg.png') center top;
	position:relative;	
}


#head_main {
	width:980px;
	height:120px;
	margin:0 auto;	
}


.head_main_logo{
	width:196px;
	height:120px;
	margin-left:10px;
	float:left;
	position:relative;
}


.head_main_info{
	width:380px;
	height:120px;
	position:relative;
	float:left;
	background:url('../img/head_link_bg.png') repeat-x;		
}

/************************ MENU ************************/
#menu_wrap {	
	width:100%;
	position:relative;
	background:#656565;
}

#menu_main{
	width:980px;
	height:47px;
	margin:0 auto;	
	position:relative;
}

/************************ SLID ************************/
#slid_wrap {
	width:100%;
	height:466px;
	position:relative;
}

#slid_main{
	width:980px;
	height:inherit;
	margin:0 auto;
	overflow:hidden;
}

/************************ CONT ************************/
#cont_wrap {
	width:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

#cont_main {
	width:980px;
	height:auto;
	margin:0 auto;
}


.cont_deta {
	width:900px;
	height:auto;
	font-family:'Source Sans Pro', sans-serif;
	color:#777;
	font-size:15px;
	line-height:140%;
	font-weight:100;
	text-align:justify;	
	padding:40px;
	background:#fff;
	position:relative;
	-webkit-box-shadow:inset 0 0 2px rgba(4,88,182,1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(4,88,182,.9), inset 0 -9px 0 rgba(255,255,255,.9);
	-moz-box-shadow:inset 0 0 2px rgba(4,88,182,1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(4,88,182,.9), inset 0 -9px 0 rgba(255,255,255,.9);
	box-shadow:inset 0 0 2px rgba(4,88,182,1), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(4,88,182,.9), inset 0 -9px 0 rgba(255,255,255,.9);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;	
	overflow:hidden;
}

.cont_deta h1 {
	width:inherit;
	height:auto;
	font-family:'Roboto', sans-serif;
	color:#0F8BCC;
	font-size:30px;
	font-weight:700;	
	text-align:left;
	margin-bottom:20px;
	position:relative;	
	float:left;
}

.sucu_deta {
	width:900px;
	height:auto;
	margin-top:20px;	
	float:left;
}

.sucu_deta_item {
	width:400px;
	height:20px;
	font-family:'Roboto', sans-serif;
	color:#fff;
	font-size:20px;
	font-weight:100;	
	text-align:center;
	padding:10px;
	background:#6B6B6B;
	margin-bottom:20px;
	position:relative;	
	float:left;
}

.sucu_deta_item:hover {
	background:#0F8BCC;
}


/************************ HOME FRAN ************************/

#fran_wrap {
	width:100%;
	height:auto;
	margin-top:10px;
	background:#033470;
	background:linear-gradient(to bottom, #0268E7 0px, #033470 100%) transparent;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;	
	box-shadow:0 0 10px #999;		
	position:relative;	
}

#fran_main {
	width:980px;
	height:60px;
	margin:0 auto;	
}

.fran_item{
	width:auto;
	height:35px;
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
	padding:19px 12px 0 40px;
	float:left;
}

.fran_rede {
	width:auto;
	height:25px;
	padding-top:10px;
	float:right;
}

.fran_rede_face a {
	width:40px;
	height:40px;	
	position:relative;
	float:left;
	margin-top:3px;
	background:url('../img/fran_icon_face.png') no-repeat;	
    transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s; /* Safari */	
}


.fran_hr{
	width:2px;
	height:60px;
	margin:0 28px 0 28px;
    background:url('../img/fran_hr.png') repeat-y;
	float:left;
	position:relative;	
}


/************************ BANN ************************/
#bann_wrap {
	width:100%;
	height:auto;
	padding-top:15px;
	background:#fff;	
	position:relative;
	overflow:hidden;	
}

#bann_main {
	width:980px;
	height:auto;
	margin:0 auto;
}

.bann_enca {
	width:inherit;
	height:auto;
	padding-top:10px;
	margin-bottom:10px;
	border-radius:10px;
	background:#D7D7D7;
	background:linear-gradient(to bottom, #D7D7D7 0px, #FCFCFC 100%) transparent;
	position:relative;	
	float:left;
}

.bann_hr {
	width:inherit;
	height:30px;
	position:relative;	
	float:left;
}
.bann_enca h1 {
	width:inherit;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#0F8BCC;
	font-size:24px;
	font-weight:700;	
	text-align:center;
	margin-bottom:10px;
	position:relative;	
	float:left;
}

.bann_enca h2 {
	width:inherit;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#656565;
	font-size:16px;
	font-weight:700;	
	text-align:center;
	margin-bottom:10px;
	position:relative;	
	float:left;
}

.bann_item {
	width:310px;
	height:auto;
	margin-right:22px;
	position:relative;	
	float:left;
}

.bann_item_hr {
	width:310px;
	height:8px;
	margin-bottom:10px;
	background:#0F8BCC;
	position:relative;	
	float:left;
}

.bann_item_titu {
	width:310px;
	height:auto;
	font-family: 'Roboto', sans-serif;
	color:#0F8BCC;
	font-size:16px;
	font-weight:700;	
	text-align:center;
	margin-bottom:10px;
	position:relative;	
	float:left;
}

.bann_item_imag {
	width:300px;
	height:110px;
	padding:4px;
	border:1px solid #E7E7E7;
	margin-bottom:10px;
	position:relative;	
	float:left;
    transition:all 0.4s ease 0s;	
}

.bann_item:hover .bann_item_imag {
	background:#E2E2E2;
	opacity:0.7;
}

.bann_item_imag img {
	width:300px;
	height:110px;
}

.bann_item_deta {
	width:280px;
	height:auto;
	font-family:'Source Sans Pro', sans-serif;
	color:#777;
	font-size:15px;
	font-weight:100;	
	text-align:left;
	padding-right:10px;
	margin-bottom:10px;
	position:relative;	
	float:left;
}

.bann_item_deta ul {
	margin-top:0px;	
	margin-left:-10px;	
}

.bann_item_deta li {
	margin-bottom:5px;	
}

/************************ BANN ************************/
.inic_info {
	width:100%;
	font-family:'Source Sans Pro', sans-serif;
	color:#777;
	font-size:15px;
	margin-bottom:30px;
	float:left;
}

.inic_info_deta {
	width:73%;
	font-family:'Source Sans Pro', sans-serif;
	color:#777;
	font-size:15px;
	float:left;
}

.inic_info_deta h3 {
	width:100%;
	color:#0F8BCC;
	font-size:18px;
	text-align:left;
	float:left;
}

.inic_info_deta_h3_base {
	width:100%;
    height:4px;
    background:url('../img/inic_info_deta_h3_base.png') no-repeat;
	margin-top:12px;
	margin-bottom:20px;
	float:left;
}

.inic_info_deta ul {
	list-style:square;
}

.inic_info_imag {
	width:25%;
	padding:4px;
    border:1px solid #E7E7E7;
	float:right;
	position:relative;
    transition:all 0.3s ease 0s;
}

.inic_info_imag img {
	width:100%;
}

.inic_info:hover .inic_info_imag {
	background:#E2E2E2;
	opacity:0.7;
}

/************************ FORM ************************/
.form_secc {
	width:400px;
	height:auto;
	margin-top:20px;
	margin-right:30px;
	margin-bottom:20px;		
	float:left;
	position:relative;
}

.form_labe { 
	width:400px;
	height:30px;
	color:#0459B7;
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
	margin-left:1px;
	position:relative;
	cursor:pointer;
	float:left;
}

.form_inpu {
	width:400px;
	font-family:'Source Sans Pro', sans-serif;
	color:#555555;
	display:inline-block;
	font-size:18px;
	margin:0px 0px 25px;
	padding:11px 0px 11px 10px;
	float:left;
	position:relative;	
	border-bottom:0px none currentColor;
	border-left:0px none currentColor;
	border-right:0px none currentColor;
	border-top:1px solid #C2C2C2;
	box-sizing:border-box;
	border:2px #E2E2E2 solid;				
	background:#F7F7F7;	
}

.form_inpu:focus {
	color:#333;
	background:#EDEDED;
}

.form_text {
	color:#555555;
	display:inline-block;
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
	padding:11px 0px 11px 10px;
	width:420px;
	float:right;
	height:160px;
	line-height:24px;
	padding-bottom:0px;
	padding-top:10px;
	position:relative;	
	border-bottom:0px none currentColor;
	border-left:0px none currentColor;
	border-right:0px none currentColor;
	border-top:1px solid #C2C2C2;
	box-sizing:border-box;
	border:2px #E2E2E2 solid;				
	background:#F7F7F7;	
}

.form_text:focus {
	color:#333;
	background:#EDEDED;
}

.form_send {
	clear:right;
	color:#fff;
	font-family:'Source Sans Pro', sans-serif;	
	font-size:22px;
	font-weight:300;
	padding:12px 20px;
	margin-bottom:15px;	
	background:#013C7F;
	background:linear-gradient(to bottom, #0459B7 0px, #013C7F 100%) transparent;
	border:0px none currentColor;
	border-radius:5px;
	float:right;
	display:block;
	transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0;
	cursor:pointer;	
}

.form_send:hover{
	background:#E50005;
	background:linear-gradient(to bottom, #E50005 0px, #BC0004 100%) transparent;
}

/************************ FORM MESS ************************/

#form_mess {
	width:300px; 
	height:auto; 
	left:50%;
	top:0px;
	margin-left:-300px;	
	cursor:pointer;
	position:absolute; 
    transition:all 0.6s ease 0s;		
	z-index:99999;	
}


.form_mess_imag {
	z-index: 100;	
}

/************************ FOOT ************************/

#foot_wrap {
	width:100%;
	height:50px;
	font-family:'Source Sans Pro', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:100;		
	padding-top:15px;
	background:#656565;	
	position:relative;
	overflow:hidden;
}

#foot_main {
	width:980px;
	height:auto;
	margin:0 auto;	
}