@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, footer, header, hgroup, 
menu, nav, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 Reset pentru browsere vechi */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Final reset */

html {
	background-color: #dddddd;
}

body {	
	width:960px;
	margin: 10px auto 40px;
	line-height:1.35em;	
}

.active{
    z-index:99;
}

#slideshow img{
	border-radius:5px;	
}

.logo {
	font-family: 'Oswald', 'sans-serif';
	font-size:2.7em;
	font-weight:400;
	color:#638E87;
	margin:10px 0 0px 20px;
	float:left;
	line-height:1em;
}

.logo span {
	background-color:#638E87;
	border-radius:5px;
	color:white;
	margin:0 2px;
	padding:0 2px;	
}

.logo h3 {
	font-family: 'Source Sans Pro', 'sans-serif';
	font-size:15px;
	color:#638E87;	
	text-transform:uppercase;
	padding-left:3px;
}

.logo a, .logo a:hover {
	text-decoration:none;	
	font-weight:400;
	color:#638E87;
}

.bare {
	float:right;
	padding:2px 0 7px;	
}

.container {
	background-color: #f3f3f3;
	color:#333;
	font-family: 'Source Sans Pro', 'sans-serif';
	border:1px solid #fff;
	border-radius:5px;
	box-shadow:0px 0px 5px 0px #979797;
	clear:both;
}

.clearfix:before, .clearfix:after {
	content:"";
	display:table;	
}

.clearfix:after {
	clear:both;	
}


h1 {
	font-family: 'PT Sans', 'sans-serif';
	font-size:1.8em;
	font-weight:400;
	color:#638E87;
	padding:5px 5px 15px;	
}

h2 {
	font-family: 'PT Sans', 'sans-serif';
	font-size:1.3em;
	font-weight:400;
	color:#638E87;
	padding:5px 4px 8px;	
}

p {
	margin:3px 0 8px;
	padding:2px 5px;
	text-align:justify;	
	font-size:1em;
}

header {
	height:300px;
	background-image:url("../_img/camioane.jpg");
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 5px;
	margin:20px;
}

main {
	width: 659px;
	min-height:450px;
	padding:10px 15px 20px;
	float:left;
	border-right:1px solid #ddd;
	margin-bottom:15px;
}

.mono {
	width:400px;
	float:right;
	border:none;	
}

main.mono p {
	border-bottom:1px solid #fff;
	border-top:1px solid #ddd;
	margin:0px;	
}

.mono p:nth-child(2) {
	border-top:none;
}

main ul 
{
list-style-image:url('../_img/check.png');
}

main ul li {
	margin-left:30px;	
}

.contact {
	float:right;
	width: 249px;
	text-align:left;	
	padding:17px 9px 14px;
	border-left:1px solid #fff;
	font-size:0.95em;
	color:#555;
	min-height:450px;
}

.white {
	width:100%;
	background-color:#ddd;
	border-bottom:1px solid white;
	border-top:1px solid white;
	height:1px;
	clear:both;
	
}

nav {
	display:block;
	background-color: grey;
	color:white;	
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	
	background: #8dc6b8; /* Old browsers */
	background: -moz-linear-gradient(top, #8dc6b8 0%, #74a59c 40%, #638e87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc6b8), color-stop(40%,#74a59c), color-stop(100%,#638e87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc6b8', endColorstr='#638e87',GradientType=0 ); /* IE6-9 */

}

nav li {
	float:left;
	width:150px;
}

nav li a {
	position:relative;
	z-index: 1;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:600;
	font-size: 1.1em;
	color:#DBDDDA;	
	padding: 8px 15px;
	
	-webkit-transition-property:color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property:color;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function: linear;
	-o-transition-property:color;
	-o-transition-duration:0.5s;
	-o-transition-timing-function: linear;
	
	
	background: #8dc6b8; /* Old browsers */
	background: -moz-linear-gradient(top, #8dc6b8 0%, #74a59c 40%, #638e87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc6b8), color-stop(40%,#74a59c), color-stop(100%,#638e87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc6b8', endColorstr='#638e87',GradientType=0 ); /* IE6-9 */

}

.helper {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    opacity: 0;

    background: rgb(85,85,85); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(68,68,68,1) 35%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(35%,rgba(68,68,68,1)), 	color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 35%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 35%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 35%,rgba(34,34,34,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 35%,rgba(34,34,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-9 */

    -webkit-transition: opacity 0.4s linear;
       -moz-transition: opacity 0.4s linear;
         -o-transition: opacity 0.4s linear;
            transition: opacity 0.4s linear;
}

a:hover {
	color:#6EB8A0;
	font-weight:600;
}

a:hover .helper
{
    opacity: 1;
}

footer {
	/*background-color: #3E4450;*/
	min-height:70px;
	clear:both;	
	border-radius: 0 0 5px 5px;
	padding:10px 15px 20px;
	color:#eee;
	line-height:1.2em;
	background: #638E87; /* Old browsers */
	
	background: -moz-linear-gradient(top, #8dc6b8 0%, #74a59c 40%, #638e87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc6b8), color-stop(40%,#74a59c), color-stop(100%,#638e87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8dc6b8 0%,#74a59c 40%,#638e87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc6b8', endColorstr='#638e87',GradientType=0 ); /* IE6-9 */
}

footer i {
	float:right;
	padding-right:30px;
}

footer a, footer a:hover, .contact a, .mono a {
	text-decoration:none;
	font-weight:400;
	color:#22f;
}

footer a:hover, .contact a:hover,  .mono a:hover {
	color:#d44;	
}

a.box, a.box:hover {
	padding:0px;
	text-decoration:none;
	margin:0 5px 5px 0;
	font-weight:400;	
}

a.box {
	display:inline-block;
	border:10px solid #fff;	
	border-radius:3px;
}


a.box:hover {
	border-color:#8dc6b8;
	-webkit-transition: border-color 0.6s linear;
       -moz-transition: border-color 0.6s linear;
         -o-transition: border-color 0.6s linear;
            transition: border-color 0.6s linear;
}

a.box img {
	opacity:0.6;
}

iframe {
	padding-top:14px;
	padding-left:20px;	
}