/*
Date: 5 Octombrie 2009
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Rozablu
*/

/* Reset CSS */
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;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}

body {background:#fff url(images/background.jpg) no-repeat 0 0; font-family: Verdana, Arial, sans-serif;  }
#page {
	width: 1220px; padding: 10px 0 0 40px; min-height: 595px; float: left; clear: left; margin-bottom: 280px;
}
#header {width: 1042px; clear: both; float: left; margin: 0 0 0px 0;}
#utils {float: right; clear: right; }
#utils li {float: left; margin-right: 4px;}
#utils li#lang_right { margin-right: 50px; }
#utils li a {float: left; color: #0a0a0a; font-size: 14px; font-weight: bold; margin-right: 3px; }
#utils li a:hover, #utils li a#current_lang {color: #039eef; }
#logo {float: left; clear: left; background: url(images/logo.gif) no-repeat; width: 98px; height: 102px;}
#logo_en {float: left; clear: left; background: url(images/logo_en.gif) no-repeat; width: 98px; height: 102px;}
#menu { float: left; width: auto; padding: 60px 0 0 100px; }
#menu li { float: left; padding: 0 23px 0 0;}
#menu li a {font-size: 12px; color: #039eef; padding: 0 0 15px 0; font-weight: bold;}
#menu li a:hover,#menu li a#current {color: #004871; background: url(images/arrow_down.gif) no-repeat center bottom; }
#date_h {float: right; clear: right; margin: 34px 0 0 0;}

.content {float: left; padding: 66px 0 0 494px; min-height: 480px; width: 655px; clear: left; position: relative; z-index: 10;}
.content#indexphp {background: url(images/indexphp.jpg) no-repeat 158px 132px;}
.content#indexphp_general {background: url(images/indexphp_general.jpg) no-repeat 190px 80px;}
.content#indexphp_avantaje {background: url(images/indexphp_avantaje.jpg) no-repeat 172px 140px;}
.content#proiectphp {background: url(images/proiectphp.jpg) no-repeat 138px 8px;}
* html .content#proiectphp {padding-bottom: 120px; margin-bottom: 0px;}
.content#proiectphp_localizare {background: url(images/proiectphp_localizare.jpg) no-repeat 122px 75px;}
.content#proiectphp_constructie {background: url(images/proiectphp_constructie.jpg) no-repeat 44px 61px;}
.content#proiectphp_apartamente {background: url(images/proiectphp_apartamente.jpg) no-repeat 123px 69px;}
.content#proiectphp_apartamentetip {background: none; }
.content#proiectphp_cheltuieli {background: url(images/proiectphp_cheltuieli.jpg) no-repeat 120px 101px;}
.content#proiectphp_dotari {background: url(images/proiectphp_dotari.jpg) no-repeat 210px 98px;}
.content#promotiiphp {background: url(images/pret_promotii.jpg) no-repeat 149px 180px;}
.content#promotiiphp_en {background: url(images/pret_promotii_en.jpg) no-repeat 149px 180px;}
.content#finantarephp {background: url(images/finantarephp.jpg) no-repeat 302px 122px;}
.content#turphp {padding: 105px 0 0 157px; width: 989px;}
.content#downloadphp {background: url(images/downloadphp.jpg) no-repeat 98px 128px;}
.content#parteneriphp {background: url(images/parteneriphp.jpg) no-repeat 250px 132px;}
.content#contactphp {background: url(images/contactphp.jpg) no-repeat 97px 92px;}
.content#adminphp { background: none; }


#page_menu {float: left; clear: left; }
#page_menu li {float: left;  margin: 0 20px 0 0;}
#page_menu li a {float: left; color: #02a1f0; font-size: 10px; font-weight: bold; padding: 0 0 12px 0;}
#page_menu li a:hover, #page_menu li a#current_page {color:  #004770; background: url(images/arrow_down2.gif) no-repeat center bottom;}

.text {float: left; width: 550px; text-align: justify; padding: 90px 0 0 0;}
h1 {float: left; text-align: right; margin-bottom: 50px;}
.content#contactphp h1 {margin-bottom:  16px;}
.text p {float: left; clear: left; width: 100%; text-indent: 37px; color: #4a4a4a; font-size: 11px; text-align: justify; line-height: 17px; padding-bottom: 10px;}
.text p.no_indent {text-indent: 0;}
.text p span {font-size: 120%;}

.fisier_download {float: left; clear: left; display: block; font-size: inherit; color: inherit; margin: 0 0 5px 0;}

#arrow_right {width: 12px; height: 28px; background: url(images/arrow_right.gif) no-repeat; float: right; clear: right; margin: 170px 0 0 0;}

.page_menu2 {float: left; clear: left; position: relative; margin: -280px 0 0 -250px;}
.page_menu2 li {float: left; clear: left; margin: 0 0 22px 0;}
.page_menu2 li a {float: left; }
* html .page_menu2 {margin-left: -125px;}

.page_menu3 {float: left; clear: left; position: relative; margin-left: -130px; width: 755px;}
.page_menu3 li {float: left; padding: 0 0 0 40px;}
.page_menu3 li a {float: left; }
* html .page_menu3 {margin-left: -65px;}

.galerie {float: left; width: 989px; }
.gal_box_title {float: left; clear: left; color:#039eef; font-size: 14px; font-weight: bold;}
.gal_box {float: left; width: 434px; margin: 0 34px 0 0;}
.gal_pic {float: left; clear: left; border: 3px #5f5f5f solid;}
.galerie_main {float: left; width: 985px; height: 477px; border: 2px #5f5f5f solid;}
.galerie_main#flash {height: 720px;}

#myController span{	color:#FFF;	background:#000;display: none;cursor:pointer;}	
	#jFlowSlide{border:0;margin:0;padding:0}	
	#myController span.jFlowSelected {background:#F00;}
	.jFlowPrev{position: relative;
	float: left; 
	top: -477px;
    width: 100px;
    height: 477px;
    cursor: pointer;
    background: url(images/prev.png) no-repeat 20px center;
		
	}
	.jFlowNext {position: relative;
	float: right; 
	top: -477px;
    width: 100px;
    height: 477px;
    cursor: pointer;
    background: url(images/next.png) no-repeat 48px center;}

#icons {float: left; clear: left; margin-top: 46px; width: 655px;}
#icons li {float: left; margin: 0 55px 0 0;}
#icons li#last_icon {margin-right: 0;}
#icons li a {float: left; color: #0090e2; font-size: 13px; font-weight: normal; height: 65px;}
#icons li a#icon1 {float: left; background: url(images/icon1.gif) no-repeat right top; padding-top: 50px; height: 15px; width: 150px;}
#icons li a#icon2 {float: left; background: url(images/icon2.gif) no-repeat right 9px; padding-top: 35px; height: 30px; width: 144px;}
#icons li a#icon3 {float: left; background: url(images/icon3.gif) no-repeat right 7px; padding-top: 35px; height: 30px; width: 144px;}


#contact_form {float: left; clear: left; width: 400px; background: url(images/plic.gif) no-repeat right 0;}
#contact_form div {float: left; clear: left; width: 217px; height: 23px; background: url(images/field.gif) no-repeat; margin: 0 0 3px 0;}
#contact_form div.textareadiv {float: left; clear: left; width: 400px; height: 100px; background: url(images/textarea.gif) no-repeat; margin: 0 0 3px 0;}
#contact_form label {float: left; width: 55px; height: 23px; line-height: 23px; padding: 0 0 0 7px; font-size: 12px; color: #039eef; font-weight: bold;}
#contact_form input {float: right; width: 135px; height: 23px; line-height: 20px; background: none; border: 0; padding: 3px 7px 0 0; font-size: 12px; margin: 0; }
#contact_form textarea {float: right; width: 315px; height: 88px; margin: 2px 10px 0 0; padding: 3px 0 0 0; background: none; border: 0; font-size: 12px;}
#contact_form input#submit_ro {float: right; width: 60px; height: 23px; background: url(images/trimite.gif) no-repeat 0 -23px; cursor: pointer; margin: 8px 0 0 0;}
#contact_form input#submit_ro:hover {background-position: 0 0;}
#contact_form input#reset_ro {float: right; width: 60px; height: 23px; background: url(images/sterge.gif) no-repeat 0 -23px; cursor: pointer; margin: 8px 12px 0 0;}
#contact_form input#reset_ro:hover {background-position: 0 0;}
#contact_form input#submit_en {float: right; width: 60px; height: 23px; background: url(images/trimite_en.gif) no-repeat 0 -23px; cursor: pointer; margin: 8px 0 0 0;}
#contact_form input#submit_en:hover {background-position: 0 0;}
#contact_form input#reset_en {float: right; width: 60px; height: 23px; background: url(images/sterge_en.gif) no-repeat 0 -23px; cursor: pointer; margin: 8px 12px 0 0;}
#contact_form input#reset_en:hover {background-position: 0 0;}

.form_design {float: left; clear: left; width: 400px; }
.form_design div {float: left; width: 100%; clear: left; margin: 3px 0;}
.form_design label {float: left; clear: left; width: 100%; font-size: 12px; }
.form_design input {float: left; clear: left; width: 200px; border: 1px #ccc solid;}
.form_design input#login_button {width: auto; cursor: pointer; }



.admin_link {float: left; clear: left; width: 300px; color: #333; text-decoration: underline; margin: 0 0 5px 0; font-size: 12px;}
.back_link {float: left; clear: left; width: 300px; color: #333; text-decoration: underline; margin: 0 0 5px 0; font-size: 10px;}
.admin_table {float: left; clear: left; margin: 25px 0 0 0;}
.admin_table td { font-size: 12px; border: 1px #333 solid; color: #333; padding: 3px; }
.admin_table tr.cap_tabel td {font-weight: bold; }
.poza_existenta {float: left; clear: left; }
.sterge_poza {float: left; font-size: 12px; color: #fff; background: red; width: 10px; height: 15px; line-height: 15px; text-align: center;}
.err {float: left; clear: left; width: 100%; color: red; font-size: 11px;}
.succes {float: left; clear: left; width: 100%; color: green; font-size: 11px;}

#footer {  
	position: relative;
	float: left; 
	clear:both;
	height: 101px; 
	min-width: 1260px;
	width: 100%;
	background: url(images/footer.png) no-repeat 0 0; 
	margin-top: -556px; 
	z-index: 1;
	padding-top: 455px; 
	}
* html #footer_center { margin-bottom: -556px;}
#footer_center {width: 1260px; float: left; clear: left; }
#footer_menu-ro {float: right; clear: right; margin-right: 0px; position: relative; margin-top: -3px;}
#footer_menu-ro li {float: left; margin: 0 23px 0 0;}
#footer_menu-ro li a {float: left; height: 55px; background: url(images/menu_ro.png) no-repeat;}
#footer_menu-ro li a.f_concept {width: 49px; background-position: 0 0;}
#footer_menu-ro li a.f_concept:hover, #footer_menu-ro .f_concept#f_current {background-position: 0 -55px;}
#footer_menu-ro li a.f_proiect {width: 38px; background-position: -49px 0;}
#footer_menu-ro li a.f_proiect:hover, #footer_menu-ro .f_proiect#f_current {background-position: -49px -55px;}
#footer_menu-ro li a.f_promotii {width: 49px; background-position: -89px 0;}
#footer_menu-ro li a.f_promotii:hover, #footer_menu-ro .f_promotii#f_current {background-position: -89px -55px;}
#footer_menu-ro li a.f_finantare {width: 52px; background-position: -138px 0;}
#footer_menu-ro li a.f_finantare:hover, #footer_menu-ro .f_finantare#f_current {background-position: -138px -55px;}
#footer_menu-ro li a.f_tur {width: 17px; background-position: -190px 0;}
#footer_menu-ro li a.f_tur:hover, #footer_menu-ro .f_tur#f_current {background-position: -190px -55px;}
#footer_menu-ro li a.f_download {width: 57px; background-position: -207px 0;}
#footer_menu-ro li a.f_download:hover, #footer_menu-ro .f_download#f_current {background-position: -207px -55px;}
#footer_menu-ro li a.f_parteneri {width: 51px; background-position: -264px 0;}
#footer_menu-ro li a.f_parteneri:hover, #footer_menu-ro .f_parteneri#f_current {background-position: -264px -55px;}
#footer_menu-ro li a.f_contact {width: 41px; background-position: -315px 0;}
#footer_menu-ro li a.f_contact:hover, #footer_menu-ro .f_contact#f_current {background-position: -315px -55px;}

#footer_menu-en {float: right; clear: right; margin-right: 0px; position: relative; margin-top: -5px;}
* html #footer_menu-en {margin-right: -17px;}
#footer_menu-en li {float: left; margin: 0 23px 0 0;}
#footer_menu-en li a {float: left; height: 61px; background: url(images/menu_en.png) no-repeat;}
#footer_menu-en li a.f_concept {width: 44px; background-position: 0 0;}
#footer_menu-en li a.f_concept:hover, #footer_menu-en .f_concept#f_current {background-position: 0 -61px;}
#footer_menu-en li a.f_proiect {width: 39px; background-position: -66px 0;}
#footer_menu-en li a.f_proiect:hover, #footer_menu-en .f_proiect#f_current {background-position: -66px -61px;}
#footer_menu-en li a.f_promotii {width: 62px; background-position: -128px 0;}
#footer_menu-en li a.f_promotii:hover, #footer_menu-en .f_promotii#f_current {background-position: -128px -61px;}
#footer_menu-en li a.f_finantare {width: 54px; background-position: -212px 0;}
#footer_menu-en li a.f_finantare:hover, #footer_menu-en .f_finantare#f_current {background-position: -212px -61px;}
#footer_menu-en li a.f_tur {width: 25px; background-position: -285px 0;}
#footer_menu-en li a.f_tur:hover, #footer_menu-en .f_tur#f_current {background-position: -285px -61px;}
#footer_menu-en li a.f_download {width: 55px; background-position: -332px 0;}
#footer_menu-en li a.f_download:hover, #footer_menu-en .f_download#f_current {background-position: -332px -61px;}
#footer_menu-en li a.f_parteneri {width: 46px; background-position: -408px 0;}
#footer_menu-en li a.f_parteneri:hover, #footer_menu-en .f_parteneri#f_current {background-position: -408px -61px;}
#footer_menu-en li a.f_contact {width: 41px; background-position: -473px 0;}
#footer_menu-en li a.f_contact:hover, #footer_menu-en .f_contact#f_current {background-position: -473px -61px;}