/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */


body { background: #000; font-family: Verdana;  color: #fff; cursor: crosshair; font-size: 10px;   }
#wrapper {position: relative; top: 0; left: 0;}
.page {padding: 100px 0;}
.content {border: 40px solid #fff; margin: 0 auto; position: relative; top: 0; left: 0;}
a:link, a:visited, a:active {color: #fff; text-decoration: none; cursor: crosshair; }
a:hover {color: #8F8F8F;}


.nav a { display: block;   text-indent: -3000px; overflow: hidden;  }
.nav ul { display: block;  position: absolute; top: 0; left: 0;}
#wrapper .nav ul a:link, #wrapper .nav ul a:visited, #wrapper .nav ul a:active {color: #8f8f8f;  height: 24px !important; width: auto; margin: 0; text-indent: 0; overflow: visible; line-height: 24px; white-space: nowrap;}
#wrapper .nav ul a:hover {color: #fff;}
#top {position: absolute; top: 0; left: 0; z-index: 1000; width: 100%;}
#nav_bar {background-color: #333333; position: absolute; top: 0; left: 0; width: 100%; }
#main_menu {float: left; padding-left: 25px;}
#main_menu li {float: left; padding-left: 16px;}

#top a:link, #top a:visited, #top a:active, #top a.selected, #top span {color: #8F8F8F; font-size: 12px; text-decoration: none; line-height: 30px; padding-left: 11px; display: block;}
#top a:hover, #top a.selected, #top span {color: #fff !important; background-image:url(../images/main_menu_bg.gif); background-position: left center;}
#lang_menu {float: right; padding-right: 11px; position: relative; top: 0; left: 0; z-index: 2;}
#lang_menu li {float: left; padding-left: 10px;}
#top a, #top span {font-size: 11px;}
h2 {text-indent: -3000px; overflow: hidden; height: 15px; margin-bottom: 4px;}
p {padding-bottom: 15px; line-height: 17px;}


/* start gallery */
.portfolio_menu {float: left; padding-top: 45px;  width: 103px; }
.portfolio_menu li {float: left; clear: left; width: 100%;}
.portfolio_menu a:link, .portfolio_menu a:visited, .portfolio_menu a:active {display: block; text-indent: -3000px; width: 100%; overflow: hidden; background-position: -206px 0; height: 8px;  } 
.portfolio_menu a:hover { background-position: -103px 0;}
.portfolio_menu a.selected:link, .portfolio_menu a.selected:visited, .portfolio_menu a.selected:hover, .portfolio_menu a.selected:active { background-position: 0 0;}
#urbanism_lk {background-image:url(../images/urbanism_lk.gif); }
#pud_lk {background-image:url(../images/pud_lk.gif); }
#puz_lk {background-image:url(../images/puz_lk.gif);}
#arhitectura_lk {background-image:url(../images/arhitectura_lk.gif);}
#locuinte_lk { background-image:url(../images/locuinte_lk.gif);}
#locuinte_colective_lk { background-image:url(../images/locuinte_colective_lk.gif); height: 22px !important; }
#constructii_publice_lk { background-image:url(../images/constructii_publice_lk.gif); height: 22px !important; }
#amenajari_lk { background-image:url(../images/amenajari_lk.gif); }
#amenajari_interioare_lk { background-image:url(../images/amenajari_interioare_lk.gif); height: 22px !important; }
#amenajari_exterioare_lk { background-image:url(../images/amenajari_exterioare_lk.gif); height: 22px !important; }
#promovare_imagine_lk { background-image:url(../images/promovare_imagine_lk.gif); height: 22px !important; }

.portfolio_menu li {padding: 0 0 15px;}
.inner {margin: 30px; font-size: 11px; } 
.inner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#urbanism .inner, #arhitectura .inner, #amenajari .inner {width: 489px; min-height: 346px;}

.portfolio_sections {width: 370px; min-height: 347px; float: right;  }
.portfolio, .thumbs {width: 370px; min-height: 347px;  }
.thumbs {padding-top: 50px;}

.thumbs dt a:link, .thumbs dt a:visited, .thumbs dt a:active, .thumbs dt a.selected, .thumbs dt a.visited {border: 1px solid #fff; display: block; width: 38px; height: 38px;}
.thumbs dt a:hover, .thumbs dt a.selected,.thumbs dt a.visited:hover  {border-color: #ED0000;}
.thumbs dt .visited:link, .thumbs dt .visited:visited, .thumbs dt .visited:active {border-color: #484848;}

.thumbs dd a:link, .thumbs dd a:visited, .thumbs dd a:hover, .thumbs dd a:active {font-weight: bold; color: #fff;}


.thumbs dl {min-height: 40px; position: relative; top: 0; left: 0; padding-left: 50px;   padding-top: 15px; padding-bottom: 15px; margin-top: -10px;   }
.thumbs dl.last {padding-bottom: 0;}
.thumbs dt {position: absolute; top: 50%; left: 0; margin-top: -20px; }
.thumbs dd {display: inline; color: #8f8f8f; padding: 0 0 0 10px;}
.thumbs dd.title {display: block; color: #fff; padding: 0 0 5px;}
.thumbs dd.locatie {font-weight: bold; padding: 0 15px 0 0; background-image:url(../images/dd_locatie_bg.gif); background-position: right center;}

.gallery {clear: both; width: 503px;  padding-top: 50px;}
.gallery_details {}

.gallery_details h3 {color: #000; line-height: 22px; padding: 0 12px; background:url(../images/h3_gallery_bg.png); float: right;}
.gallery_description { clear: both; background:url(../images/gallery_bg.png); padding: 12px; line-height: 14px; min-height: 73px;}
.gallery_description:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



a.back:link, a.back:visited, a.back:hover, a.back:active {display: block; background-color: #ff0000; line-height: 22px; padding: 0 12px; color: #fff; float: left;}
.gallery_features {width: 240px; float: left; color: #DDD;}
 .gallery_features dd, .gallery_nav dd {width: 100%; float: left;}
 .gallery_nav dd {padding-top: 3px;}
.gallery_features dt {color: #fff; font-weight: bold;}
.counter {color: #DFDFDF;}
.gallery_nav {width: 161px; float: right; color: #ddd;}
/*
.gallery_nav span {display: block; float: left; white-space: nowrap; line-height: 19px; padding-right: 5px;}
.gallery_nav span.project_nav {padding: 0; width: 33px; height: 19px; background-image:url(../images/project_nav_bg.gif);}
*/
.gallery_nav dt {font-weight: bold;}
.photo_wrapper {width: 100%; clear: both; margin-bottom: -15px;}
.photo_wrapper img {display: block; padding: 15px 0;}
.img_nav a , .img_nav span{display: block; float: left; white-space: nowrap;  line-height: 19px;}
.img_nav span {margin-right: 5px;}
/*
.img_bk { background-image:url(../images/img_bk.gif);  width: 6px; height: 9px; margin: 3px 0 5px 0;  visibility: hidden; overflow: hidden;}
.img_fw { background-image:url(../images/img_fw.gif);  width: 6px; height: 9px; margin: 3px 0 5px 0; visibility: hidden; overflow: hidden; }
.img_nav a:hover { background-position: 0 -9px;}
*/
a.img_bk:link, a.img_bk:visited, a.img_bk:active {width: 12px; height: 19px; background-position: 0 -19px; background-image:url(../images/proiect_bk.gif); display: block; text-indent: -3000px; float: left; margin-right: 9px; visibility: hidden;}
a.img_bk:hover, a.img_bk:focus { background-position: 0 0;}
a.img_fw:link, a.img_fw:visited, a.img_fw:active {width: 12px; height: 19px; background-position: 0 -19px; background-image:url(../images/proiect_fw.gif); display: block; text-indent: -3000px; float: right; visibility: hidden;}
a.img_fw:hover { background-position: 0 0;}
span.project_nav {padding: 0; width: 33px; height: 19px; background-image:url(../images/project_nav_bg.gif);}
/* end gallery */

/* start nav */
.nav  {height: 177px; width: 53px;  position: absolute; background-color: #000;}
.nav div a {width: 53px; height: 72px;  background-position: center center;}
.nav div {width: 53px; height: 72px; margin: 52px 0 0; position: relative; top: 0; left: 0;}
#home div.arhitectura, #arhitectura div.home,  #arhitectura div.contact, #contact div.arhitectura {width: 177px; height: 53px;}
#home div.arhitectura a, #arhitectura div.home a,  #arhitectura div.contact a, #contact div.arhitectura a {height: 53px; width: 98px; }
#home div.arhitectura div, #arhitectura div.home div,  #arhitectura div.contact div, #contact div.arhitectura div {height: 53px; width: 98px; margin: 0 auto;}
.nav  ul {  left: 53px; top: 0; width: 98px; }

#home div.arhitectura ul, #arhitectura div.home ul,  #arhitectura div.contact ul, #contact div.arhitectura ul {left: 0; top: 53px;}
.nav div ul li, .nav div  li a {width: auto; height: auto; position: static;}
.nav div ul li a {overflow: hidden !important;  height: 24px !important;  width: 98px !important; text-indent: -3000px !important;   }
.nav div li {}

#home div.arhitectura {top: 210px; left: 141px;}
#urbanism div.arhitectura {top: 121px; left: 563px;}
#arhitectura div.home {top: -53px; left: 193px;}
#arhitectura div.urbanism {top: 121px; left: -53px; }
#arhitectura div.amenajari {top: 121px; left: 563px; }
#arhitectura div.contact {bottom: -53px; left: 193px; }
#amenajari div.arhitectura {top: 121px; left: -53px; }
#formular div.contact {left: 463px; top:57px;}
#contact div.formular {left: -53px; top:57px;}
#contact div.credo {left:463px; top:57px;}
#contact div.arhitectura {left: 143px; top: -53px;}
#credo div.contact {top: 57px; left: -53px;}

#arhitectura div.home ul {top: -24px;}
#arhitectura div.urbanism ul {left: -98px; padding: 24px 0;}
#arhitectura div.amenajari ul {padding: 24px 0;}
#amenajari div.arhitectura ul {left: -98px;}
#formular div.contact ul {padding: 12px 0;}
#contact div.arhitectura ul {top: -48px;}
#contact div.formular ul {left: -98px; padding: 24px 0;}
#contact div.credo ul {padding: 24px 0;}
#credo div.contact ul {left: -98px; padding: 12px 0;}

#home a { background-image:url(../images/down_arrow.gif); background-position: center top;}
#home a:hover{ background-position: center -53px;}
#home div  a.arhitectura { background-image:url(../images/arhitectura_S_sub.gif); background-position: center -24px;}
#home div  a.arhitectura:hover {background-position: center 0;}
#home div  a.contact { background-image:url(../images/contact_S_sub.gif); background-position: center -24px; }
#home div  a.contact:hover { background-position: center 0;}

#urbanism .arhitectura a { background-image:url(../images/right_arrow.gif); background-position: left center;}
#urbanism .arhitectura a:hover {background-position: -53px center;}

#urbanism .arhitectura a.home {background-image:url(../images/home_NE_sub.gif); background-position: 10px -24px; }
#urbanism .arhitectura a.home:hover {background-position: 10px 0;}
#urbanism .arhitectura a.arhitectura { background-image:url(../images/arhitectura_E_sub.gif); background-position: 10px -24px;}
#urbanism .arhitectura a.arhitectura:hover { background-position: 10px 0;}
#urbanism .arhitectura a.contact { background-image:url(../images/contact_SE_sub.gif); background-position: 10px -24px; }
#urbanism .arhitectura a.contact:hover { background-position: 10px 0;}

#arhitectura .home a { background-image:url(../images/up_arrow.gif); background-position: center -54px;}
#arhitectura .home a:hover { background-position: center top;}
#arhitectura .home a.home { background-image:url(../images/home_N_sub.gif); background-position: 0 -24px;}
#arhitectura .home a.home:hover { background-position: 0 0;} 

#arhitectura .contact a { background-image:url(../images/down_arrow.gif); background-position: center top; }
#arhitectura .contact a:hover { background-position: center -53px;}
#arhitectura .contact a.contact { background-image:url(../images/contact_S_sub.gif); background-position: center -24px;} 
#arhitectura .contact a.contact:hover { background-position: center 0;}

#arhitectura .urbanism a { background-image:url(../images/left_arrow.gif); background-position: -53px center;}
#arhitectura .urbanism a:hover { background-position: 3px center;}
#arhitectura .urbanism a.urbanism { background-image:url(../images/urbanism_V_sub.gif); background-position: right -24px;}
#arhitectura .urbanism a.urbanism:hover { background-position: right 0;}

#arhitectura .amenajari a { background-image: url(../images/right_arrow.gif); background-position: 0 center;}
#arhitectura .amenajari a:hover { background-position: -53px center;}
#arhitectura .amenajari a.amenajari {background-image:url(../images/amenajari_E_sub.gif); background-position: 10px -24px;}
#arhitectura .amenajari a.amenajari:hover {background-position: 10px 0;}

#amenajari .arhitectura a { background-image:url(../images/left_arrow.gif); background-position: -53px center;}
#amenajari .arhitectura a:hover { background-position: 3px center;} 
#amenajari .arhitectura a.home { background-image:url(../images/home_NV_sub.gif); background-position: right -24px;}
#amenajari .arhitectura a.home:hover {background-position: right 0;}
#amenajari .arhitectura a.arhitectura { background-image:url(../images/arhitectura_V_sub.gif); background-position: right -24px;}
#amenajari .arhitectura a.arhitectura:hover { background-position: right 0;}
#amenajari .arhitectura a.contact { background-image:url(../images/contact_SV_sub.gif); background-position: right -24px;}
#amenajari .arhitectura a.contact:hover {background-position: right 0;}

#formular .contact a { background-image:url(../images/right_arrow.gif); background-position: left center;}
#formular .contact a:hover {background-position: -53px center;}
#formular .contact a.home { background-image:url(../images/home_NE_sub.gif); background-position: 10px -24px;}
#formular .contact a.home:hover {background-position: 10px 0;}
#formular .contact a.contact { background-image:url(../images/contact_E_sub.gif); background-position: 10px -24px;}
#formular .contact a.contact:hover {background-position: 10px 0;}

#contact .arhitectura a {  background-image:url(../images/up_arrow.gif); background-position: center -54px;}
#contact .arhitectura a:hover { background-position: center top;}
#contact .arhitectura a.arhitectura {background-image:url(../images/arhitectura_N_sub.gif); background-position: center -24px;}
#contact .arhitectura a.arhitectura:hover {background-position: center 0;}

#contact .arhitectura a.home {background-image:url(../images/home_N_sub.gif); background-position: center -24px;}
#contact .arhitectura a.home:hover { background-position: center 0;}

#contact .formular a { background-image:url(../images/left_arrow.gif); background-position: -53px center;}
#contact .formular a:hover { background-position: 3px center;}
#contact .formular a.formular { background-image:url(../images/formular_V_sub.gif); background-position: right -24px;}
#contact .formular a.formular:hover { background-position: right 0;}
#contact div.formular ul {width: 122px; left: -122px;}
#contact div.formular ul li a {width: 122px !important;}

#contact .credo a { background-image: url(../images/right_arrow.gif); background-position: 0 center;}
#contact .credo a:hover { background-position: -53px center;}
#contact .credo a.credo { background-image:url(../images/credo_E_sub.gif); background-position: 10px -24px;}
#contact .credo a.credo:hover {background-position: 10px 0;}

#credo .contact a { background-image:url(../images/left_arrow.gif); background-position: -53px center;}
#credo .contact a:hover { background-position: 3px center;}
#credo .contact a.home { background-image:url(../images/home_NV_sub.gif); background-position: right -24px;}
#credo .contact a.home:hover {background-position: right 0;}
#credo .contact a.contact { background-image:url(../images/contact_V_sub.gif); background-position: right -24px;}
#credo .contact a.contact:hover {background-position: right 0;}

/* end nav */

/* start home */
#home .content { height:210px;  width:460px;}
h1 { background-image:url(../images/h1-logo.gif); width: 101px; height: 24px; text-indent: -3000px; overflow: hidden; position: absolute; top: 93px; left: 180px; }




/* end home */

/* start urbanism */


#urbanism .content, #arhitectura .content, #amenajari .content {min-height: 420px; width: 563px;}
#urbanism_section h2 {background-image:url(../images/h2-urbanism.gif);}
#puz_section h2 {background-image:url(../images/h2-puz.gif);}
#pud_section h2 {background-image:url(../images/h2-pud.gif);}
/* end urbanism */

/* start arhitectura */

#arhitectura h2 { background-image:url(../images/h2-arhitectura.gif);}
#locuinte_section h2 { background-image:url(../images/h2-locuinte.gif);}
#locuinte_colective_section h2 { background-image:url(../images/h2-locuinte_colective.gif);}
#constructii_publice_section h2 { background-image:url(../images/h2-constructii_publice.gif);}






/* end arhitectura */

/* start amenajari */
#amenajari h2 { background-image:url(../images/h2-amenajari.gif);}
#amenajari_interioare_section h2 { background-image:url(../images/h2-amenajari_interioare.gif);}
#amenajari_exterioare_section h2 { background-image:url(../images/h2-amenajari_exterioare.gif);}
#promovare_imagine_section h2 { background-image:url(../images/h2-promovare_imagine.gif);}





/* end amenajari */

/* start formular */
#formular .content {min-height: 291px; width: 463px;}
#formular .inner {margin: 30px;}
#formular h2 { background-image:url(../images/h2-formular.gif);}






.formular_contact {width: 404px; }
.formular_contact fieldset {width: 100%;  background-color:#000;}
.formular_contact fieldset:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.formular_contact label {display: block; width: 100%; float: left; border: solid #333; border-width: 0 0 1px; padding: 3px 0 0;}
.formular_contact label.error {color: #ff0000;} 
.formular_contact p {float: left; padding: 0; color: #ff0000; line-height: 22px;} 
.formular_contact span {display: block; float: left;  padding: 3px 0 3px;}
.formular_contact input.text {display: block; width: 337px; float: right; background: transparent;  color: #fff; font-size: 11px; font-family: Verdana; padding: 3px 0 3px;}
.formular_contact label.textarea {border: 0; padding-bottom: 13px; }
.formular_contact label.textarea span {width: 100%;  }
.formular_contact textarea {border:1px solid #333; overflow: auto; width: 395px; height: 60px; background: transparent; padding: 3px; color: #fff; font-size: 11px; font-family: Verdana;}
input.button {float: right; display: block;}
.formular_contact:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end formular */

/* start contact */
.mail:link, .mail:visited, .mail:active {color: #ff0000; text-decoration: underline;}
.mail:hover {text-decoration: none;}
.contact_person { line-height: 18px; width: 100%;}
.contact_person:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.contact_person dt, .contact_person dd {padding-right: 20px; float: left; white-space: nowrap;}
#contact .inner {margin: 30px; background-position: right top; min-height: 231px; }
#contact h2 { background-image:url(../images/h2-contact.gif); margin-bottom: 6px;}
#contact .content {min-height: 291px; width: 463px;}
#contact img {display: block;}
.contact_name {display: block; line-height: 40px; text-align: right;}
.contact_details { padding-top: 6px;   }




/* end contact *li

/* start credo */
#credo .inner {margin: 30px; }
#credo h2 { background-image:url(../images/h2-credo.gif);}
#credo .content {min-height: 291px; width: 463px;}
/* end credo */

#desero {position: absolute; bottom: 20px; right: 20px;  width: 73px; height: 20px;   height: 10px; display: block; overflow: hidden; clear: both; z-index: 10000;  }
#desero:link span, #desero:visited span, #desero:active span {width: 73px; height: 20px; position: absolute; top: 0; left: 0; background-image:url(../images/desero.png); text-indent: -3000px; overflow: hidden; display: block;}
#desero:hover span, #desero:focus span {top: -10px;}

input.button { cursor: crosshair;}