* { margin: 0px;
padding: 0px; outline: 0;
}

#idiomes {
	width: 104px;
	position: absolute;
	top: 315px;
	left: 868px;
	margin: -290px 0 0 0px;
	color:#CCC;
}

#idiomes a {
	font-family: Arial,Helvetica,sans-serif;
	font-size:10px;
	color: #CCC;
	text-decoration:none;
	}
	
#idiomes a:hover {
	font-family: Arial,Helvetica,sans-serif;
	font-size:10px;
	color: #CCC;
	text-decoration: underline;
	}


#menu ul { list-style-type: none; }
#menu ul li.nivel1 { float: left;
margin-right: 6px;
}
#menu ul li a {display: block;
text-decoration: none;
color: #918f88;
padding:8px 8px 8px 8px;
position: relative;
font-family:Helvetica,Arial,  sans-serif;
font-size:12px;
filter: alpha(opacity=90);
opacity: .9;
z-index:200;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #1E1D18;
color: #00d5ff;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {width: 155px;
padding: 8px 0px 10px 8px; text-align:left; background-color:#1E1D18;color:#918F88;
}
#menu ul li ul li a:hover {
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
} 

body {
	background: #3b3a2f url( url(../images/body.jpg)) repeat-x center center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #1E1D18;
}

#logotip {
	width: 120px;
	height: 90px;
	position: absolute;
	top: 436px;
	left: 50%;
	margin: -400px 0 0 -75px;
	background: url(../images/logotip.png) no-repeat left top;
}

#wrapper {
	width: 960px;
	height: 700px;
	position: absolute;
	top: 436px;
	left: 50%;
	margin: -350px 0 0 -480px;
	background: url(../images/container.png) no-repeat left 102px;
}

#wrapper2 {
	width: 960px;
	height: 50px;
	position: absolute;
	top: 433px;
	left: 50%;
	margin: -290px 0 0 -480px;
}

#container {
	width: 940px;
	height: 540px;
	padding: 10px;
	margin: 102px 0 19px 0;
	position: relative;
}

#container.instalaciones { background: url(../images/instalaciones.jpg) no-repeat 10px 10px; }

#container.inici { background: url(../images/inici.jpg) no-repeat 10px 10px; }

#container.mamaria { background: url(../images/cirurgia.jpg) no-repeat 10px 10px; }

#container.cirurgia { background: url(../images/cirugia.jpg) no-repeat 10px 10px; }

#container.equip { background: url(../images/equipo.jpg) no-repeat 10px 10px; }

#container.dieta { background: url(../images/dieta.jpg) no-repeat 10px 10px; }

#container.contacte { background: url(../images/contacta.jpg) no-repeat 10px 10px; }

#container.galeria { background: url(../images/galeria.jpg) no-repeat 10px 10px; }

#container.bioplastia { background: url(../images/bioplastia.jpg) no-repeat 10px 10px; }

#container.personatges { background: url(../images/fondopersonajes.jpg) no-repeat 10px 10px; }

h1 {
	width: 115px;
	height: 93px;
	position: absolute;
	left: 422;
}

h1 a {
	width: 115px;
	height: 93px;
	display: block;
	background: url(../images/logotip.png) no-repeat left top;
}

h1 a span { display: none; }

h2,
h3 {
	color: #e5e1d5;
	font-weight: normal;
}

#home h2 { padding: 19px 0 0 0; }

h2 {
	font-size: 36px;
	padding: 25px 0 20px 0;
}

h3 {
	font-size: 24px;
	padding: 9px 0 13px 0;
}

h5 {
	color: #ffe08c;
	font-size: 16px;
	font-weight: normal;
}

#mainNav {
	float: left;
	height: 59px;
	margin: 43px 0 0 0;
}

#mainNav a {
	display: block;
	height: 59px;
}

#mainNav a span { display: none; }

#mainNav li { float: left; }



#main.overl { background: url(../images/over-cont.png) no-repeat left bottom; }

#main.half {
	width: 390px;
	height: 540px;
	padding: 0 40px;
}

#main.floated {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 500px;
	padding: 0 30px 7px;
}
#main.floated2 {
	position: absolute;
	bottom: 40px;
	left: 650px;
	width: 200px;
	padding: 0 30px 0px;
}

#main.floated3 {
	position: absolute;
	bottom: 340px;
	left: 650px;
	width: 200px;
	padding: 0 30px 0px;
}

#main p {
	font-size: 12px;
	line-height: 18px;
	color: #eeeadf;
	padding: 0 0 18px;
	font-style: italic;
}

.contact #main p {
	color: #979383;
	font-weight: bold;
}

.contact #main p span {
	color: #e5e1d5;
	display: inline-block;
	width: 70px;
}

.contact #main p strong {
	color: #e5e1d5;
	font-size: 14px;
	text-transform: uppercase;
}

.contact #main p .trimite,
.contact #main p .trimiteForm {
	background: url(../images/btn-contact.png) no-repeat left top;
	display: block;
	width: 94px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #2b2922;
	text-decoration: none;
}

.contact #main p .trimiteForm { margin: 0 0 0 75px; }

#main p a {
	color: #00D5FF;
	font-weight: bold;
}

#main p a:hover {
	text-decoration: none;
	color: #918f88;
}

.member { margin: 0 15px 0 0; }

#portfSelect {
	width: 940px;
	height: 540px;
}

#portfSelect li,
#portfSelect li a {
	width: 940px;
	display: block;
	height: 135px;
}

#portfSelect li a span { display: none; }

#portfSelect li a#psResid { background: url(../images/portfolio-rezidential.jpg) no-repeat left top; }
	#portfSelect li a#psResid:hover { background: url(../images/portfolio-rezidential.jpg) no-repeat left bottom; }
	
#portfSelect li a#psComerc { background: url(../images/portfolio-comercial.jpg) no-repeat left top; }
	#portfSelect li a#psComerc:hover { background: url(../images/portfolio-comercial.jpg) no-repeat left bottom; }
	
#portfSelect li a#psOffice { background: url(../images/portfolio-corporate-office.jpg) no-repeat left top; }
	#portfSelect li a#psOffice:hover { background: url(../images/portfolio-corporate-office.jpg) no-repeat left bottom; }

#portfSelect li a#psPubl { background: url(../images/portfolio-spatii-publice.jpg) no-repeat left top; }
	#portfSelect li a#psPubl:hover { background: url(../images/portfolio-spatii-publice.jpg) no-repeat left bottom; }

.articole li {
	border-bottom: 1px solid #3c3a36;
	padding: 20px 0;
}

.articole li.first { padding: 0 0 20px; }

.articole li p { padding: 0 !important; }

.articole li h5 {
	float: left;
	width: 290px;
	margin: -5px 0 0 0;
}

.articole li p {
	float: left;
	width: 290px;
}

.articole li images {
	float: left;
	width: 80px;
	height: 70px;
	margin: 0 20px 0 0;
}

#listaLucrariHolder {
	width: 940px !important;
	height: 408px !important;
	overflow: hidden;
	position: relative;
}

.listaLucrari {
	width: 940px !important;
	position: absolute;
}

.listaLucrari li {
	width: 187px;
	height: 135px;
	float: left;
	border-bottom: 1px solid #1a1914;
	border-right: 1px solid #1a1914;
}

.listaLucrari li a {
	width: 187px;
	height: 135px;
	display: block;
	text-decoration: none;
	position: relative;
	text-align: center;
}

.listaLucrari li a:hover span { display:block; }

.listaLucrari li a span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 187px;
	height: 85px;
	background: url(../images/portf-over.png) no-repeat left top;
	z-index: 2;
	font-size: 12px;
	line-height: 16px;
	color: #fcfaf1;
	text-transform: uppercase;
	padding: 50px 0 0 0;
}

#contactForm label {
	color: #e5e1d5;
	font-size: 12px;
	line-height: 32px;
	display: inline-block;
	width: 75px;
	float: left;
	font-weight: bold;
}

#contactForm input {
	width: 250px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 0 10px;
	background: #181713;
	border: 2px solid #2e2b24;
	color: #e5e1d5;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
}
	#contactForm input:focus {
		border: 2px solid #979383;
		
	}


#contactForm textarea {
	width: 250px;
	display: block;
	float: left;
	height: 88px;
	margin: 0 0 20px;
	background: #181713;
	border: 2px solid #2e2b24;
	color: #e5e1d5;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
}
	#contactForm textarea:focus {
		border: 2px solid #979383;
		
	}

#tipLucrari {
	float: right;
	height: 68px;
	padding: 0 15px 0 0;
}

#tipLucrari li {
	display:inline;
	height: 68px;
}

#tipLucrari li a {
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 15px;
	line-height: 68px;
	display: block;
	float: right;
	font-weight: bold;
	color: #4d4c46;
	text-decoration: none;
}

#tipLucrari li a.active,
#tipLucrari li a:hover { color: #fcfaf1; }

#pagination { height: 66px; }

#pagination a {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 66px;
	display: block;
	float: right;
	font-weight: bold;
	color: #fcfaf1;
	text-decoration: none;
}

#pagination .prev {
	float: left;
	margin: 0 0 0 30px;
}

#pagination .prev {
	padding: 0 0 0 8px;
	background: url(../images/arrow-prev.png) no-repeat left 31px;
}

#pagination .next {
	padding: 0 8px 0 0;
	background: url(../images/arrow-next.png) no-repeat right 31px;
}

#slideNext {
	background: url(../images/slide-next.gif) no-repeat left top;
	width: 50px;
	float: right;
	height: 100px;
	z-index:100;
}

#display {
	margin: 0 0 10px;
	position: relative;
	width: 940px;
	height: 430px;
}

#backTo {
	position: absolute;
	display: block;
	z-index: 2;
	width: 79px;
	background: url(../images/back.png) no-repeat left top;
	height: 40px;
	bottom: 20px;
	left: 20px;
}

.denumire {
	position: absolute;
	padding: 5px 10px;
	bottom: 20px;
	right: 20px;
	background: url(../images/over-cont.png) no-repeat left bottom;
}

.denumire h5 { width: 276px; }

#backTo span { display: none; }

#thumbsHolder {
	overflow: hidden;
	height: 100px !important;
	position: relative;
	margin: 0 0 0 10px;
	width: 830px;
	float: left;
}

#thumbs { height: 100px !important; }

#gallery ul {
	float: left;
	position: relative;
	width: 50000px;
}

#gallery ul li {
	width: 156px;
	height: 100px;
	float: left;
	margin: 0 10px 0 0;
}

#slidePrev {
	background: url(../images/slider-prev.gif) no-repeat left top;
	width: 50px;
	height: 100px;
	float: left;
}

#slidePrev,
#slideNext { display: block; }

#slidePrev span,
#slideNext span { display: none; }

/* Footer */

#copyr,
#dev {
	font-size: 11px;
	color: #918f88;
}

#dev a {
	text-decoration: none;
	color: #918f88;
}

#dev a:hover { color: #eeeadf; }

#copyr { float: left; }

#dev { float: right; }




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, images, 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, input, textarea,
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;
}

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

textarea { 
	resize: none; /* remove textarea resize at Safari */
	overflow: hidden;
}

/* 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;
}

.clear { 
	clear: both; 
	display: block;
	visibility: hidden; 
}

.panelIn {
	height: 406px;
	width: 408px;
	overflow: hidden;
	padding: 0 10px 10px 0;
	}
	.panelIn2 {
   height: 406px;
    overflow: hidden;
    padding: 0 10px 10px 20px;
    width: 808px;
	}
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 3px;
	top: 0;
	width: 13px !important;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	width: 13px !important;
	height: 27px !important;
	background: url(../images/scrollbar.png) no-repeat left top;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	display: none;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	display: none;
	left: 0;
	overflow: hidden;
}
.titols {
	color: #e5e1d5;
	font-weight: normal;
	font-size: 22px;
}

.titol_noticies {
	color: #00d5ff;
	font-size: 16px;
	font-weight: normal;
}