/*****************************************************************************************
  @package     	http://www.optimizaresite.ro/
  @author      	Predrag Jivici
  @copyright   	Copyright (c) 2008, optimizaresite.ro

CONTINUT
1.CLASE GENERALE
2.H1, H2, H3, H4, P
3.INPUT & SELECT
4.HEADER
5.PROIECTE REZIDENTIALE
6.NAVIGARE OFERTE
7.CONTENT
	7.1 coloana dreapta
	7.2 coloana dreapta pagina 2
	7.3 coloana dreapta pagina 3
	7.4 coloana dreapta si stanga pagina 4 detalii oferta
	7.5 box agent si pagina de contact
	7.6 pagina de cariera: liste
8. FOOTER
******************************************************************************************/

/*****************************************************************************************
*   *) CLASE GENERALE
******************************************************************************************/
body {
/*	background		: #fff url(../imagini/fundal.gif) no-repeat top center;*/
	color			: #222;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 62.5%;
}
html, body { height			: 100%; }
/*h1 {
	color			: #526C91;
	font-family		: Georgia, "Times New Roman", Times,serif;
	font-size		: 1.8em;
	margin			: 0 0 10px;
	padding			: 5px 0 0;
}*/
h1.titlu { font-size: 30px; }
h1.subtitlu, h1.subtitlu2, h4 { font-size: 24px; }
h2, h3 { font-size: 20px; }
p {
	font-size		: 1.2em;
	line-height		: 1.6em;
	margin			: 0 0 1.2em 0;
}
span.verde {
	color			: #30bdd9;
	font-family		: Georgia;
	font-size		: 1.3em;
	font-style		: italic;
	/*font-weight		: bold;*/
	line-height		: 1.4em;
}
a:link, a:visited {
	color			: #D930A0;
	outline-style	: none;
	text-decoration	: none;
}
a:hover, a:active {
	background		: #D930A0;
	color			: #fff;
	outline-style	: none;
	text-decoration	: none;
}

strong {
	font-weight		: bold;
}
em {
	font-style		: italic;
}
blockquote {
	color			: #cbdb44;
	display			: block;
	font-family		: Georgia;
	font-size		: 1.8em;
	font-style		: italic;
	line-height		: 1.55em;
	margin-right	: 0 !important;
	margin-bottom	: 1em;
}
	blockquote span {
		font-size		: 1.4em;
	} 
/*****************************************************************************************
*   *) CLASE LAYOUT
******************************************************************************************/
#blog #wrapper_mare { margin-bottom	: -54px; }
#wrapper_mare {
	min-height		: 100%;
	height			: auto !important;
	height			: 100%;
	margin-bottom	: -54px; /* inaltimea footerului + borderul aferent (daca exista) */
}
	#wrapper_header {
		background		: url(../imagini/bkg_wrapper_header.gif) repeat-x left top;
		height			: 132px;
	}
		#header {
			background		: url(../imagini/bkg_header.gif) no-repeat -113px top;
			height			: 102px;
			margin			: 0 auto;
			width			: 960px;
		}
		#header h1 {
			text-indent		: -9999px;
			visibility		: visible!important;
		}
		#header a	{
			display			: block;
			width			: 276px;
			height			: 65px;
			position		: absolute;
			top				: 20px;
			left			: 200px;
			_left			: 200px;
		}
		#header a:hover	{
			background		: none;
		}
		
	#wrapper_content {}
		#content {
			margin			: 0 auto;
			padding-top		: 35px;
			padding-bottom	: 15px;
			width			: 860px;
		}
		#content h1, #content h2, #content h3, #content h4, #content p, #content blockquote {
			margin-right	: 0px;
			margin-left		: 12px;
		}
		#content h1 {
			margin-bottom	: 10px;
		}
			/*#content #post-114 h1 {
				background		: #222;
				width			: 520px;
			}*/
		#content h3 {
			margin-bottom	: 5px;
		}
			/*#content #post-114 h3 {
				background		: #222;
			}*/
		#content ul h4 {
			margin-left		: 0;
		}
		#content p {
			margin-right	: 12px;
		}
		.home_page {
			background		: url(../imagini/cubul.jpg) no-repeat right 20px;
		}
/*****************************************************************************************
*   *) FOOTER
******************************************************************************************/	
#wrapper_footer {
	background		: #f6f6f6 url(../imagini/bkg_footer.jpg) no-repeat center top;
	border-top		: 3px solid #d4e9a7;
	position		: relative;
}
#blog #wrapper_footer, .push {
	height			: 50px; /* inaltime fixa, posibil de editat in functie de contunut */
}
#wrapper_footer, .push {
	height			: 50px; /* inaltime fixa, posibil de editat in functie de contunut */
}
	#footer {
		color			: #444;
		line-height		: 1.6em;
		margin			: 0 auto;
		padding			: 10px 0;
		width			: 830px;
	}
	#footer, .postmetadata {
		font-size		: 1.1em;
	}
	#footer ul {
		color			: #444;
		font-weight		: bold;
		float			: left;
		margin-right	: 2em;
	}
	#footer a {
		color			: #666;
		font-weight		: normal;
		text-decoration	: none;
	}
	#footer a:hover {
		color			: #fff;
	}
	#footer a srong {
		color			: #444;
	}
	p.copyright {
		color			: #999;
		font-size		: 1em;
	}
		p.copyright span {
			color			: #b2b2b2;
			_font-size		: .7em;
		}

/*****************************************************************************************
*   *) TOP NAVIGATION
******************************************************************************************/
#top_nav {
	height			: 30px;
	width			: 860px;
	margin			: 0 auto;
}

#top_nav ul {
	height			: 30px;
	/*margin-left		: 260px;
	_margin-left	: 250px;*/
}
#top_nav ul li {
	display			: inline;
	float			: left;
}
#top_nav ul li a {
	display			: block;
	height			: 30px;
	margin			: 0 2px 0 0;
	padding			: 0;
	text-indent		: -9999px;
	width			: 100px;
}
#top_nav ul li.apasat a {
	background-position: 0 0!important;
}
#mhome a {
	background		: url(../imagini/buton_top_nav_home.gif) no-repeat 0 -30px;
}
#mservicii a {
	background		: url(../imagini/buton_top_nav_servicii.gif) no-repeat 0 -30px
}
#mclienti a {
	background		: url(../imagini/buton_top_nav_clienti.gif) no-repeat 0 -30px;
}
#mdespre a {
	background		: url(../imagini/buton_top_nav_despre.gif) no-repeat 0 -30px;
}
#mcontact a {
	background		: url(../imagini/buton_top_nav_contact.gif) no-repeat 0 -30px;
}
#mblog a {
	background		: url(../imagini/buton_top_nav_blog.gif) no-repeat 0 -30px;
}

#mhome a:hover, #mservicii a:hover, #mclienti a:hover, #mdespre a:hover, #mcontact a:hover, #mblog a:hover {
	background-position: 0 -60px;
}

/*****************************************************************************************
*   *) MODUL CUBURI
******************************************************************************************/
#modul_cuburi {
	/*height			: 260px;*/
	margin			: 0 auto;
	/*margin-top		: 20px;
	padding-top		: 15px;
	width			: 730px;*/
}
	#modul_cuburi h1 {
		width			: 350px;
	}
	#modul_cuburi p {
		width			: 550px;
	}
	
/*****************************************************************************************
*   *) HOVER PROIECTE
******************************************************************************************/
.boxgrid { 
	width			: 266px; 
	height			: 133px; 
	overflow		: hidden; 
	position		: relative; 
}
.boxcaption { 
	background		: #000;
	bottom			: -35px;
	float			: left;
	height			: 30px; 
	margin			: 5px;
	opacity			: .8; 
	position		: absolute; 
	width			: 256px; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption a {
	display			: block;
	font-size		: 12px;
	line-height		: 30px;
	text-align		: center;
}

/*****************************************************************************************
*   *) MODUL SERVICII
******************************************************************************************/
#modul_servicii {
	background		: url(../imagini/bkg_servicii3.jpg) no-repeat top center;
	height			: 102px;
	margin			: 25px 0 10px;
}
#modul_servicii div.serv {
	float			: left;
	height			: 102px;
	margin			: 0 0 0 0;
	position		: relative;
	/*width			: 430px;
	width			: 215px;*/
	width			: 286px;
}
#modul_servicii div.serv h2 {
	margin-top		: 10px;
}
#modul_servicii div.serv a:link, #modul_servicii div.serv a:visited {
	/*background		: url(../imagini/sageata.gif) no-repeat 14px 77px;*/
	top				: 0;
	color			: #fff;
	display			: block;
	font-size		: 1.2em;
	line-height		: 1.6em;
	/*padding			: 120px 15px 1.1em 15px;
	padding			: 73px 15px 1.1em 32px;*/
	padding			: 50px 12px 1.1em 12px;
	
	position		: absolute;
	z-index			: 1;
}
#modul_servicii div.serv a:hover {
	/*background		: url(../imagini/sageata.gif) no-repeat 14px 77px;*/
	background			: none;
}

/*****************************************************************************************
*   *) BREAD CRUMB NAV
******************************************************************************************/
#bread_crumb {
	background		: #CBD5DD url(../imagini/gradient03.gif) repeat-x left top;
	border-bottom	: 1px solid #999999;
	height			: 25px;
	padding-left	: 2em;
}

#bread_crumb ul {}


/*****************************************************************************************
*   *) CONTENT
******************************************************************************************/

/*****************************************************************************************
*   *) COLOANA STANGA
******************************************************************************************/
#coloana_stanga {
	float			: left;
	width			: 570px;
	/*margin-top		: 1.5em;
	padding			: 0 1.5em;
	position		: relative;
	text-align		: right;
	width			: 20em;*/
}
#coloana_stanga ul, #coloana_stanga ol {
	font-size		: 1.2em;
	margin-bottom	: 1.2em;
	margin-left		: 4em;
}
#coloana_stanga ol {
	margin-left		: 1.2em;
}
#coloana_stanga ul li, #coloana_stanga ol li { 
	background		: url(../imagini/bullet.gif) no-repeat left 5px;
	line-height		: 1.6em;
	padding			: 0 2em .2em;
	width			: auto;
}
#coloana_stanga ol li {
	margin-bottom	: 1.2em;
}
/*#coloana_stanga ul li span {
	background-color: #fefefe;
}*/
#coloana_stanga ul ul, #coloana_stanga ol ul, #coloana_stanga ol ol {
	font-size		: 1em;
	margin-bottom	: 0;
	margin-left		: 2em;
}
#coloana_stanga ul ul li, #coloana_stanga ol ul li, #coloana_stanga ol ol li { 
	background		: url(../imagini/bullet2.gif) no-repeat left 7px;
	padding			: 0 1.5em;
}
/* #coloana_stanga ul li a {
	border-bottom	: 2px solid #DDD7C7;
	color			: #A89574;
	display			: block;
	line-height		: 2.2em;
	padding			: 1px;
	text-decoration	: none;
}
#coloana_stanga ul li a:hover, #coloana_stanga ul li a.apasat {
	border-bottom-color: #D2B37D;
	color			: #333333;
}*/
#coloana_stanga .post {
	background		: url(../imagini/spacer_col_stanga_simplu.jpg) no-repeat top center;
	margin-bottom	: 3em;
	padding-top		: 2em;
}
#coloana_stanga .post p {

}
.img_float_right {
	float			: right;
	margin			: 5px 15px;
}

.sociable ul li {
	background		: none !important;
	padding			: 0 0 0 1em !important;
}
	.sociable ul li a:hover { background:none; }
/*****************************************************************************************
*   *) LOGO CLIENTI
******************************************************************************************/
.logo_clienti {
	float			: left;
	margin			: 0 1.1em 2em;
}

/*****************************************************************************************
*   *) COLOANA DREAPTA
******************************************************************************************/
#coloana_dreapta {
	float			: right;
	width			: 280px;
	/*background		: url(../imagini/dash_vertical.gif) repeat-y 23.3em top;
	margin-top		: 1.5em;
	padding			: 0 1.5em 0 25em;*/
}
#coloana_dreapta h1, #coloana_dreapta p { margin-left: 0; }
#coloana_dreapta h1 { margin-top: 6px; margin-bottom: 11px; }
#coloana_dreapta h1.secund { margin-top: 26px; margin-bottom: 5px; }

/*****************************************************************************************
*   *) DOWNLOAD BOX
******************************************************************************************/
#download_box {
	background		: #fff url(../imagini/download.gif) no-repeat 44.5em center;
	border			: 1px dashed #526C91;
}

#download_box a {
	background		: url(../imagini/s_albastra.gif) no-repeat 1em center;
	display			: block;
	padding			: 1em 1em 1em 2.5em;
}

/*****************************************************************************************
*   *) SEARCH FORM
******************************************************************************************/
#search_form {
	background		: url(../imagini/bkg_sidebar_ul2.gif);
	border-top		: 1px solid #D4E9A7;
	border-bottom	: 1px solid #D4E9A7;
	height			: 30px;
	padding-top		: 2px;
	_padding-top	: 1px;
	padding-right	: 5px;
	text-align		: right;
}
	#search_form input {
		width			: 230px;
	}
/*****************************************************************************************
*   *) CONTACT FORM
******************************************************************************************/
input, select, textarea {
	background		: #fff url(../imagini/bkg_input.gif) repeat-x top left;
	border			: 1px solid #b2b2b2;
	color			: #666;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	margin			: 3px 0;
	padding			: 3px 4px;
}
textarea#comment { border-bottom: none; }
select {
	/*height			: 1.5em;
	line-height		: 1.5em;*/
	padding			: 2px 2px 2px 0;
}
input:focus, select:focus, textarea:focus {
	background-image: none;
	border-color	: #666;
	color			: #222;
}

#form_box_contact {}
#form_box_contact input {
	width			: 35%;
}
#form_box_contact select {
	width			: 36.8%;
	_width			: 37.1%;
}
#form_box_contact input#security_code {
	text-align		: center;
	width			: 20%;
}
/*#form_box_contact input, #form_box_contact textarea {
	position		: relative;
	top				: 4px;
}*/
#form_box_contact textarea {
	height			: 8em;
	overflow		: hidden;
	width			: 55%;
}
#form_box_contact label {
	color			: #666;
	display			: block;
	/*font-size		: 1.1em;*/
	float			: left;
	margin-right	: .5em;
	padding-top		: .7em;
	text-align		: right;
	width			: 215px;
}
	#form_box_contact label span {
		color		: #20b4e2;
	}
#form_box_contact img {
	margin			: 6px 0;
}
/*#commentform { padding-left	: 15px; }
#commentform input.b01 { margin-left	: 0; }*/
/*****************************************************************************************
*   *) MESAJE LA FORM
******************************************************************************************/
.messageBox1 {
	margin-bottom	: 2em;
}
.messageBox1 p {
	background		: url(../imagini/error_icon1.gif) no-repeat left 5px;
	color			: #DE3333;
	/*font-weight		: bold;*/
	font-style		: italic;
	line-height		: 2em;
	margin-bottom	: 0;
	margin-left		: 220px !important;
	padding-left	: 2em;
}
input.error, input:focus error, select.error, select:focus error{
	border			: 1px solid #DE3333;
}
.succes p { margin-bottom: 0; }
/*****************************************************************************************
*   *) BUTON
******************************************************************************************/
.b01 {
	background		: url(../imagini/bkg_buton_submit.gif) no-repeat;
	border			: none;
	color			: #fff !important;
	cursor			: pointer;
	font-size		: 11px;
	margin-bottom	: 0;
	margin-left		: 221px;
	_margin-left	: 223px;
	padding			: 3px 0 2px;
	_padding		: 4px 0 1px;
	text-align		: center;
	text-transform	: capitalize;
	width			: 70px !important;
}
.b_normal {
	background-position: top center;
}
.b_hover {
	background-position: bottom center;
}
/*****************************************************************************************
*   *) SPACER
******************************************************************************************/
div.spacer, div.spacer_inv {
	clear			: both;
	height			: 19px;
	margin			: 5px 0;
	padding			: 0pt;
}
div.spacer {
	background		: url(../imagini/spacer.jpg) no-repeat top center;
}
div.spacer_inv {
	background		: url(../imagini/spacer_inv.jpg) no-repeat top center;
	margin-bottom	: 19px;
}
#coloana_stanga div.spacer {
	background		: url(../imagini/spacer_col_stanga.jpg) no-repeat top center;
}
#coloana_stanga div.spacer_inv {
	background		: url(../imagini/spacer_col_stanga_inv.jpg) no-repeat top center;
	margin-bottom	: 19px;
}

/*****************************************************************************************
*   *) COMENTARII
******************************************************************************************/
#comments .comment {
	background		: url(../imagini/spacer_col_stanga_simplu.jpg) no-repeat center top;
	/*border-top		: 1px solid #dedede;*/
	padding-top		: 1.5em;
	/*margin-top		: 1em;*/
}
#comments #comment-2 {
	background		: none;
	border			: none;
}

/*****************************************************************************************
*   *) LIVE STATS - STUDIU DE CAZ
******************************************************************************************/
#live_stats {
	font-size		: 1.2em;
	line-height		: 2.6em;
	margin			: 0 0 0 8px;
	width			: 550px; 
}
#live_stats thead {
	border-bottom	: 1px solid #ececec;
	color			: #878686;
}
#live_stats tbody tr {
	border-bottom	: 1px solid #ececec;
}
#live_stats tbody tr:hover {
	background		: #f8f8f8;
	border-bottom	: 1px solid #ececec;
}
#live_stats tbody tr td {
	color			: #444444;
	font-size		: 1.2em;
	padding			: 0 4px;
}
#live_stats tbody tr td.col_1 {
	color			: inherit !important;
	font-size		: inherit !important;
}
#live_stats tbody tr td a:hover {
	background		: none !important;
}

/*****************************************************************************************
*   *) SIDEBAR UL
******************************************************************************************/
.sidebar_ul {
	font-size		: 1.2em;
}
.sidebar_ul li {
	border-top		: 1px solid #d4e9a7;
}
.sidebar_ul li a {
	background		: url(../imagini/bkg_sidebar_ul.gif) no-repeat left -31px;
	display			: block;
	padding			: 9px 0 9px 20px;
	width			: 260px;
}
.sidebar_ul li a:hover, .sidebar_ul li.apasat a, .sidebar_ul li.current-cat a {
	background		: url(../imagini/bkg_sidebar_ul.gif) no-repeat left 0;
	color			: #fff;
}

/*****************************************************************************************
*   *) SIDEBAR STUDIU DE CAZ THUMBS
******************************************************************************************/
a.studiu_caz_thumb {
	background		: #fcffff;
	border			: 1px solid #d7eaac;
	display			: block;
	margin-bottom	: 1.2em;
	padding			: 4px;
	width			: 270px;
}
a:hover.studiu_caz_thumb {
	background		: #d930a0;
	border			: 1px solid #d930a0;
	display			: block;
	margin-bottom	: 1.2em;
	padding			: 3px;
	width			: 272px;
}
a:hover.studiu_caz_thumb img { border:1px solid white; }

#coloana_stanga a.studiu_caz_thumb { float:left; margin:0 1em 1.2em 15px !important; }

/*****************************************************************************************
*   *) SIDEBAR POST IT
******************************************************************************************/
#postit {
	background		: url(../imagini/bkg_postit.jpg) no-repeat 0 0;
	height			: 270px;
	padding-top		: 25px;
	width			: 280px;
}
#postit a {
	display			: block;
	height			: 190px;
	margin-left		: 25px;
	width			: 190px;
}
#postit a:hover, #postit a:active, #postit a:active:hover {
	background		: none;
}

/*****************************************************************************************
*   *) PRE FOOTER
******************************************************************************************/
#pre_footer {
	background		: #ddd7cb url(../imagini/gradient01.gif) repeat-x left top;
	padding			: 1.5em;
}a.
#inner_pre_footer {
	background		: url(../imagini/dash_vertical.gif) repeat-y 21.8em top;
	/* identic cu #coloana_dreapta minus 1.5em reprezentand dublu padding*/
	padding-left	: 23.5em;
}
/*****************************************************************************************
*   *) CLEAR
******************************************************************************************/
.clear {
  clear		: both;
  height	: 1px;
  overflow	: hidden;   /* prevent IE expanding the container */ /* daca comentam randul asta se va afisa bine in DREAMWEAVER */
  margin	: 0;        /* keep flush with surrounding blocks */
}
.clear2 {
  clear		: right;
  height	: 1px;
  overflow	: hidden;   /* prevent IE expanding the container */ /* daca comentam randul asta se va afisa bine in DREAMWEAVER */
  margin	: 0;        /* keep flush with surrounding blocks */
}

/*****************************************************************************************
*   *) DIVERSE ptr WP
******************************************************************************************/
#cmnt-resize-handle {
	font-size 	: 6px;
	cursor 		: s-resize;
	height 		: 6px;
	margin-top	: -4px;
	_margin-top	: -3px;
	margin-left	: 224px;
	_margin-left: 223px;
	border-top 	: 2px dashed #b2b2b2;
}
a.snap_noshots {
	float			: right;
	margin-right	: 15px;
}
a:hover.snap_noshots { background: none; }

a.car-toggler {
	display			: block;
	font-size		: 1.2em;
	line-height		: 1.6em;
	margin			: 0 0 1.2em 15px;
}
code {
	background		: #eeeeee;
	font-size		: 1.1em;
}
p.feedburner a { background-color:#fff !important; }

/*.cenzura { background:#222; }*/