* { margin: 0; padding: 0; }

body {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	margin:0;
	padding:0;
	background:#EEEEEC url(../img/bk_body.jpg) 0 0 no-repeat;
	line-height:130%;
}

ul { list-style: none; }

a {
	color:#1BA4D1;
	text-decoration:underline;
	outline:none;
}

a:hover {
	text-decoration:none;
}


h1.ServiciiTitle {
	background:url(../img/bk_h_servicii.gif) 0 50% no-repeat;
	text-indent:-9999px;
	height:30px;
}
body.lang_en h1.ServiciiTitle {
	background:url(../img/bk_h_services.gif) 0 50% no-repeat;
}

h1.PortofoliuTitle {
	background:url(../img/bk_h_portofoliu.gif) 0 50% no-repeat;
	text-indent:-9999px;
	height:30px;
}
body.lang_en h1.PortofoliuTitle {
	background:url(../img/bk_h_portfolio.gif) 0 50% no-repeat;
}
h1.ContactTitle {
	background:url(../img/bk_h_contact.gif) 0 50% no-repeat;
	text-indent:-9999px;
	height:30px;
}

h2.continut, h2.pr, h2.seo, h2.mentenanta, h2.content, h2.campanii, h2.dezvoltare, h2.creatie, h2.home_left, h2.home_right {
	display:block;
	padding-bottom:5px;
	height:35px;
	text-indent:-9999px;
}

h2.home_left {
	background:url(../img/bk_h_home1.gif) 0 0 no-repeat;
}
body.lang_en h2.home_left {
	background:url(../img/bk_h_home1_en.gif) 0 0 no-repeat;
}

h2.home_right {
	background:url(../img/bk_h_home2.gif) 0 0 no-repeat;
}
body.lang_en  h2.home_right {
	background:url(../img/bk_h_home2_en.gif) 0 0 no-repeat;
}

h2.continut {
	background:url(../img/bk_h_realizare_continut.jpg) 0 0 no-repeat;
}


h2.seo {
	background:url(../img/bk_h_seo.jpg) 0 0 no-repeat;
}
h2.campanii {
	background:url(../img/bk_campanii_ro.gif) 0 0 no-repeat;
}
.lang_en h2.campanii {
	background:url(../img/bk_campanii_en.gif) 0 0 no-repeat;
}
h2.content {
	background:url(../img/bk_content_ro.gif) 0 0 no-repeat;
}

.lang_en h2.content {
	background:url(../img/bk_content_en.gif) 0 0 no-repeat;
}
h2.creatie {
	background:url(../img/bk_creatie_ro.gif) 0 0 no-repeat;
}
.lang_en h2.creatie {
	background:url(../img/bk_creatie_en.gif) 0 0 no-repeat;
}
h2.dezvoltare {
	background:url(../img/bk_dezvoltare_ro.gif) 0 0 no-repeat;
}
.lang_en h2.dezvoltare {
	background:url(../img/bk_dezvoltare_en.gif) 0 0 no-repeat;
}
h2.pr {
	background:url(../img/bk_pr_ro.gif) 0 0 no-repeat;
}
.lang_en h2.pr {
	background:url(../img/bk_pr_en.gif) 0 0 no-repeat;
}
h2.mentenanta {
	background:url(../img/bk_mentenanta_ro.gif) 0 0 no-repeat;
}
.lang_en h2.mentenanta {
	background:url(../img/bk_mentenanta_en.gif) 0 0 no-repeat;
}

h3 {
	background:url(../img/bk_dotted_small.jpg) 0 100% repeat-x;
	padding-bottom:10px;
	font-size:22px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:120%;
	margin-bottom:15px;
}
h4 {
font-size:12px;
}
p{
	padding:0.7em 0 0;
}

/* PNG FIX */

img, div, a { behavior:url(css/iepngfix.htc) }

/* LAYOUT STRUCTURE
-------------------------------------------*/

#wrapper {
	width:900px;
	margin:0 auto;
}

#header {
	height:105px;
	background:url(../img/bk_dotted_big.gif) 0 100% repeat-x;
	position:relative;
}

#content {
	padding:20px 0;
	padding-bottom:30px;
}

#content #colLeft {
	float:left;
	width:432px;
	margin-right:12px;
	padding-left:3px;
}

#content #colRight {
	float:left;
	width:432px;
	margin-left:12px;
	padding-left:3px;
}

#footer {
	padding:15px 0 20px 5px;
	border-top:10px solid #62625A;
	color:#95958A;
	
}

/*HEADER
-----------------------------------------*/

/* -- logo --*/

#logo {
	width:348px;
	height:63px;
	padding-top:20px;
	
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../img/logo.png) 0 0 no-repeat;
	width:348px;
	height:63px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#topMenu {
	position:absolute;
	right:5px;
	top:60px;
}

#topMenu li {
	float:left;
	
}

#topMenu li a {
	display:block;
	height:13px;
	border-right:1px solid #ccc;
	padding:0 10px;
	text-indent:-9999px;
	line-height:13px;
}

#topMenu li a.home {
	background:url(../img/bk_but_home.gif) 50% 0 no-repeat;
	width:60px;
}

#topMenu li a.home:hover, #topMenu li.selected a.home{
	background-position:50% -13px;
}

#topMenu li a.servicii {
	background:url(../img/bk_but_servicii.gif) 50% 0 no-repeat;
	width:80px;
}

#topMenu li a.servicii:hover, #topMenu li.selected a.servicii{
	background-position:50% -13px;
}
body.lang_en #topMenu li a.servicii {
	background:url(../img/bk_but_servicii_en.gif) 50% 0 no-repeat;
	width:80px;
}

body.lang_en #topMenu li a.servicii:hover,body.lang_en #topMenu li.selected a.servicii{
	background-position:50% -13px;
}


#topMenu li a.portofoliu {
	background:url(../img/bk_but_portofoliu.gif) 50% 0 no-repeat;
	height:17px;
	line-height:17px;
	width:90px;
	
}

#topMenu li a.portofoliu:hover, #topMenu li.selected a.portofoliu{
	background-position:50% -17px;
}
body.lang_en #topMenu li a.portofoliu {
	background:url(../img/bk_but_portofoliu_en.gif) 50% 0 no-repeat;	
}

body.lang_en #topMenu li a.portofoliu:hover, body.lang_en #topMenu li.selected a.portofoliu {
	background-position:50% -17px;
}

#topMenu li a.contact {
	background:url(../img/bk_but_contact.gif) 50% 0 no-repeat;
	height:12px;
	line-height:12px;
	width:70px;

	
}

#topMenu li a.contact:hover, #topMenu li.selected a.contact{
	background-position:50% -12px;
}

/* CONTENT
--------------------------------------------------*/
#homeSlider {
	clear:both;
	margin-bottom:15px;
}

ul#sliderNumbers li{
	float:left;
	margin-right:2px;
}

ul#sliderNumbers li a {
	display:block;
	height:22px;
	width:25px;
	line-height:18px;
	text-align:center;
	background:url(../img/bk_slider_no.jpg) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

ul#sliderNumbers li a.selected, 
ul#sliderNumbers li a:hover {
	background:#FFFFFF;
	color:#666;
}

#slider {
margin-bottom:10px;
}
#slider .text {
	float:left;
	width:334px;
	background:url(../img/bk_slider_text.jpg) 100% 0 no-repeat;
	margin: 10px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:1px;
}

* html #slider .text {
	padding-bottom:5px;
	clear:both;
}

#slider.text p{
	padding:0;
}

#slider  h3.title {
	font-size:22px;
	color:#569BC0;
	padding:5px 0 10px;
	letter-spacing:-1px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:10px;
}

#slider p {
	margin-right:15px;
}
#slider a.image {
	float:left;
	width:550px;
	padding-top: 5px;
	padding-bottom:5px;
	margin-right:5px;
}

#slider a.image img {
	border:none;
	margin-lefts:1px;
}
p.intro {
	font-size:14px;
	font-style:italic;
	padding-bottom:20px;	
}
ul.tasks, .service ul, .text ul {
	margin:7px 0;
}

ul.tasks li, .service ul li, .text ul li {
	background:transparent url(../img/ico_checkmark.png) 0 50% no-repeat;
	padding:5px 0;
	font-weight:bold;
	font-style:italic;
	padding-left:20px;
}

.service {
	padding-bottom:15px;
	width:432px;
	float:left;
	
}
.even {
	clear:both !important;
	margin-right:35px;
}

.pageTitle {
	padding:0 0 15px;
	background:url(../img/bk_dotted_big.gif) 0 100% repeat-x;
	position:relative;
	margin-bottom:15px;
}

.pageTitle .right {
	position:absolute;
	right:5px;
	top:0px;
	font-size:14px;
	font-style:italic;
}

ul.thumbs li {
	padding:0;
	float:left;
	margin-right:6px;
	margin-top:15px;
	background: none;
}

ul.thumbs li a img {
	padding:4px;
	border:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
}

.project {
}

.project .text {
	width:270px;
	padding-left:3px;
	float:left;
}

.project .text .link {
	background:url(../img/bk_dotted_small.jpg) 0 0 repeat-x;
	padding-top:12px;
}

.project .projectImg {
	float:left;
	width:615px;
	margin-left:12px;
}

.project .projectImg img {
	padding:5px;
	background:#fff;
}

#tooltip{
	position:absolute;
	background:url(../img/bk_tooltip.png) 0 0 no-repeat;
	height:26px;
	padding:4px 10px 0 17px;
	color:#FFF;
	display:none;
	z-index:9999;
	}
img.thumb {
background:#FFFFFF none repeat scroll 0 0;
border-color:#fff #CCCCCC #CCCCCC #fff;
border-style:none solid solid none;
border-width:medium 1px 1px medium;
padding:4px;
}

/* FORMS
---------------------------------------------------*/

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
form div.select label {
	margin-bottom:0.3em;
}
form div.checkbox {
	margin-bottom:0em;
	padding: 0;
}
form div.checkbox label {
	font-weight:normal;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
	font-weight:bold;
}
input, textarea {
	clear: both;
	font-size: 150%;
	padding: 4px;
	width: 100%;
	font-family:sans-serif;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	background: #fff;
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
	font-family:Arial, sans-serif;
	padding:1em;
	border:1px solid #ddd;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

#subnav {
	margin-bottom: 20px;
	border-bottom:3px solid #666;
	padding-bottom:5px;
}
#subnav li {
	display:inline;
	padding-right:20px;
}

#subnav a {
	font-weight:bold;
	font-family:arial, sans-serif;
}
h2 {
	margin-bottom: 20px;
	font-size:18px;
	font-family:arial, sans-serif;
}
td, th {
	border-bottom: 1px solid #aaa;
	padding:10px 20px 10px 0px;
}
th {
	text-align:left;
	font-weight:bold;
}
a.more {
	background: url(../img/bullet_orange.jpg) top right no-repeat;
	padding-right: 15px;
}
ul#langs {
	position:absolute;
	right:0;
	top:10px;
}
#langs li {
	float:left;
	margin-right:10px;
}
#langs li a {
	text-decoration: none;
}
#langs li.selected a {
	color:#000;
}
form.simple {
	width:400px;
	margin-top:10px;
}
form.simple div {
	margin-bottom:0;
	padding-right:0;
	padding-left:0;
}
/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}


