/*==================== general classes and styles ====================*/

* { font-family: Helvetica, Verdana, sans-serif; margin:0; padding:0;}

.fleft{ float:left;}
.fright{ float:right;}
.clear { clear:both;}

.indentTop{ margin-top:15px;}
.indentTop1{ margin-top:10px;}
.indentTop2{ margin-top:35px;}
.indentTop3{ margin-top:50px;}
.noIndent{ margin:0; padding:0;}
.paddingLeft{ padding-left:10px;}
.smallSidePadding { padding:0 5px 0 5px;}
.rightMargin{ margin-right:22px;}
.rightMarginSmall{ margin-right:15px;}
.rightMarginTiny{ margin-right:10px;}
.leftMarginTiny{ margin-left:6px;}
.leftMargin{ margin-left:11px;}
.topMargin{margin-top:11px;}

.blink { text-decoration:blink;}
.middleCut { text-decoration:line-through; margin-right:5px; color:#F00;}
.alert { color:#F00; font-size:12px; font-weight:bold;}
.bold { font-weight:bold;}
.full-width { width:100%;}
.noBorder{ border:none;}
.pointer { cursor:pointer;}
.gallery { width:170px; border:none;}
.no-display{ display:none;}
.listType { list-style:circle; margin:0; padding:0;}
.blue{ color:#1e3777;}

/*==================txt, links, lines, titles====================*/
a {color:#666; font-size:11px;}
a:hover{text-decoration:none;}
a img{ border:none;}
.block { display:inline;}

h3 { font-size:14px; color:#000; font-weight:bold; margin-bottom:12px;}
h4 { font-size:11px; color:#1e3777;}
h5 { font-size:12px; margin:5px 0 5px 0; background-color:#ffcb08; padding:4px 0 4px 0; }

p { font-size:12px; margin:10px 0 10px 0;  text-align:justify; font-family:Arial, Helvetica, sans-serif;}
.p1 { font-size:11px; margin:10px 0 10px 0;}

ul { font-size:12px; margin:10px 0 10px 0;}
ul li { margin-left:25px; font-family:Arial, Helvetica, sans-serif;}

.title { background:url(images/title_bg.png) repeat-x; padding:7px;}
.imagineOferta { width:200px; border:none;}

.jobOffer{ float:left; cursor:pointer; width:660px; background:#ffcb08 url(images/bulina.png) left no-repeat; padding-left:27px; overflow:hidden;}
.jobOffer span{	padding-right:7px; }
.descCariere{ float:left; width:670px; display:none; background:#fff; margin:0; overflow:hidden;}

/*==================menu====================*/
.link { width:110px; float:left; display:block; margin-right:1px; background:#1e3777; color:#fff; text-decoration:none; font-size:12px;
text-align:center;}
.link em { display:block; background:url(images/link-left.gif) no-repeat left top; }
.link b { display:block; background:url(images/link-right.gif) no-repeat right top; 
		  padding:16px 1px 16px 1px; font-style:normal; font-weight:bold;}
.smallPadding {display:block; background:url(images/link-right.gif) no-repeat right top; 
		  padding:9px 1px 8px 1px; font-style:normal; font-weight:bold;}
.link:hover { color:#ffcb08;}

.yellow { color:#ffcb08; border-bottom:3px solid #ecc335; font-weight:normal; }
.grey { border-bottom:3px solid #eaeaea; font-weight:normal;}

/*======================= forms =========================*/

/* styles for the service scheduling page*/
#order-form { width:100%;}
#order-form p{ float:left; width:420px; margin:5px 0 5px 0; overflow:hidden;}
#order-form label{ width:40%; float:left; margin:0 0 5px 0; font-size:11px; line-height:21px; background-color:#FFF;}
#order-form input[type="text"]{ width:58%; float:left; margin:0 0 5px 0; padding:2px 0 2px 0;}
#order-form select{ width:247px; float:left; margin:0 0 5px 0; padding:2px 0 2px 0;}
#order-form textarea{ width:58%; float:left; margin:0 0 5px 0; font-size:12px;}
#order-form h5 { width:100%; float:left;}
#order-form .legalAgr { float:left; width:100%; margin-top:15px;}
#order-form .legalAgr label { float:left; width:auto;}
#order-form .legalAgr input { float:left; width:auto; margin-right:15px; height:22px;}
#order-form .marginRight{ margin-right:46px;}
#order-form .normalWidth { width:auto;}

/*styles for the contact form*/
#contact-form { width:100%;}
#contact-form p{ width:100%; float:left; margin:5px 0 5px 0;}
#contact-form label{ width:100%; float:left; margin:0 0 7px 0; font-size:11px;}
#contact-form input[type="text"]{ width:99%; float:left; margin:0 0 7px 0;}
#contact-form textarea{ width:99%; float:left; margin:0 0 7px 0; font-size:12px;}

/* styles for the job application form */
#app-form { width:100%;}
#app-form p{ width:320px; float:left; margin-bottom:5px; margin-top:5px; overflow:hidden;}
#app-form div{ width:320px; float:left; overflow:hidden;}
#app-form div p{ width:100%; float:left; margin-bottom:5px; margin-top:5px;}
#app-form label{ width:100%; float:left; margin:0 0 7px 0; font-size:11px;}
#app-form input[type="text"]{ width:98%; float:left; margin:0 0 7px 0; padding:2px 0 2px 0;}
#app-form input[type="checkbox"]{ width:20px; float:left; margin:0 0 7px 0; padding:2px 0 2px 0;}
#app-form select{ width:99%; float:left; margin:0 0 7px 0; padding:2px;}
#app-form textarea{ width:98%; float:left; margin:0 0 7px 0; font-size:12px; padding:2px 0 2px 0;}
#app-form h5 { width:100%; float:left;}
#app-form .marginRight{ margin-right:49px;}
#app-form .normalWidth { width:auto;}
#app-form .legalAgr { float:left; width:100%; margin-top:15px; background-color: #fff; display: block;}
#app-form .legalAgr label { float:left; width:95%; height:20px; background-color: #fff; display: block;}
#app-form .legalAgr input { float:left; width:auto; margin-right:10px; background-color: #fff; display: block;}


/* client feedback form*/
#sat-client { width:100%;}
#sat-client p{ width:55%; float:left; margin-bottom:5px; margin-top:5px;}
#sat-client .marginRight{ margin-right:6%;}
#sat-client label{ width:100%; height:25px; float:left; margin:0 0 7px 0; font-size:11px;}
#sat-client input[type="text"]{ width:98%; float:left; margin:0 0 7px 0; padding:2px 4px 2px 4px;}
#sat-client input[type="checkbox"]{ width:10%; float:left; margin:0 0 7px 0; padding:2px;}
#sat-client select{ width:100%; float:left; margin:0 0 7px 0; padding:2px;}
#sat-client textarea{ width:99%; float:left; margin:0 0 5px 0; font-size:12px; padding:2px;}
#sat-client h5 { width:55%; float:left;}

/*================== boxes and other ====================*/

/* secondary menu on the left*/
.box {	float:left;display:block; width:186px; margin:0 0 10px 0; text-decoration:none; font-size:12px;}
.box b { display:block; background:url(images/box_up.png) no-repeat left top; padding:7px 10px 7px 20px; 
		 font-weight:normal; font-style:normal; font-weight:bold;}
.box div{float:left; display:block; padding:10px 10px 10px 10px; font-weight:normal; font-style:normal; border-left:1px solid #92aba6; 
		  border-right:1px solid #92aba6; margin:0; width:164px;}
.box em { float:left; display:block; background:url(images/box_down.png); background-color:#92aba6; height:7px; width:186px; overflow:hidden;}
.box a{text-decoration:none;}
.box .linkNormal { color:#666;}
.box .linkOn { color:#1e3777; font-weight:bold;}

.img-box { padding:5px; display:block;}
.img-box img { margin:5px 0 5px 0;}

/* contact page boxes */
.half-box { width:433px; border:1px solid #1e3777; margin-bottom:5px;}
.half-box img { float:left; border:0; width:223px; margin-right:9px;}
.half-box p { float:left; font-size:11px; width:200px; margin:0;}
.half-box h4 { float:left; width:200px; margin:0;}

/* styles for the "Norauto va recomanda.." section*/
.boxProduse { background-color:#eaeaea;}
.boxProduse h5 { background-color:#666; color:#FFF; padding:5px;}
.boxProduse p { padding:0 5px 0 5px;}

/*styles for the Norauto values*/
.boxgridValori{ float:left; width: 220px; height: 215px; overflow: hidden; position: relative; cursor:pointer;}
.boxgridValori .text{	margin-top:50px;}
.boxgridValori img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgridValori p{	padding:0 5px 0 0; color:#5f5f5f; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;							                 text-align:left;}
.imagineValori { width:220px; border:none; float:left;}
.perspective { float:right;}

/*styles for the Norauto offers*/
#smallOffersContainer { float:right; width:690px; overflow:hidden;}
.smallOffers { float:right; width:690px; overflow:hidden;}

/* styles for the yahoo map section*/
#mapCont { width:440px; height:260px; margin-top:5px;}
/*==================content styles====================*/

/*homepage slideshow*/
#homeSlideshowCont{ float:left; background-color:#000;}
#homeSlideshow { float:left; height:297px; overflow:hidden; width:887px;}
#homeSlideshow img { width:892px; height:297px;}
.homeOfferCont {
	float:right;
	width:288px;
	height:198px;
}
#slider {
	height:198px;
	overflow:hidden;
	width:288px;
}
/* styles for the homepage running news*/
#news-slider{ float:right; width:288px; height:198px; overflow:hidden; background:#ecc335 url(images/bg_news.png);}
#news-slider ul, #news-slider li{height:198px; margin:0; padding:0; list-style:none;}
#news-slider li{ width:288px; overflow:hidden; }	
#news-slider li h3{	font-family:Verdana, Geneva, sans-serif; font-size:13px; margin:10px; color:#162a75; padding-left:5px;}	
#news-slider li p{ text-align:left; font-family:Arial, Geneva, sans-serif; font-size:12px; margin:10px; padding-left:5px;}						

#offerSlideshow { float:right; height:400px; width:690px; overflow:hidden; margin:0;}
#offerSlideshow img { height:400px; width:690px; }

/*==================footer styles====================*/
#footer p { font-size:12px; color:#4e4743; padding:15px 0 0 0;}
#footer p a { color:#1e3777; }

/*styles for each product on each category page*/
.boxgrid{ position: relative; float:left; width: 330px; height: 250px; margin-bottom:15px; background:#161613; 
		  border: solid 2px #ccc; overflow: hidden; }
.boxgrid h3{ margin: 10px 10px 5px 10px; color:#FFF; font-weight:bold; 
             font-family:Arial, Helvetica, sans-serif; font-size:12px;text-transform:uppercase; font-weight:bold;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{ padding: 0 10px; color:#fff; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; text-align:left; }
.boxgrid .boxcaption{ float: left; position: absolute; top: 215px; left: 0; background-color:#1e3777; 
			height: 82px; width: 100%; opacity: .8; 
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
.boxgrid .captionfull .boxcaption {top: 260px; left: 0;}
.boxgrid .caption .boxcaption {top: 215px; left: 0;}


/*styles for the small slideshow on the default offer page*/
.smallOffers { width:690px; height:170px; overflow:hidden;}
.boxgridOfferSmall{ width: 226px; height: 161px; margin:5px 0 10px 0 ; float:left;  
		  			border: solid 2px #ccc; overflow: hidden; position: relative; display:block;}
.boxgridOfferSmall h3{ margin: 10px 10px 12px 10px; color:#FFF; font-size:11px; text-transform:uppercase; }
.boxgridOfferSmall img{ width:100%; height:100%; margin:0;}
.boxgridOfferSmall p{ padding: 0 10px; color:#afafaf; font:10pt "Lucida Grande", Arial, sans-serif; text-align:left; }
.boxgridOfferSmall .boxcaption{ float: left; position: absolute; top: 124px; left: 0; 
								background: #1e3777; height: 100px; width: 100%; opacity: .8; 
								filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
								-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
								}
.boxgridOfferSmall .captionfull .boxcaption {top: 260px; left: 0;}
.boxgridOfferSmall .caption .boxcaption {top: 215px; left: 0;}
.boxgridOfferSmall .marginRight{ margin-right:10px;} 

#ticker-container {	position:relative; overflow:hidden; float:right; width:288px; height:198px; overflow:hidden; 
					background:#ecc335 url(images/bg_news.png);}
#ticker { position:relative; width:288px;}
#ticker ul, #ticker li{margin:0; padding:0; list-style:none;}
#ticker li{ width:288px; overflow:hidden; }	
#ticker li h3{	font-family:Verdana, Geneva, sans-serif; font-size:13px; margin:10px; color:#162a75; padding-left:5px;}	
#ticker li p{ text-align:left; font-family:Arial, Geneva, sans-serif; font-size:12px; margin:10px; padding-left:5px;}						
/******************* Start update website *******************/
.clr {
	clear: both;
}

.bold {font-weight: bold;}

/* START table styles */

.tbl thead tr .thead-leftc {
	background-color: #EFBC17;
}
.tbl thead tr .thead-rightc {
	background-color: #EFBC17;
}
.tbl thead tr td {
	color:#fff;
	background-color: #EFBC17;
}
.tbl tr td { 
	border: 1px solid #dadada;
}
.tbl .odd td { 
	background:#fff;
}
.tbl .even td { 
	background:#f5f5f5;
}
.work-label a { 
	background:#282828;
	color:#b5b5b5;
}
.work-label a:hover { 
	background:#b80707;
	color:#fff;
}
/* END table styles */

p.pdf {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(images/logo_pdf.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:20px;
}

p.sageata {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(images/sageata.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
/* END update styles */
#main #content .row-1.noIndent .col-4 p a {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder,.imageSlideshowHolder_left{
		margin:0px;	
		width:288px;	
		height:198px;	
		position:relative;	
	}
	
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}