@import url(http://fonts.googleapis.com/css?family=Oswald);/*font-family: 'Oswald', sans-serif;*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}



body {
	font-family: Arial, Helvetica, sans-serif ; 	 
	font-size:12px; 
	line-height:18px;
	color:#595959;
	
	background: #ffffff;
	min-width:960px;
	}
.main{
	width:100%;
	height: auto; 
	min-height:100%;
	background: url(../image/bg-main.jpg) center 0 no-repeat;
	}
.main-1{
	width:960px;
	margin:0 auto;
	}

	
	
/***********************************************************************/
/*================================>Block-classes<==========================*/
.txt-dec-n{text-decoration:none !important;}
.txt-dec-u{text-decoration: underline;}
.txt-up-n{text-transform:none !important;}
.txt-up{text-transform:uppercase;}
.txt-al{text-align:center;}
.bold{font-weight:bold;}
.font-11{
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	line-height:16px;
	color:#000000 ;
	text-transform:uppercase;
	}
.font-11bis{
	font-size:19px;
	font-family: 'Oswald', sans-serif;
	line-height:10px;
	color:#f78805 ;
	}
.font-11bis2{
	font-size:15px;
	font-family: 'Oswald', sans-serif;
	line-height:10px;
	color:#686868 ;
	}	
.font-11bis3{
	font-size:16px;
	font-family: 'Arial', sans-serif;
	line-height:23px;
	color:#000000 ;
	}		
.font-11bis4{
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	line-height:20px;
	color:#000000 ;
	}	
.font-11bis52{
	font-size:16px;
	font-family: 'Arial', sans-serif;
	line-height:20px;
	color:#000000 ;
	}	
		
.font-11bis5{
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	line-height:30px;
	color:#000000 ;
	}		
.font-12bis5{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	line-height:20px;
	color:#cccccc ;
	}	
.font-12bis6{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	line-height:40px;
	color:#cccccc ;
	}				
.font-12{
	font-size:15px;
	font-family: 'Oswald', sans-serif;
	line-height:16px;
	color:#686868 ;
	text-transform:uppercase;
	}	

.col{color:#f78805;}
.col-1{color:#fff;}

.hov:hover{color:#f78805;}
.hov-1:hover{color:#fff;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

/*===============================>Indent<==================================*/
.bot{margin-bottom: 17px;}
.bot-1{margin-bottom: 11px;}
.bot-2{margin-bottom:20px;}

.right{margin-right: 20px;}

/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
p{padding-bottom:18px;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
.button{
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 11px; 
	line-height: 16px;
	text-transform:uppercase;
	border:0px solid #FFFFFF;
	padding:4px 14px 4px 14px;
	background: url(../image/1.jpg) 0 0 repeat-x #020202; 
	color:#fff ; 
	border-radius: 2px;
	}
.button:hover{
	background:#9f9fff ;
	border:0px solid #f78805;
	}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*===============================>H-logo-properties=========================*/
h1{
	font-size:13px; 
   font-family: 'Oswald', sans-serif;
   color:daa9e1; 
   line-height: 19px; 
   font-weight: normal;
	}
h1 a{
	display:inline-block;
	margin:46px 0 0 40px;
	}
h2{ font-size:16px; 
	font-family: 'Oswald', sans-serif;
	color:#fff; 
	line-height:20px;
	padding:11px 0 13px 12px;
	font-weight: normal;
	text-transform:uppercase;
	background: url(../image/bg-h2.jpg) 0 0 repeat-x #010101;
	border-top:0px solid #303030;
	border-left:0px solid #303030;
	border-right:0px solid #303030;
	border-radius: 6px 6px 0 0;
	}
	h2 a{
		float:right;
		font-size:11px;
		line-height:15px;
		display:inline-block;
		color:#f78805;
		text-transform:uppercase;
		margin:2px 19px 0 0;
		}
	h2 a:hover{color:#fff;}
	
h3{font-size:14px; 
   font-family: 'Oswald', sans-serif;
   color:#fff; 
   line-height: 19px; 
   font-weight: normal;
   text-transform:uppercase;
   }
h4{
   font-size:12px; 
   font-family: 'Oswald', sans-serif;
   color:#fff; 
   line-height: 19px; 
   font-weight: normal;
   text-transform:uppercase;
   }
h5{font-size:12px; 
   font-family: 'Oswald', sans-serif;
   color:#000000; 
   line-height: 19px; 
   font-weight: normal;
   }   
h5bis{font-size:14px; 
   font-family: 'Oswald', sans-serif;
   color:#000000; 
   line-height: 19px; 
   font-weight: normal;
   text-transform:uppercase;  
         } 
h6{font-size:13px; 
   font-family: 'Oswald', sans-serif;
   color:#000000; 
   line-height: 19px; 
   font-weight: normal;
   }      
   
h6bis{font-size:16px; 
   font-family: 'Arial', sans-serif;
   color:#686868; 
   line-height: 23px; 
   font-weight: normal;
   }         
h7{font-size:16px; 
   font-family: 'Oswald', sans-serif;
   color:#686868; 
   line-height: 25px; 
   font-weight: normal;
   }      
h8{font-size:15px; 
   font-family: 'Oswald', sans-serif;
   color:#000000; 
   line-height: 25px; 
   font-weight: normal;
   }      

   
h4 a{color:#fff;}
h4 a:hover{color:#f78805;}
/*********************************header*************************************/
header{
	width: 940px; 
	margin: 0 auto;
	position:relative;
	padding:83px 0 0 0;
	}
	.login-search{
		overflow:hidden;
		border-left:1px solid #3f3f3f;
		border-right:1px solid #3f3f3f;
		border-top:1px solid #3f3f3f;
		border-radius: 6px 6px 0 0;
		background: url(../image/bg-login.jpg) 0 0 repeat-x #f4f4f4;
		width:737px;
		margin:0 auto;
		}
	.login{
		color:#c2c2c2;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
		font-size:11px;
		float:left;
		padding:9px 18px 0 18px;
		}
	.login a{
		color:#c2c2c2;
		display:inline-block;
		}
	.login a:hover{color:#f78805;}
/*********************************content*************************************/
#content{
	padding:22px 0 40px 0; 
	margin:0;
    position:relative; 
	z-index:1;
	}
#page-1 #content{padding-top:0px;}
.div-search{
	float:right;
	padding:5px 9px 8px 0;
	}
#search input{
	width: 142px; 
	height: 20px; 
	font-family: Arial, Helvetica, sans-serif  ; 
	font-size: 12px;
	line-height:20px;
	height:20px;
	color:#fff ;  
	display: inline-block; 
	float:left;
	background: url(../image/bg-input.png) 0 0 repeat; 
	border:0px solid #3f3f3f;
	padding: 1px 10px 0 10px; 
	border-radius: 2px;
	margin:0 4px 0 0 ;
	}
#search .search_button{
	background: url(../image/search-button.png) 0 0 no-repeat; 
	display:inline-block;
	margin: 2px 0 0  2px; 
	float:left;
	width:18px;
	height:19px;
	}
#search .search_button:hover{
	background-position: right 0;
	}
.list li{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:0px 0 6px 0;
	display:block;
	}
.list li a{color:#FFFFFF;}
.list li a:hover{color:#f78805;}
/**********************************index***********************************/
.main-border{
	border:0px solid #303030;
	border-radius:0 0 7px 7px;}
.main-border2{
	border:1px solid #303030;
	border-radius:0 0 7px 7px;}
.box{
	background: url(../image/bg-box.jpg) 0 0 repeat-x #f7e1b8;
	overflow:hidden;
	padding:20px 19px 18px 19px;
	}
.block{
	width:210px;
	float:left;
	margin:0 20px 0 0;
	}
.box-1{
	padding:20px 19px 11px 19px;
	background: url(../image/1.jpg) 0 0 repeat-x #9bf4c8;
	}
.box-1bis{
	padding:20px 19px 11px 19px;
	background: #f4f4f4;
	}	
.block-1{
	overflow:hidden;
	border-bottom:0px solid #303030;
	padding-bottom:0px;
	margin-bottom:0px;
	}
#bot-indent{
	border-bottom:1px solid #303030;
	padding-bottom:30px;
	margin-bottom:20px;
	}
.over-aside{
	height:354px;
	z-index:1;}
.footer-aside{
	height:317px;
	margin:-354px 0 0 0;
	background: url(../image/bg-aside.jpg) center 0 no-repeat #000;
	padding:37px 0 0 0;
	}
aside{
	position:relative;
	z-index:1;
	}
.footer-aside2{
	height:183px;
	margin:0px 0 0 0;
	background:#ffffff;
	padding: 0px 0 0 0;
	}
	}
aside2{
	position:relative;
	z-index:1;
	}	
	
	
/**********************************index-1*********************************/
.box-2{
	background: url(../image/bg-box-2.jpg) 0 0 repeat-x #f7e1b8;
	overflow:hidden;
	padding:20px 19px 10px 19px;
	margin-bottom:21px;
	}
.block-2{
	width:171px;
	float:left;
	margin:0 30px 0 0;
	}
.block-3{
	overflow:hidden;
	border-bottom:1px solid #303030;
	padding:0 0 22px 0;
	margin:0 7px 20px 0;
	}
.block-3bis{
	overflow:hidden;
	padding:0 0 22px 0;
	margin:0 7px -20px 0;
	}	
.box-3{
	padding:20px 19px 11px 19px;
	background: url(../image/bg-box-8.jpg) 0 0 repeat-x #FFFFFF;
	margin-bottom:0px;
	}
.box-4{
	padding:20px 19px 11px 19px;
	background: url(../image/bg-box-4.jpg) 0 0 repeat-x #FFFFFF;
	margin-bottom:23px;
	}
.box-5{
	padding:20px 19px 11px 19px;
	background: url(../image/bg-box-5.jpg) 0 0 repeat-x #FFFFFF;
	margin-bottom:23px;
	}
.block-4{
	overflow:hidden;
	border-bottom:0px solid #303030;
	padding-bottom:12px;
	margin-bottom:7px;
	}
.box-6{
	padding:20px 19px 11px 19px;
	background: url(../image/bg-box-6.jpg) 0 0 repeat-x #000;
	margin-bottom:23px;
	}
.box-8{
	padding:20px 19px 11px 19px;
	background: url(../image/bg-box-6.jpg) 0 0 repeat-x #000;
	}
	

/****************************footer************************/
footer{ 
	font-family:  Arial, Helvetica, sans-serif ; 
	font-size: 12px; 
	color:#fff ; 
	text-indent:0;
	}
.main-footer{
	padding-top: 28px; 
	padding-bottom: 28px;
	}
.main-footer p{padding-bottom:0;}
.main-footer .grid_12{
	border-top:1px solid #303030;
	padding:18px 0 0 0;
	}
footer a{color:#d67604 ;}
footer a:hover{color:#fff ;}
/*=======================superfish=========================*/
nav{
	display:block;
	background: url(../image/bg-nav.jpg) 0 0 no-repeat #010101;
	border-top:1px solid #474747;
	border-bottom:1px solid #303030;
	border-left:1px solid #303030;
	border-right:1px solid #303030;
	padding:16px 0 20px 84px;
	width:854px;
	border-radius: 4px;
	margin-bottom:22px;
	box-shadow: 0 5px 9px rgba(0,0,0,0.39);
	position:relative;
	float:left;
	}
.sf-menu{display:block;position:relative;float:left;}
.sf-menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;z-index:999}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;z-index:999}
ul.sf-menu>li{
  font-family: 'Oswald', sans-serif;
  font-size: 14px; 
  line-height:25px;
  float:left; 
  position:relative;
  text-transform:uppercase;
  padding:0 0 0 0;
  margin-right:50px;
  }
 ul.sf-menu>li:after{
	 position:absolute;
	 content:'';
	 display:block;
	 width:3px;
	 height:17px;
	 left:-19px;
	 top:1px;
	 z-index:1;
	 }
 .sf-menu:after{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	content:'';
	display:block;
	width:100%;
	z-index:2;
    }
 #li-indent{margin-left:250px;background:none;}
 #li-indent:after{display:none;}
 ul.sf-menu>li#first-li{margin-left:0;padding-left:0;background:none;}
 #first-li:after{display:none;}
ul.sf-menu>li>a{
	display: inline-block; 
	color:#352403;
	top:0px;
	position:relative;
    z-index:20;
	}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{color:#567531;}

.sf-menu>li>ul{
	left:0px;
	top:40px;
	width:  161px;
	padding:0 0 0 0; 
	z-index:99;
	background: url(../image/bg-li-ul.jpg) 0 0 repeat-x #232324; 
	border-radius:0 0 6px 6px; 
	}
.sf-menu>li>ul>li {
	 font-size: 12px;
	 line-height:20px; 
	 border-top:1px solid #323132;
	 text-transform:none;
	 font-family: Arial, Helvetica, sans-serif;
     }
.sf-menu>li>ul>li:first-child{}
							
.sf-menu>li>ul>li>a {
	display: block;
	color:#595959 ;
	padding: 7px 0 8px 10px;
	}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#ffffff;}

/*--------- slider ---------*/
#slide {
	width: 940px;
	position:relative; 
	overflow:  visible; 
	z-index:1; 
	margin:0 auto;
	background: #f7e1b8b;
	padding-bottom:34px;
	border-radius:0 0 7px 7px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.75);
	}
.slider {position: relative; 
z-index:1;
width: 940px; 
height: 200px; 
overflow:  visible !important; /*top:50px; left:82px;*/
box-shadow: 0 5px 9px rgba(0,0,0,0.39);}
.items {display:none;}

.banner{width: 938px;
		position:absolute;
		top: 325px; 
		z-index:15; 
		height: 129px;
		left: 1px; 
		background: url(../image/bg-banner.png) 0 0 repeat;
		overflow:hidden;
		}
.text-banner{
	float:left;
	width:760px;
	}
.inner-banner{
	padding:20px 0 0 20px;
	}	
.banner span{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color:#f78805;
	font-size:16px;
	line-height:20px;
	display:block;
	}
.banner span+span{
	font-size:26px;
	line-height:30px;
	color:#fff;
	margin-top:5px;
	}	
.banner p{margin:3px 0 0 0;}
.banner a{
	background: url(../image/bg-banner-a.jpg) 0 0 repeat-x #010101;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	line-height:20px;
	padding:7px 20px;
	border:0px solid #303030;
	text-transform:uppercase;
	color:#fff;
	float:right;
	border-radius: 2px;
	margin:50px 20px 0 0;
	display:inline-block;
	}
.banner a:hover{
	background:#f78805;}

.pagination {
	position:absolute; 
	top:463px; 
	z-index:1000; 
	width:220px; 
	height:220px;
	padding:0;
	left:411px;
	}
.pagination li {
	float:left;	
	margin:0 4px 0 0 ;
	}
.pagination a {
	display:block; 
	width:20px; 
	height:20px; 
	background: url(../image/pagination.png) right 0 no-repeat;
	}
.pagination li.current a, .pagination li:hover a{background: url(../image/pagination.png) 0 0 no-repeat;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:50%;
	bottom:73px;
	overflow:hidden;
	width: 37px;
	height: 10px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../image/top.png) no-repeat 0 0 ;
}
#toTop:hover{background-position:0 bottom;}

