
body{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#333333;
	margin:0; padding:0;
	line-height:20px;
	background:#8ba9a5 url(../images/bg.jpg) no-repeat center top;;

}



ul{list-style:none;}
ul, li{margin:0; padding:0;}
h1, h2, h3, h4,h5{margin:0; padding:0; font-family: 'Philosopher', sans-serif;}
h1{font-size:24px;font-weight:bold; text-transform:uppercase;  color:#34356e; margin:0 0 10px 0; float:left; width:100%}
h2{font-size:15px;  margin:0 0 5px 0; color:#4e452b;  text-transform:uppercase; }
h3{font-size:14px;  margin-bottom:10px; color:#333333;}
h4{font-size:13px; margin-bottom:10px; color:#c20000;}
h5{font-size:14px; margin-bottom:10px; color:#000000;}

p{margin:0 0 15px 0;}

a img{border:0;}
a:active, a:link, a:visited{
	color:#383895;
	text-decoration:none;
	outline:none;
}
a:hover{color:#b10000; text-decoration:none;}

.clear{clear:both; font-size:0px; line-height:0px; height:0px;}

#wrapper{width:980px; margin:0 auto 0 auto;}
#top{width:980px; height:92px; float:left;}
#logo{width:189px; height:92px; background:url(../images/logo_cargo_center.jpg) no-repeat left top; float:left;}
#logo a{width:189px; height:92px; text-indent:-9999px; display:block;}

#main{width:600px; padding:0 20px 0 0; border-right:1px solid #cccccc; float:left;}



#mainnav{width:781px; height:36px; padding:36px 0 0 0; font-family: 'Philosopher', sans-serif; overflow:hidden; float:left;}
#mainnav ul{float:right;}
#mainnav ul li{margin:0 2px 0 0; font-size:16px; text-transform:uppercase; float:left;}
#mainnav ul li a{height:38px; display:inline-block;padding:5px 10px; color:#1d1d1d;}
#mainnav ul li a:hover{display:inline-block;padding:5px 10px; color:#c80303;}
#mainnav ul li a.selected{display:inline-block;padding:5px 10px; background:url(../images/bg_nav.jpg) no-repeat center top; color:#ffffff;}

#header{width:980px; height:315px; float:left;}
#lang{width:32px; height:27px; margin:0 0 130px 0; padding:5px 0 0 10px; background:url(../images/lang.jpg) no-repeat left top; color:#ffffff;font-size:16px; text-transform:uppercase; font-family: 'Philosopher', sans-serif; float:right;}
#lang{width:32px; height:27px; margin:0 0 130px 0; padding:5px 0 0 10px; background:url(../images/lang.jpg) no-repeat; color:#ffffff;font-size:16px; text-transform:uppercase; font-family: 'Philosopher', sans-serif;  float:right;}
#lang a{color:#ffffff;}

#intro{width:370px; padding:20px;  color:#ffffff; font-size:25px; font-family: 'Philosopher', sans-serif; line-height:28px; float:left;}

#content{width:980px; float:left;}
#content-int{width:940px; padding:20px; background:#ffffff;; float:left;} 

#content-int img{float:right;}

#sidebarone{width:280px; margin:0 0 0 32px; float:left;}
#sidebarone img{float:left;}

.item{width:100%; margin:25px 0 0 0; float:left;}


.boxh{width:270px; height:280px; padding:30px 20px 20px 20px; margin:0 23px 0 0; background:#ffffff; float:left;}
.boxh-last{width:270px; height:280px; padding:30px 20px 20px 20px; background:#ffffff; float:right;}

a.more:active, a.more:link, a.more:visited{padding:0 10px 0 0; text-align:right; background:url(../images/arrow.gif) no-repeat right 7px; float:right;}

#bottom-home{width:980px; margin:20px 0 0 0; float:left;}

.cotatie{width:308px; height:54px; float:left;}
#links{width:646px; height:54px; background:#ffffff; float:right;}
.linkzone{width:208px; height:54px; line-height:54px; padding:0 0 0 30px; background:url(../images/bg_links.gif) no-repeat left top; color:#ffffff; font-size:23px; text-transform:uppercase;  font-family: 'Philosopher', sans-serif; float:left;}
.logos{width:406px; float:left;}

#partners{width:100%; float:left;}
#partners a img{border:1px solid #cccccc; margin:0 10px 10px 0; float:left;}

#footer{width:980px; float:left;}
#copyright{width:300px; float:left;}
#bottomnav{width:600px; float:right;}

#formular{width:100%; float:left;}
#contacts{width:100%; margin:0 0 10px 0; float:left;}
#contacts ul li{ margin:0 2px 0 0;float:left;}
#contacts ul li  a{height:25px; line-height:25px; display:inline-block;padding:0 10px; color:#1d1d1d; background:#cccccc;}
#contacts ul li a:hover{display:inline-block;padding:0 10px; color:#c80303;}
#contacts ul li a.selected{display:inline-block;padding:0 10px; background:#ca0405; color:#ffffff;}

.label{width:100px; text-align:right; padding:0 10px 0 0; float:left;}
.item-form{width:100%; margin:0 0 10px 0; float:left;}

.header-mobile{
	display:none
	}
	
.btn-nav{
	display:none;
	}
	
#lang-mobile{
		display:none;
		}

@media (max-width:768px){
	body {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		margin: 0;
		padding: 0;
		line-height: 20px;
		background: #fff;
		background-size:100%
	}
	
	
	*{
		box-sizing:border-box
		}
	
	#wrapper{
		width:100%
		}
		
	#top{
		width:100%;
		height:auto;
		}
	
	#lang-mobile{
		display:block;
		}
		
	#content{
		width:100%
		}
		
	.btn-nav{
		width:40px;
		height:40px;
		position:absolute;
		right:20px;
		top:20px;
		cursor:pointer;
		display:block
		}
		
	.btn-nav span{
		width:100%;
		height:3px;
		background:#666;
		display:block;
		margin:0 0 4px 0;
		}
		
	#mainnav.collapsed{
		display:none;
		}
		
	#mainnav.expanded{
		display:block
		}
		
		
	#mainnav{
		width:100%;
		height:auto;
		padding:0;
		}
		
	#mainnav ul{
		float:none;
		}
		
	#mainnav ul li{
		display:block;
		float:none;
		}
		
	#mainnav ul li a.selected{
		background:none;
		color:#c80303;
		}
		
	#intro{
		display:none;
		}
	
		
	#header{
		display:none;
		}
		
	.header-mobile{
		display:block;
		}
		
	.header-mobile img{
		width:100%;
		}
		
	#content-int{
		width:100%;
		}
		
	#sidebarone{
		width:100%;
		margin:0;
		padding:20px 0;
		}
		
	#main{
		width:100%;
		border:none;
		fooat:none;
		}
		
	#bottom-home{
		width:100%
		}
		
	#lang {
		width: 32px;
		height: 27px;
		margin: -24px 0 130px 0;
		}
		
	
	.boxh-last {
		width: 270px;
		height: 280px;
		padding: 30px 20px 20px 20px;
		background: #ffffff;
		float: none;
		display: block;
		clear: both;
	}
	
	img{
		max-width:100%;
		height:auto;
		}
		
	#lang-mobile a{
		width:30px;
		height:30px;
		line-height:30px;
		background: url(../images/lang.jpg) no-repeat;
		color: #ffffff;
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Philosopher', sans-serif;
		display:block;
		position:absolute;
		right:21px;
		top:62px;
		text-align:center
	}
	
	#links{
		display:none;
		}
		
		
	}