/* ----- float fix ----- */
body{
	background:#ededed url("../imagini/back.gif") no-repeat 50% 0;
	color:#555;
	font: 70%  "Tahoma", Arial, Helvetica, sans-serif;	
	text-align:center;
	line-height:150%;
	margin:0;
	padding:0;
}

/* ----- tabele ----- */
table, td, input, textarea, select, li{
	font: 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#000;	
}
th{
	background:#ddd;
	padding:5px;
}
td{padding:5px;}

/* ----- link-uri generale ----- */
a:link, a:visited, a:active{
	color:#275f81;
	text-decoration:none;
}
a:hover{color:#555;}

/* ----- paragrafe globale ----- */
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}

/* ----- imagini globale ----- */
img{border:none;}

/* ----- ascunse ----- */
#skip{display:none;}
.hidden{display:none;}

/* ----- stanga - dreapta ----- */
.left{float:right;margin-right:.3em;}
.right{float:right;margin-left:.3em;}

/* ----- contact ----- */
.contactStanga{
	float:left;
	width:155px;
	margin:0;
	padding-top:11px;
	font-style:normal;
}

.contactStanga h3{font-size:100%;color:#666;margin:0;padding:0;}
.contactStanga p{margin-top:0em;}

.contactDreapta{
	float:left;
	margin:0;
	padding:0;
	width:165px;
}

.contactDreapta h3{font-size:100%;color:#666;margin:0;padding:0;}
.contactDreapta p{margin-top:0em;}

/* ----- marime si dimensionare container ----- */
#container{
	margin:0 auto;
	width:822px;
	text-align:left;
	padding:0;
	position:relative;
}

/* ----- logo ----- */
#logo{
	background:url("../imagini/logo.gif") no-repeat 0 0;
	position:absolute;
	top:0;
	left:16px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
}
#logo a{
	display:block;
	height:189px;
	width:254px;
}
	

#tagline{display:none;}


/* ----- div mijloc ----- */
#mid{}


/* ----- departments ----- */

#navDept{display:none;}
#navSubDept{display:none;}
#navTools{display:none;}
.navStatic{display:none;}

#navDeptTitle, #navToolsTitle, .navStaticTitle{display:none;}

/* ----- meniu navigatie stanga ----- */
#side{display:none;}

/* ----- navigatie ----- */

#nav{
	float:right;
	display:inline;
	width:187px;
	background:url("../imagini/meniu_back.jpg") no-repeat 0 0;
}

#nav ul, #nav li{
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul{
	width:104px;
	margin-left:33px;
	padding-top:8px;
}

#nav li{
	text-indent:-9999px;
	overflow:hidden;
	width:104px;
	height:59px;
}

#nav li a{
	display:block;
	height:59px;
}

#nav li#meniu1 a{background:url("../imagini/meniu1.jpg") no-repeat 0 0;}
#nav li#meniu1 a:hover, #nav li#meniu1 a.selected{background:url("../imagini/meniu1.jpg") no-repeat 0 -59px;}
#nav li#meniu2 a{background:url("../imagini/meniu2.jpg") no-repeat 0 0;}
#nav li#meniu2 a:hover, #nav li#meniu2 a.selected{background:url("../imagini/meniu2.jpg") no-repeat 0 -59px;}
#nav li#meniu3 a{background:url("../imagini/meniu3.jpg") no-repeat 0 0;}
#nav li#meniu3 a:hover, #nav li#meniu3 a.selected{background:url("../imagini/meniu3.jpg") no-repeat 0 -59px;}
#nav li#meniu4 a{background:url("../imagini/meniu4.jpg") no-repeat 0 0;}
#nav li#meniu4 a:hover, #nav li#meniu4 a.selected{background:url("../imagini/meniu4.jpg") no-repeat 0 -59px;}
#nav li#meniu5 a{background:url("../imagini/meniu5.jpg") no-repeat 0 0;}
#nav li#meniu5 a:hover, #nav li#meniu5 a.selected{background:url("../imagini/meniu5.jpg") no-repeat 0 -59px;}
#nav li#meniu6 a{background:url("../imagini/meniu6.jpg") no-repeat 0 0;}
#nav li#meniu6 a:hover, #nav li#meniu6 a.selected{background:url("../imagini/meniu6.jpg") no-repeat 0 -59px;}


/* ----- banner despre_noi ----- */
#banner{
	text-indent:-8000px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#banner a{
	display:block;
	width:150px;
	height:100px;
	margin:55px 0 150px 22px;
}

/* ----- main ----- */
#main{
	float:right;
	display:inline;
	line-height:18px;
	width:364px;
	padding:2em 0;
}
#main h2#pageTitle{display:none;}

#main a{color:#cd0000;}
#main a:hover{color:#777;}

#main .listalink{
	list-style:none;
	padding:0;
	margin:0 0 0 12px;
}

#main .listalink li{
	background:url("../imagini/sageata.gif") no-repeat 0 50%;
	padding:0;
	margin:0;
	text-indent:18px;
	line-height:160%;
}

#main .listalink2{
	list-style:none;
	padding:0;
	margin:0 0 0 12px;
}

#main .listalink2 li{
	background:url("../imagini/sageata2.gif") no-repeat 0 50%;
	padding:0;
	margin:0;
	text-indent:18px;
	line-height:160%;
}

#content li{list-style:none;color:#444;line-height:16px;}

.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}

/* ----- TITLURI PAGINA GENERICE ----- */ 

.pageTitle{
	margin:0;
	padding:0;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
}

/* ----- TITLURI PAGINI PRINCIPALE ----- */ 

#titluHome{background:url("../imagini/black-and-white-media-titlu-home.gif") no-repeat 0 0;}
#titluDesign{background:url("../imagini/black-and-white-media-titlu-design.gif") no-repeat 0 0;}
#titluService{background:url("../imagini/black-and-white-media-titlu-service.gif") no-repeat 0 0;}
#titluConsultanta{background:url("../imagini/black-and-white-media-titlu-consultanta.gif") no-repeat 0 0;}
#titluPortofoliu{background:url("../imagini/black-and-white-media-titlu-portofoliu.gif") no-repeat 0 0;}
#titluContact{background:url("../imagini/black-and-white-media-titlu-contact.gif") no-repeat 0 0;}
#titluTermeni{background:url("../imagini/black-and-white-media-titlu-termeni.gif") no-repeat 0 0;}
#titluSitemap{background:url("../imagini/black-and-white-media-titlu-sitemap.gif") no-repeat 0 0;}
#titluParteneri{background:url("../imagini/black-and-white-media-titlu-parteneri.gif") no-repeat 0 0;}

/* ----- TITLURI OFERTE SPECIALE ----- */ 

#titluCatalog{background:url("../imagini/black-and-white-media-titlu-style-catalogue.gif") no-repeat 0 0;}
#titluCampania{background:url("../imagini/black-and-white-media-titlu-campania.gif") no-repeat 0 0;}

/* ----- TITLURI PAGINI SECUNDARE ----- */ 

#titluPromo1{background:url("../imagini/black-and-white-media-titlu-promo1.gif") no-repeat 0 0;}
#titluPromo2{background:url("../imagini/black-and-white-media-titlu-promo2.gif") no-repeat 0 0;}

#titluIdentitate{background:url("../imagini/black-and-white-media-titlu-identitate.gif") no-repeat 0 0;}
#titluWeb{background:url("../imagini/black-and-white-media-titlu-web.gif") no-repeat 0 0;}
#titluHosting{background:url("../imagini/black-and-white-media-titlu-hosting.gif") no-repeat 0 0;}
#titluSEO{background:url("../imagini/black-and-white-media-titlu-seo.gif") no-repeat 0 0;}
#titluPublicitar{background:url("../imagini/black-and-white-media-titlu-design-publicitar.gif") no-repeat 0 0;}
#titluSigla{background:url("../imagini/black-and-white-media-titlu-design-sigla.gif") no-repeat 0 0;}
#titluInregistrari{background:url("../imagini/black-and-white-media-titlu-inregistrari.gif") no-repeat 0 0;}

#titluService1{background:url("../imagini/black-and-white-media-titlu-service-onsite.gif") no-repeat 0 0;}
#titluService2{background:url("../imagini/black-and-white-media-titlu-service-online.gif") no-repeat 0 0;}
#titluIntretinere{background:url("../imagini/black-and-white-media-titlu-intretinere-calculatoare.gif") no-repeat 0 0;}

#titluConsiliere{background:url("../imagini/black-and-white-media-titlu-consiliere-achizitii.gif") no-repeat 0 0;}
#titluRetele{background:url("../imagini/black-and-white-media-titlu-proiectare-retele.gif") no-repeat 0 0;}
#titluSoftware1{background:url("../imagini/black-and-white-media-titlu-licente-software.gif") no-repeat 0 0;}
#titluSoftware2{background:url("../imagini/black-and-white-media-titlu-software-specializat.gif") no-repeat 0 0;}
#titluInchiriere{background:url("../imagini/black-and-white-media-titlu-inchiriere-echipamente.gif") no-repeat 0 0;}

/* ----- TITLURI PAGINI PORTOFOLIU ----- */ 

#titluLaguna{background:url("../imagini/black-and-white-media-titlu-laguna.gif") no-repeat 0 0;}
#titluViking{background:url("../imagini/black-and-white-media-titlu-viking.gif") no-repeat 0 0;}
#titluAvon{background:url("../imagini/black-and-white-media-titlu-avon.gif") no-repeat 0 0;}
#titluSosta{background:url("../imagini/black-and-white-media-titlu-sosta.gif") no-repeat 0 0;}
#titluPersani{background:url("../imagini/black-and-white-media-titlu-persani.gif") no-repeat 0 0;}
#titluNova{background:url("../imagini/black-and-white-media-titlu-nova.gif") no-repeat 0 0;}
#titluArmonia{background:url("../imagini/black-and-white-media-titlu-armonia.gif") no-repeat 0 0;}
#titluFrezia{background:url("../imagini/black-and-white-media-titlu-frezia.gif") no-repeat 0 0;}
#titluElgom{background:url("../imagini/black-and-white-media-titlu-elgom.gif") no-repeat 0 0;}
#titluStudentBV{background:url("../imagini/black-and-white-media-titlu-studentbv.gif") no-repeat 0 0;}
#titluEstetique{background:url("../imagini/black-and-white-media-titlu-estetique.gif") no-repeat 0 0;}
#titluGhidulS{background:url("../imagini/black-and-white-media-titlu-ghidul-sanatatii.gif") no-repeat 0 0;}
#titluMSI{background:url("../imagini/black-and-white-media-titlu-msinvent.gif") no-repeat 0 0;}
#titluCome4Me{background:url("../imagini/black-and-white-media-titlu-come4me.gif") no-repeat 0 0;}
#titluAmperspira{background:url("../imagini/black-and-white-media-titlu-amperspira.gif") no-repeat 0 0;}
#titluOnoserv{background:url("../imagini/black-and-white-media-titlu-onoserv.gif") no-repeat 0 0;}
#titluFRD{background:url("../imagini/black-and-white-media-titlu-frd.gif") no-repeat 0 0;}
#titluFestivitati{background:url("../imagini/black-and-white-media-titlu-festivitati.gif") no-repeat 0 0;}
#titlu7Nights{background:url("../imagini/black-and-white-media-titlu-7nights.gif") no-repeat 0 0;}
#titluStyle{background:url("../imagini/black-and-white-media-titlu-style.gif") no-repeat 0 0;}

/* ----- EROARE 404 ----- */

#titlu404{background:url("../imagini/black-and-white-media-titlu-404.gif") no-repeat 0 0;}


/* ----- SUBTITLURI GENERICE ----- */ 

.subtitle{
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
}

/* ----- pagina index ----- */

#subtitleNoutati{background:url("../imagini/black-and-white-media-subtitlu-noutati.gif") no-repeat 0 0;}

/* ----- pagina service ----- */

#subtitluIdentitate{background:url("../imagini/black-and-white-media-subtitlu-identitate-vizuala.gif") no-repeat 0 0;}
#subtitluWeb{background:url("../imagini/black-and-white-media-subtitlu-web-design.gif") no-repeat 0 0;}
#subtitluSeo{background:url("../imagini/black-and-white-media-subtitlu-optimizare.gif") no-repeat 0 0;}
#subtitluDesign{background:url("../imagini/black-and-white-media-subtitlu-design-publicitar.gif") no-repeat 0 0;}
#subtitluSigla{background:url("../imagini/black-and-white-media-subtitlu-design-sigla.gif") no-repeat 0 0;}
#subtitluInregistrari{background:url("../imagini/black-and-white-media-subtitlu-inregistrare-marci.gif") no-repeat 0 0;}

/* ----- pagina service ----- */

#subtitluOnsite{background:url("../imagini/black-and-white-media-subtitlu-service-onsite.gif") no-repeat 0 0;}
#subtitluOnline{background:url("../imagini/black-and-white-media-subtitlu-service-online.gif") no-repeat 0 0;}
#subtitluIntretinere{background:url("../imagini/black-and-white-media-subtitlu-intretinere-calculatoare.gif") no-repeat 0 0;}

/* ----- pagina consultanta ----- */

#subtitluAchizitii{background:url("../imagini/black-and-white-media-subtitlu-consiliere-achizitii.gif") no-repeat 0 0;}
#subtitluRetele{background:url("../imagini/black-and-white-media-subtitlu-proiectare-retele.gif") no-repeat 0 0;}
#subtitluLicente{background:url("../imagini/black-and-white-media-subtitlu-licente-software.gif") no-repeat 0 0;}

/* ----- pentru explicatii ----- */

#subtitluCeInseamna{background:url("../imagini/black-and-white-media-subtitlu-ce-inseamna.gif") no-repeat 0 0;}
#subtitluAvantaje{background:url("../imagini/black-and-white-media-subtitlu-avantaje.gif") no-repeat 0 0;}
#subtitluCeOferim{background:url("../imagini/black-and-white-media-subtitlu-ce-oferim.gif") no-repeat 0 0;}

.print{
	background:url("../imagini/print.gif") no-repeat .1em .55em;
	display:block;
	text-indent:15px;
}

.top{
	background:url("../_images/top.gif") no-repeat .4em .52em;
	display:block;
	text-indent:15px;
}

/* ----- subsol ----- */
#footer{
	background:url("../imagini/footer_back.jpg") no-repeat 0 0;
	margin:0 auto;
	padding:14px 0;
	width:472px;
	height:30px;
	text-align:center;
}

#footer p{margin:0;}

#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{
	display:inline;
	margin-right:.3em;
	border-left:1px solid #cc0000;
}
#footer li.first{border-left:none;}

#footer a{
	margin-left:.5em;
	color:#7d849b;
}

#footer a:hover{
	color:#777;
	text-decoration:underline;
}

#footer #credits{display:none;}

/* ----- paginatie ----- */

#pagination{
	margin:0 0 0 40px;
	padding:0;
	color:#cd0000;
}

#pagination p{margin:0;padding:0;}
#pagination .links{}

#pagination li{
	margin:0;
	padding:0;
	height:16px;
	line-height:16px;
	float:left;
}
#pagination a{
	display:block;
	float:left;
	width:9px;
	height:9px;
	padding:0 3px;
	text-indent:-9999px;
	overflow:hidden;
}

#pagination a#firstPage{background:url("../imagini/ico_first.gif") no-repeat 0 0;}
#pagination a#prevPage{background:url("../imagini/ico_prev.gif") no-repeat 0 0;}
#pagination a#nextPage{background:url("../imagini/ico_next.gif") no-repeat 0 0;}
#pagination a#lastPage{background:url("../imagini/ico_last.gif") no-repeat 0 0;}

/* ----- poze mici produse ----- */
.portfolio{
	width:580px;
	position:relative;
	margin:20px 0 0 -230px;
	padding:0;

}
.portfolio ul, .portfolio li{
	margin:0;
	padding:0;
	list-style:none;
} 
.portfolio li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

.portfolio .image{margin:0;padding:0;}

/* ----- articole ----- */
#portofoliu, #portofoliu li {
	margin:0;
	padding:0;
	list-style:none;
}

#portofoliu{
	position:absolute;
	top:136px;
	left:0;
	width:271px;
	height:360px;
	background:url("../imagini/side_back.gif") no-repeat 0 0;	
	z-index:100;
}

#portofoliu h2{display:none;}

#portofoliu ul{
	margin:48px 0 0 0;
	padding:3px 10px;
	color:#777;
	min-height:290px;
}
* html #portofoliu ul{height:290px;}

#portofoliu li{
	margin-bottom:10.5px;
	line-height:150%;
	padding:0;
	margin-left:68px;
}

#portofoliu li a{
	display:block;
	width:100%;
	color:#7d849b;
}

#portofoliu li a:hover{
	background:url("../imagini/x.gif") no-repeat 140px 50%;
	color:#666;		
}

/* ------ link-uri parteneri ------ */

#portofoliu .links, #portofoliu .links li{
	margin:0;
	padding:0;
	list-style:none;
}

#portofoliu .links{
	clear:left;
	float:left;
	display:inline;
	position:relative;
	margin:16px 0 0 50px;
}

#portofoliu .links li{
	position:absolute;
	text-indent:-8000px;
	overflow:hidden;
}
#portofoliu .links li a{display:block;}

.links #link1{
	width:85px;
	height:55px;
	background:url("../imagini/dell.jpg") no-repeat 0 0;	
}
.links #link1 a{height:60px;}

.links #link2{
	top:0;
	left:95px;
	width:85px;
	height:55px;
	background:url("../imagini/asus.jpg") no-repeat 0 0;	
}
.links #link2 a{height:60px;}

.links #link3{
	top:50px;
	width:85px;
	height:55px;
	background:url("../imagini/hp.jpg") no-repeat 0 0;
}
.links #link3 a{height:60px;}

.links #link4{
	top:50px;
	width:85px;
	left:95px;
	height:55px;
	background:url("../imagini/logitech.jpg") no-repeat 0 0;
}
.links #link4 a{height:60px;}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;		
} 
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tabele si formulare ----- */
fieldset{
	border:none;
	padding:0;
	margin-top:20px;
}
legend{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
}
fieldset h3, fieldset h3{margin:1em 0 0 0;}
#content table{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	line-height:150%;
}
th{
	border:1px solid #fff;
	background:#ddd;
	padding:0px;
	margin:0;
}
td{
	padding:1px;
	vertical-align:top;
}
.formField, .formSelect{
	background:#fff;
	border:1px solid #adadad;
	width:200px;
}
.formFieldShort, .formFieldMedium{
	background:#fff;
	border:1px solid #adadad;
	width:20px;
	margin-right:5px;
}
.formFieldMedium{width:96px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
.formFieldProduct{width:150px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}

#Comments{width:350px;height:150px;}

.formRadio{vertical-align:middle;}

#subContact.formButton{
	background:url("../imagini/form_button.gif") no-repeat 0 0;
	display:block;
	border:none;
	height:38px;
	width:64px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
#sCountry{width:202px;border:1px solid #adadad;}

#btnReset.formButton{display:none;}

label{color:#666;}
label span{
	color:#666;
	font-size:110%;
}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus {
	background:#fff;
	border:1px solid #bbb;
}

/* ----- tabel ----- */
td.first{width:40%;}

/* ---------------------- float ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */
 
.taguri{
	color:#aaa;
	font: 100%  "Tahoma", Arial, Helvetica, sans-serif;	
	text-align:left;
	line-height:150%;
	margin:0;
	padding:0;
}
 
#taguri{
    color:#999;
	font: 100%  "Tahoma", Arial, Helvetica, sans-serif;	
	text-align:left;
	line-height:150%;
	margin:0;
	padding:0;
}

#taguri a{color:#999;}
#taguri a:hover{color:#777;}

#extra{

}


/* ----- sfarsit float ----- */