body {margin: 0px; padding: 0px;background:#ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #21201e; line-height: 16px;}
html {behavior: url(js/hover.htc); overflow-x: hidden; overflow-y: auto;}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* CLEARFIX
/*--------------------------------------------------------------------------------------------------------------------------*/
div:after, 
ul:after, ol:after,
.cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
* html div, 
* html dl,
* html ul,
* html ol,
* html .cfix {height: 1%}
div, 
ul, ol,
.cfix {display: inline-block}
div, 
ul, ol,
.cfix {display: block}
/*-----*/


@font-face {
	font-family: 'TimelessRegular';
	src: url('font/timeless.eot');
	src: local('Timeless Regular'), local('Timeless-Normal'), url('font/timeless.woff') format('woff'), url('font/timeless.ttf') format('truetype'), url('font/timeless.svg#Timeless-Normal') format('svg');
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/* RESETARE TAGURI
/*--------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p{margin: 0px; padding: 0px; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
ul,dl,dt,dd,ol,li,
hr,blockquote,pre,addres,
{margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; background-color: transparent; list-style: none; font-family: Arial, Helvetica, sans-serif; color: #21201e; font-size: 12px; line-height: 16px}

form,fieldset,legend,input,label,textarea,selects {margin: 0px; padding: 0px; outline: none; border: none;}
/*-----*/

h1{color:#0052ae; font-size:18px; line-height: 18px; font-weight:normal; background:url(images/bg_h1.jpg) left center no-repeat; padding:0 0 0 15px; margin:0 0 10px 0;}
h2{color:#0052ae; font-size:18px; line-height: 18px; font-weight:normal; padding:0; margin:0 0 10px 0;}

a {color: #0052ae; text-decoration: undeline; font-weight: normal; outline: none;}
a:hover {color: #0052ae; text-decoration: none;}
a img {border: none; text-decoration:none;}


em {font-style: italic;}
strong {font-weight: bold}
.clear{clear:both}
.alignleft{float:left;}
.alignright{float:right;}
p{padding:0 0 10px 0; line-height:18px;}


div#container {margin: 0px auto; width:950px; margin-top:3px;}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* top nav
/*--------------------------------------------------------------------------------------------------------------------------*/
div#top {margin: 0px auto; height: 59px; background:url(images/bg_topNav.jpg); width:950px;}
div#top div#logo {float:left; margin-right:90px;}
div#top div#logo img{padding: 13px 0px 0px 12px; }
div#top div#topNav {float:left; margin:0px;}
#jsddm
{	margin: 0;
	padding: 0;}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		text-align:center;
		margin-right:3px;
		}

	#jsddm li a
	{	display: block;		
		padding:25px 0 20px 0px;
		text-decoration: none;		
		width: 100px;
		color: #ffffff;
		font-weight:bold;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{ background:#0039a4; color:#FFFFFF; text-decoration:underline;}
	
	#jsddm li.select
	{ background:#0039a4; color:#FFFFFF; text-decoration:underline;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			text-align:left;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			text-align:left;
			text-indent:10px;
			margin:0;			
			}
		
		#jsddm li ul li a
		{	width: auto;
			padding:3px 0 3px 0;
			min-width: 100px;
			background: #0039a4;
			color:#ffffff;			
			font-weight:normal;}
		
		#jsddm li ul li a:hover
		{	color:#ffffff;
			background:#0039a4 url(images/topNav_sageata.jpg) left center no-repeat;
			text-decoration:underline;
		 }

/*--------------------------------------------------------------------------------------------------------------------------*/
/* HEADER
/*--------------------------------------------------------------------------------------------------------------------------*/
div#header {margin: 0px auto; height: 190px; width:950px; background:url(images/header.jpg);}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT
/*--------------------------------------------------------------------------------------------------------------------------*/
div#content {width:950px; margin:20px 0 20px 0;}
div#content div#page {width:599px; float:left; }

div#content div#page div.home_blue {width:599px; background:#f1f1f1 url(images/home_blue.jpg) top left no-repeat; margin:10px 0 10px 0; }
div#content div#page div.home_blue p{padding:10px;  }

div#content div#page div.home_blue div.box {width:199px; float:left; border-right:1px solid #ffffff;}
div#content div#page div.home_blue div.box h3{ color:#ffffff; margin:0; padding:10px; }


div#content div#page div.home_blue div.boxLast {width:199px; float:left; }
div#content div#page div.home_blue div.boxLast h3{ color:#ffffff; margin:0; padding:10px; }

div#content div#page div.follow {margin:0 auto;}
div#content div#page div.follow img{margin:5px 50px 5px 50px;}

/**product page*/
div#content div#page div.produse ul { padding:0; margin:5px 0 0 0; }
div#content div#page div.produse ul li{float:left; list-style:none; width:144px; background:url(images/produseNav.jpg) no-repeat; padding:0; margin:0 5px 8px 0;}
div#content div#page div.produse ul li.right{margin:0;}
div#content div#page div.produse ul li img{padding-top:10px;}
div#content div#page div.produse ul li a{display:block; height:77px; text-decoration:none;  text-align:center;}
div#content div#page div.produse ul li a:hover{color:#a8a8a8; text-decoration:none; height:77px; background:url(images/produseNav_over.jpg) no-repeat;}

div#content div#page div#tehnice { width:140px; border-top:1px solid #a0a0a0; margin-top:5px; padding-top:10px; }
div#content div#page div#tehnice a{ color:#a0a0a0; text-decoration:none; }
div#content div#page div#tehnice a:hover{ color:#a0a0a0; text-decoration:underline; }

div#content div#page div.contact div.left{float:left; width:285px; }
div#content div#page div.contact div.right{float:right; width:300px;}
div#content div#page div.contact form fieldset {margin-bottom:10px}
div#content div#page div.contact form fieldset label {float: left; clear: none; }
div#content div#page div.contact form fieldset input {float: right; clear: none; color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:22px;}
div#content div#page div.contact form fieldset textarea {float: right; clear: none; color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:200px;}
div#content div#page div.contact form fieldset textarea {float: right; clear: none; color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:200px;}
div#content div#page div.contact form fieldset.submit input {margin: 0px 0px 0px auto; width: 207px; height: 24px; padding: 0px; text-align: left;text-indent: -1000px; cursor: pointer;	background: url(images/trimite_button.jpg) no-repeat left top; border:none;}
div#content div#page div.contact form fieldset.submit input:hover {background-position: left bottom}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* SIDEBAR
/*--------------------------------------------------------------------------------------------------------------------------*/
div#content div#sidebar {width:318px; float:right; }

div#content div#sidebar form fieldset {margin-bottom:10px}
div#content div#sidebar form fieldset label {float: left; clear: none; }
div#content div#sidebar form fieldset select {float: right; clear: none; color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:22px;}

div#content div#sidebar h3{color:#0052ae; font-size:18px; line-height: 18px; font-weight:normal; padding:0; margin:10px 0 10px 0;}

/*meniu vertical produse*/
div#content div#sidebar ul { padding:0;margin:0; }
div#content div#sidebar ul li{float:left; list-style:none; width:151px; background:url(images/bg_VertNav.jpg) no-repeat; padding:0;  margin:0 11px 10px 0;}
div#content div#sidebar ul li.right{margin:0;}
div#content div#sidebar ul li img{padding-top:10px;}
div#content div#sidebar ul li a{display:block; color:#fff; height:77px; text-decoration:none; text-align:center;}
div#content div#sidebar ul li a:hover{color:#a8a8a8; text-decoration:none; height:77px; background:url(images/bg_VertNav_over.jpg) no-repeat;}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER
/*--------------------------------------------------------------------------------------------------------------------------*/
div#footer {margin: 0px auto; background:#001564 url(images/bg_footer.jpg) repeat-x;}
div#footer div#footerIn {margin: 0px auto; width: 950px;}
div#footer div#footerIn ul {margin: 0px 0px 0px auto; padding:4px 0 0 0; text-align: left; height:22px;}
div#footer div#footerIn ul li {display: inline; margin: 0px 0px 0px 0px; padding:0px 10px 0 0;}
div#footer div#footerIn ul li a {color: #4f80ba; border: none; text-decoration:none;}
div#footer div#footerIn ul li a:hover {border-bottom: 1px solid #4f80ba; text-decoration:none;}
div#footer div#left {float:left; height:67px; width:200px;}
div#footer div#left img{padding-top:27px;}
div#footer div#right {float:right; height:67px; width:200px; text-align:right;}
div#footer div#right img{padding-top:35px; }

#social_twiter {float:left; margin-top:5px;}
#social_twiter a.rollover {
	display:block;
	width:31px; /* width of the image */
	height:31px; /* height of the image */
	line-height:31px; /* for the vertical alignement */
	background-image:url(images/social_twiter.jpg); /* image you want to rollover */
	background-repeat: no-repeat;
	background-position: left bottom;
	/* some styles */
	text-align:center;
	text-decoration:none;
	margin:0px 10px 0 0;
}
#social_twiter a.rollover:hover { 
background-position: left top; 
}

#social_rss {float:left; margin-top:5px;}
#social_rss a.rollover {
	display:block;
	width:31px; /* width of the image */
	height:31px; /* height of the image */
	line-height:31px; /* for the vertical alignement */
	background-image:url(images/social_rss.jpg); /* image you want to rollover */
	background-repeat: no-repeat;
	background-position: left bottom;
	/* some styles */
	text-align:center;
	text-decoration:none;
	margin:0px 10px 0 0;
}
#social_rss a.rollover:hover { 
background-position: left top; 
}

#social_facebook {float:left; margin-top:5px;}
#social_facebook a.rollover {
	display:block;
	width:31px; /* width of the image */
	height:31px; /* height of the image */
	line-height:31px; /* for the vertical alignement */
	background-image:url(images/social_facebook.jpg); /* image you want to rollover */
	background-repeat: no-repeat;
	background-position: left bottom;
	/* some styles */
	text-align:center;
	text-decoration:none;
	margin:0px 10px 0 0;
}
#social_facebook a.rollover:hover { 
background-position: left top; 
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* parteneri
/*--------------------------------------------------------------------------------------------------------------------------*/
div#content div.parteneri {padding:10px 0 10px 0; border-top:1px solid #CCCCCC;}
div#content div.parteneri p{margin:0px 0 7px 0;}
div#content div.parteneri p.title{color:#0052ae; font-weight:bold;}

div#content form fieldset {margin-bottom:10px; }
div#content form fieldset label {float: left; clear: none; }
div#content form fieldset select {float: right; clear: none; color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:22px;}

div.info form fieldset {margin-top:10px; }
div.info form fieldset label {font-weight:bold; }
div.info form fieldset input { color: #a0a0a0; border:1px solid #a0a0a0; width:205px; height:22px;}
div.info form fieldset textarea {  color: #a0a0a0; border:1px solid #a0a0a0; width:575px; }
div.info form fieldset.submit input {margin: 0px 0px 0px auto; width: 207px; height: 24px; padding: 0px; text-align: left;text-indent: -1000px; cursor: pointer;	background: url(images/trimite_button.jpg) no-repeat left top; border:none;}
div.info form fieldset.submit input:hover {background-position: left bottom}