/* document reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0pt; padding:0pt; } table { border-collapse:collapse; border-spacing:0pt; } fieldset, img { border:0pt none; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:'"'; } abbr, acronym { border:0pt none; } * {outline: none}
/* ********************** begin site styles ******************** */

html{background:  url(../img/html-bg.jpg) 0 0;}
body{
	background:  url(../img/body-bg.jpg) 0 0 repeat-x;
	text-align: center;
	font:  12px/20px Verdana, sans-serif;
	color:#333;
}
h1{
	color:#fea100;
	font-size: 30px;
	padding-bottom:6px 0 7px;
}
h2{
	color:#0071d0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
h3{color: #303c4c; font-size: 14px;font-weight: bold; margin-top: 15px;}
p{
	padding: 8px 0;
}
a{
	color: #0071D0;
}
a:hover{color:#222}
b, strong{font-weight:bold}
img.alignleft{float: left; margin:  6px 15px 10px 0;}
img.alignright{float: right; margin:  6px 0 10px 15px;}
#wrapper{
	margin:  0 auto;
	width: 967px;
	background:  url(../img/logo-dacia.png) 869px 24px no-repeat;
}
#header{
	background:  url(../img/contact-header.png) 310px 35px no-repeat;
	height: 160px;
	position:relative;
	overflow: hidden;
	width: 964px;
}
#logo{
	display:inline;
	float:left;
	height:57px;
	margin:27px 0 0 4px;
	width:184px;
	background:  url(../img/logo.png) 0 0 no-repeat;
	font-size: 0;
	color:#182433;
	text-indent: -9999px;
	overflow: hidden;
}
#topNav{
	border-bottom: 5px solid #fea100;
	background: url(../img/topNav.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	bottom:0;
	width: 972px;
	padding-top:5px;
	margin-left:4px;
	height: 27px;
	padding-left:4px;
	overflow: hidden;
}
#topNav li{
	display: inline;
	float: left;
	padding:0 28px 0 0;

}
#topNav li a{color: #fff;font-size: 13px; font-weight: bold;text-transform: uppercase; text-decoration: none;letter-spacing:-1px;}
#topNav li a:hover{color: #FEA100;}

#side-contact{float: right; padding-top:20px;width:266px;clear: right;}
#side-contact img{margin-bottom: 15px;border:1px solid #697687; }

#midSection{
	height:247px;
	border-bottom: 7px solid #637081;
	padding-bottom: 1px;
	width: 960px;
	margin-left:4px;
}
#content{
	background: url(../img/content-repeat.png) 0 0 repeat-y;
	position: relative;
	padding-bottom: 2px;
	text-align: left;
}
#content .inner{
	padding: 15px 15px 40px;
	width: 967px;
	background: url(../img/content-gradient.png) 14px bottom no-repeat;
}
#content .btm{
	background:  url(../img/content-btm.png) 0 0 no-repeat;
	height: 14px;
	width: 967px;
	position: absolute;
	bottom: -14px;
	left:0;
	font-size: 0;
}

#rightcol{
	background:#697687;
	display:inline;
	float:right;
	margin-right:49px;
	margin-top:11px;
	padding:20px 17px;
	width:185px;
	-moz-border-radius: 5px;
	-web-border-radius: 5px;
}
#rightcol h3{color:#fea100;font-size: 12px;font-weight: bold; margin-top: 0 !important;}
#rightcol ul{padding-top: 2px;line-height:20px;}
#rightcol a{color: #fff;text-decoration: none;}
#rightcol a:hover{text-decoration:underline;}
#leftcol{
	float:left;
	padding-left:18px;
	padding-top:7px;
	width:635px;
	position: relative;
}
#leftcol ul{padding-left: 20px;}
#leftcol ul li{background:url("../img/bullet.gif") no-repeat scroll 0 8px transparent;padding:3px 0 2px 15px;}
#gears{
	background:  url(../img/gears.png) 0 0 no-repeat;
	width: 31px;
	height: 29px;
	position: absolute;
	right:-14px;
	top:5px;
}
#oferte-bottom{
	clear:both;
	margin: 10px 0 -26px 19px;
}
.box img{
	border:3px solid #697687;
	display:inline;
	float:left;
	margin:0 10px 0;
	padding:1px;
}
#oferte-bottom a{
	float:left;
	margin-right: 9px;
	display: inline;
}
#oferte-bottom h2{
	padding-bottom:10px;
}
#footer{height: 60px;padding-top: 25px;color:#fff;font-size: 11px;font-weight: bold;}
#inno{float:right;display: inherit; margin: 0 12px 0 -103px;}

/* forms */
form{padding-top: 10px;position: relative;}
form input, form textarea{
	background:none repeat scroll 0 0 #697687;
	color:#fff;
	border:none;
	border-top:1px solid #3C4754;
	border-left: 1px solid #3C4754;
	margin-top:3px;
	padding:5px;
	width:276px;
}
textarea{height: 130px;}
form p{padding: 4px 0;}
form p span{color:#f00;}
form p span.wpcf7-not-valid-tip-no-ajax{display: block;}

.button{width:auto; overflow:visible;border:none; background: #697687; padding: 5px 12px;-moz-border-radius: 4px;-web-border-radius: 4px;font-size: 12px; font-weight: bold;color:#fff}
.button:hover{color:#fff;background:#FEA100;cursor: pointer; position: static !important;}
form.wpcf7-form{padding-bottom: 20px;}

div.wpcf7-validation-errors{color:#fff;background: #c00; border: 2px solid #f00; float:left;margin:7px 0 25px 0 !important;padding: 5px 10px;width:265px;float: left;}
#contact-info{float: right;width: 300px; line-height:19px;padding-top:31px;}
#contact-info strong.calibri{color: #4d5b6e; font-size: 18px;display: block;padding-bottom: 5px; margin-top: -10px;}

/* ********************** end site styles ******************** */


#jquery-overlay { position:fixed !important; }

/* clearfix code */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#scroller{position: relative;height: 247px;width: 960px;}
#scroller img{position: absolute;top: 0;left:0}

#os-dacia{bottom:-14px;position:absolute;right:-3px;}

table{border-color: #303c4c; width: 635px;margin-top:10px;}
table tr td, table tr th{padding:4px;}
table td.odd{background:#e9edf4;}
table th{background: #5e738c; color: #fff; font-weight: bold;}
#garantie td{text-align: center;}

.oferta{overflow: auto; padding:10px 0; border-bottom: 1px solid #eee;}
.oferta .descr{font-size: 12px; color:#555; line-height: 18px;}
.oferta2{padding: 20px;margin: 10px 0; border: 3px solid #5E738C;-moz-border-radius:5px;}
.oferta2 h3{color: #0071D0; font-size:16px;margin-top: 0; padding-top: 0;}
.oferta2 table{width: 400px;}
.gallery{
	float:right;
	margin: 10px 0 10px 10px;
}
.page-gallery{padding: 0px 0 10px;}
.page-gallery h2{padding-bottom: 10px;}
.page-gallery img, .gallery img{border:3px solid #697687; padding: 1px; background: #fff;margin-left: 7px;}
.page-gallery img{margin: 0 10px 0 0;border: 1px solid #697687;}
.page-gallery img:hover{border:1px solid #f6a037;}
.gallery img:hover{border:3px solid #f6a037;}

.box{
	background:url("../img/box.png") no-repeat scroll 0 0 transparent;
	display:inline;
	float:left;
	height:100px;
	line-height:18px;
	margin-right:10px;
	padding-right:10px;
	padding-top:9px;
	width:208px;
	position:relative;
}
.box a{font-weight:bold;position:absolute;right:3px;bottom:10px;}



/* End captions & aligment */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../img/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;


	display: none !important;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
	display: none !important;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../img/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -122px;
}
#banner {
	position:fixed;
	top:50%;
	left:50%;
	margin-left: -350px;
	margin-top: -263px;
	border:3px solid #fea100;
	cursor:pointer;
	z-index:3;
	height:525px;
	width:700px;
}
#banner-bg {
	position:fixed;
	top:0;
	left:0;
	cursor:pointer;
	background:#000;
	height:100%;
	width:100%;
	-moz-opacity:0.6;
	opacity:0.6;
	filter: alpha(opacity=60); /* IE */
}
#banner img {
	float:left;
}
#closeBanner { font-size:13px; line-height:26px; padding:0 10px; bottom:0; right:0; position:absolute; z-index:90459; line-height:26px; text-decoration:none; }
#closeBanner span { font-weight:bold; color:#c00; text-decoration:none; }