/** GLOBAL **/
* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #fff;
  font-family: 'Dosis', sans-serif, tahoma, arial;
  font-size: 14px;
  color: #333;
}

a {
  color: #333;
  text-decoration: none;  
}

img a, a img {
  border: none;             
}

input {
  font-family: 'Dosis', sans-serif, tahoma, arial;      
}

.clear {
  clear: both;       
}

.wrap {
  width: 960px;
  margin: 0 auto;  
}

#header {
  height: 212px;
  background: url(images/header-bg.png) repeat-x;   
  text-align: center;
}

#header img {
  margin: 16px 0 0 0;
}

#nav {
  height: 68px;
  line-height: 68px;
  background: url(images/nav-bg.png) repeat-x;   
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #555;
  cursor: default;
}

#nav ul {
  list-style: none;
} 

#nav ul li {
  display: inline-block;
  margin: 0 8px;
} 

#nav ul li a {
  padding: 4px 6px;
  color: #6b6b6b;
} 

#nav ul li a:hover {
  color: #000;
} 

#nav ul li a.active {
  color: #948e6d;
} 

#content {
  background: url(images/page-bg.png) repeat-x;         
}

#content .wrap {
  background: url(images/content-shadow.png) repeat-x #f3f3f3;               
}

.slider {
  padding: 26px 0 22px 0;    
}

.slider-content {
  position: relative;
  width: 906px;
  height: 290px;
  background: url(images/main-bg.png) no-repeat;  
  margin: 0 auto;      
}

.slider img {
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;           
}

.content {
  padding: 0 30px 30px 30px;         
}

h2 {
  background: url(images/tit-line.png) 0 16px repeat-x;
  text-align: center;
  color: #a7a17d;
  font-weight: 400;
  text-transform: uppercase;   
  font-size: 26px;
  margin: 0 0 10px 0;
}

h2 span {
  padding: 0 16px;
  background: #f3f3f3;        
}

.boxes {
  padding: 10px 0 0 0;
}

.boxes .box {
  position: relative;
  width: 295px;
  height: 145px;
  background: url(images/column-bg.png) no-repeat;
  color: #fff;     
  text-transform: uppercase; 
  cursor: default;    
}

.boxes .box span {
  display: block;       
  position: absolute;    
  background-repeat: no-repeat;     
}

.boxes .box h3 {
  position: absolute;
  top: 30px;
  right: 25px;
  width: 130px;
  font-size: 30px;
  font-weight: 300;   
  text-align: right;
}

.box1 {
  float: left;      
}
.box2 {
  float: left;    
  margin: 0 0 0 8px;  
}
.box3 {
  float: right;      
}

.box1 span {
  top: 40px;
  left: 45px;
  width: 56px;
  height: 66px;
  background-image: url(images/bulb-icon.png);           
}

.box2 span {
  top: 40px;
  left: 50px;
  width: 70px;
  height: 70px;
  background-image: url(images/ruler-icon.png);           
}

.box3 span {
  top: 40px;
  left: 50px;
  width: 63px;
  height: 59px;
  background-image: url(images/cup-icon.png);           
}

#footer .wrap {
  height: 60px;
  background: #ebebeb;  
  margin: 4px auto 10px auto;      
}

#footer p {
  padding: 30px 20px 0 20px;          
}

#footer p img {
  position: relative;
  top: -8px;
  float: left;    
  padding: 0 10px 0 0;          
}

#footer p a {
  color: #e78d00;
}

#footer p .upper {
  text-transform: uppercase;
}

#footer p .powered {
  float: right;
}

#footer p a:hover {
  text-decoration: underline
}



p.main-text, p.text {
  margin: 6px 0 18px 0;
  line-height: 28px;       
  font-size: 16px;
  text-align: center;
}

.links {
  list-style: none;       
  text-align: center;
  margin: 0 0 10px 0;
}

.links li {      
}                    

.links li a {
  display: inline-block; 
  width: 620px;
  background: #eaeaea;
  padding: 8px 0;
  margin: 10px 0;    
  font-size: 16px;
}

.links li a:hover {
  background: #e2e2e2;
}

.contacts {
  margin: 15px 0;
  text-align: center;          
}

.infos {
  position: relative;
  height: 85px;
} 

.infos ul {
  position: absolute;
  list-style: none;
  font-size: 17px;     
}

.infos ul li {
  margin: 4px 0;        
}

ul.fi {
  left: 188px;     
}

ul.se {
  right: 188px;     
}

.contacts iframe {
  border: 3px solid #ddd; 
  margin: 0 10px;                
}

.con {
  background: #eaeaea;
  font-size: 15px;
  line-height: 22px;   
  padding: 12px 0;  
}