html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*general */
body { color:#333333; font-family:Verdana,Arial,Helvetica;  font-size:13px; line-height:16px; }
a:link, a:visited { color:#004869;  }
h1 { font-size: 23px; margin: 10px 0; font-weight:normal; }

/*layout */
#header { background:url("../images/header_bg.jpg") repeat-x bottom; height:500px; margin:0; padding:0; }
#header #logo h1 { margin:0; padding:0; }
#header #logo h1 a { background:url("../images/logo.png") no-repeat left top; display:block; width:182px; height:115px; text-indent: -2000px;  }
#header-wrapper { width:960px; margin:0 auto; position:relative; }
#header-wrapper #top-bar { position:absolute; top: 7px; left: 200px; color: #bbb; }
#header-wrapper #top-info { position:absolute; right: 0; top: 50px; color:#000; }
#header-wrapper #top-menu { xmargin-left: 200px; position:absolute; left: 200px; top:110px;  }
#header-wrapper #top-menu ul li { display:inline; margin:0 20px; display:block; float: left;  }
#header-wrapper #top-menu ul li a { color:#fff; text-decoration:none; background:url("../images/menu_icon.png") left no-repeat; padding: 5px 0 5px 15px; float:left; display:block; }
body.homepage #header-wrapper #top-menu ul li a.selected { background:url("../images/hp_selected.jpg") no-repeat top center;  height: 33px; display:block; color:#333; padding:5px 35px;  }
body.produse #header-wrapper #top-menu ul li a.selected { background:url("../images/produse_selected.jpg") no-repeat top center; height: 33px; display:block; color:#333; padding:5px 20px;  }
body.portofoliu #header-wrapper #top-menu ul li a.selected { background:url("../images/portofoliu_selected.jpg") no-repeat top center; height: 33px; display:block; color:#333; padding:5px 25px;  }
body.contact #header-wrapper #top-menu ul li a.selected { background:url("../images/contact_selected.jpg") no-repeat top center; height: 33px; display:block; color:#333; padding:5px 30px;  }

#main { width: 960px; margin: 0 auto; position:relative; margin-top:-340px; }
#main #tagline { float:left; width: 690px; xbackground: #ccc; }
#main #tagline #visual { width:386px; height: 302px; background:url("../images/visual.png") no-repeat left top; float:left;  }
#main #tagline #list { float:right; margin: 30px 0 0 0; width: 300px; }
#main #tagline #list ul li { font-size: 15px;  margin: 15px 0; background:url("../images/tagline_arrow.png") no-repeat left; padding-left: 30px; }
#main #form { float: right; width: 235px; height:364px; xbackground: #015f8b; xmargin: 10px 0; background:url("../images/form_bg.png") no-repeat left top; color:#fff; padding: 10px;  }
#main #form h2 { margin: 5px 0; font-size: 15px; } 
form div.element { margin: 8px 0; }
form div.element input { width: 163px;  }
form div.element label { width: 60px; display:block; float:left; }
 #main #form div.element label#upload { width: 250px; }
form div.actions { xposition:relative; }
form div.actions input#send_request { background:url("../images/send_request.png") no-repeat left; border:none; width: 178px; height:35px; color:#fff; font-size:14px; margin:3px auto; font-weight:bold; display:block;    }

#main #featured { clear: both; margin: 0 0 10px 0; position:relative; }
body.homepage #main #featured { top:-25px; }
#main #featured ul.tabs-nav { xpadding: 10px 20px;  }
#main #featured ul.tabs-nav li { background: url("../images/tabs_hp.png") no-repeat top; width: 198px; padding:12px 0 12px 0;  }
#main #featured ul.tabs-nav { xpadding: 10px 20px;  }
body.produse #main #featured ul.tabs-nav li { background: url("../images/tabs_produse.png") no-repeat top; width: 125px; padding:12px 0 12px 0;   }
body.produse #main #featured ul.tabs-nav li.tabs-selected  { background: url("../images/tabs_produse_selected.png") no-repeat top; xwidth: 197px; position:relative; top:1px; }  
body.produse #main #featured div.content {  xbackground: #f5f6f6; }
body.produse #main #featured div.content #content { xbackground: #f5f6f6; }
body.produse #main #featured div.head { background: #e9e9e9; color: #000; }
#main #featured ul.tabs-nav li a { xfont-size:14px; color: #666;  }
#main #featured ul.tabs-nav li.tabs-selected { background: url("../images/tabs_hp_selected.png") no-repeat top; xwidth: 197px; position:relative; top:1px; }
#main #featured ul.tabs-nav li.tabs-selected a { color:#000; }
#main #featured .tabs-container { border:1px solid #d6d6d6; padding:0; }
#main #featured .tabs-container div.head { background:#e9e9e9; padding: 10px 8px; color: #000; font-weight:bold; overflow:hidden; clear: both;  }
#main #featured .tabs-container div.head div.head-content {  background: url("../images/house_icon.png") no-repeat left; padding: 7px 0 7px 50px; }
#main #featured .tabs-container div.content { padding: 10px 20px; overflow: hidden; }
#main #featured .tabs-container div.content div.box { float:left; width: 285px; padding: 5px 10px;   }
#main #featured .tabs-container div.content div.box h2 { margin: 5px 0;   }
#main #featured .tabs-container div.content h3 { color: #005378; margin: 0 0 15px 0; xfont-weight:normal; } 
#main #featured .tabs-container div.content ul li { margin: 0 0 5px 0; background:url("../images/list_arrow.png") no-repeat  0 4px; padding:0 0 0 15px;   }
#main #featured .tabs-container div.content ul#partners_logo li { background: none; display:inline; }

#main #content { background: #fff; border: 1px solid #d6d6d6; padding: 15px 20px; margin: 15px 0 10px 0; overflow:hidden; position:relative; clear: both; text-align: justify;  }
#main #content h1 { color: #004869; font-size: 24px; margin-bottom: 10px;   }
#main #content h2 { font-size: 14px; margin: 10px 0; }
#main #content #contact_form_wrapper { width: 500px; float: left; margin: 10px 0;  }
#main #content #contact_form { background: #f6f6f4; padding: 5px 10px; }
#main #content #contact_form div.element label { width: 180px; }
#main #content #contact_form div.actions { margin: 20px 0 10px 0; }
#main #content #contact_form input#send_request { margin:0; } 
#main #content #contact-info { float: right; background: url("../images/info_bg.png") no-repeat left top; width: 270px; height: 466px; padding: 20px; color: #fff; margin: 10px 0; }
#main #content #contact-info a { color: #fff; } 
#main #content #contact-info h2 { font-size:15px; margin: 0 0 5px 0; }
#main #content #contact-info h2.address { background: url("../images/house_icon.png") no-repeat left; padding: 20px 0 0 45px; }
#main #content #contact-info h2.phone { background: url("../images/contact_icon.png") no-repeat left; padding: 20px 0 0 45px; margin: 10px 0 5px 0; }
#main #content #contact-info2 { width: 350px; float:left; padding: 10px;  background:#E5F0F2; margin-right: 10px; margin-top: 10px; margin-left: 20px;  }
#main #content div.title { margin: 5px 10px; font-size: 14px; font-weight: bold; color: #004869; }
#main #content p { margin: 5px 0;  }
#main #content p.indent { text-indent: 25px; }
#main #content table.product_images tr td { padding: 5px; }

#main #products { margin-bottom: 10px; overflow:hidden; background: #FFF; xpadding: 10px 15px; clear:both; border:1px solid #ccc;   }
#main #products div.head { background:none repeat scroll 0 0 #E9E9E9; color:#000000; padding: 10px 8px; font-weight: bold; }
#main #products div.head-content { background:url("../images/house_icon.png") no-repeat scroll left center transparent;  padding:7px 0 7px 50px;}
#main #products .top { overflow: hidden; xfloat: left; width: auto; xmargin: 15px 0 0 0;   }
#main #products #content {  xwidth: 650px; clear: both;  }
#main #products .content { padding: 10px 15px; }
#main #products .box { float: left; width: 290px; padding: 0 7px; }
#main #products .box h2 { margin: 0 0 5px 0; }
#main #products .box ul li {  margin: 0 0 5px 0; background:url("../images/list_arrow.png") no-repeat  0 4px; padding:0 0 0 15px; } 
#main #products .box ul li a.selected { color: red; }
#main #products .box a.selected { color: red; }

#main #contact { background: url("../images/contact_bg.jpg") repeat-x; overflow:hidden; padding: 15px 20px; color: #fff; margin: 0 0 10px 0; clear: both;  }
#main #contact .box { float:left; width: 290px; padding:0 7px;  }
#main #contact .box h3 { margin: 0 0 10px 0;  padding: 7px 0 7px 40px; }
#main #contact .box h3.address { background: url("../images/house_icon.png") no-repeat left;  }
#main #contact .box h3.phone { background: url("../images/contact_icon.png") no-repeat left; }
#main #contact .box h3.cerere-oferta { background: url("../images/suitcase_icon.png") no-repeat left; }
#main #contact .box a { color: #fff; }
#main #contact .box a.cerere_oferta { background: url("../images/cerere_oferta.png") no-repeat left; padding: 15px 0 0 24px; width: 145px; height:34px; margin: 5px 0 0 0; display: block; text-decoration:none; font-weight:bold;   }

#main .breadcrumbs { margin:10px 0; clear: both;  }
#main #content .body { float:left; width: 65%; margin-top: 5px;   }
#main #content .body ul li, #main #content .full-body ul li { list-style-type: disc; padding: 5px 0 0 15px; list-style-position: inside; }
#main #content .featured { float: right; xbackground: #ccc; width: 310px; min-height: 300px; }
#main #content .slideshow { padding: 10px 0 10px 10px; }
#main #content .featured .read_more { background: #e5f0f2; padding: 20px;  }
#main #content .featured .gallery { float: right; } 
#main #content .featured .read_more h3 { margin-bottom: 5px;  }
#main #content .featured .read_more ul li a { background: url("../images/read_more_icon.png") no-repeat left; padding: 3px 0 3px 20px;  }

#footer { clear:both;  background:#1f1f1f; padding: 10px 5px; color: #fff;  }
#footer a { color:#fff; }

#response { display:none; padding: 4px 5px; margin: 5px 0; color:#333; }
#response.success { border: 1px solid #06841d; background: #94ffa8; }
#response.error { border: 1px solid #ff1800; background: #fd755a; }
input.error, textarea.error { border: 1px solid #ff1800;  }


table#gallery tr td, table#gallery2 tr td { padding: 5px; }


/*gallery */

.gallery_demo { width:415px; float:left; }
.gallery_demo li {width:93px;height:93px; border:3px solid #fff; margin: 2px; background:#000;}
.gallery_demo li.active { border:3px solid #111; }
.gallery_demo li div {left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_wrapper { margin: 5px auto; display:block; overflow:hidden; }
.galleria_wrapper img { border: 1px solid #666;}
.galleria_container { text-align: center; }
p.nav { clear: both; }
p.nav a { text-decoration: none; }
ul#portofolio li { border:3px solid #fff; } 
ul#portofolio li.active { border:3px solid #111; }


ul.top-tabs li { display:inline; }
ul.top-tabs li a { display: block; float: left; text-align: center; text-decoration:none;  background:url("../images/tabs_produse.png") no-repeat scroll center top transparent; padding:12px 0; margin:0 1px 0 0; color:#000; cursor:pointer; font-weight:bold; width:125px; } 
ul.top-tabs li.tabs-selected a { background:url("../images/tabs_produse_selected.png") no-repeat scroll center top transparent; position:relative; top:1px; }
