/* 
	TOC
	
		=GENERAL
		=MAIN LAYOUT 
		=HEADER
		=CONTENT
		=FOOTER
		=OTHER
*/


/* 
   Reset
------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus,a,:active {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}


/*------[ =GENERAL ]--------*/


body{
	/*background: #000 url(img/body_bg.png)  repeat-x top left; #242629*/
	background:#000 url(img/seaview.jpg) no-repeat top center;
	color: /*#757576*/#444;
    font: 14px "Helvetica Neue", Helvetica, Arial, helvetica, sans-serif;
}

a { color:/*#04A*/ #DA1623; text-decoration: underline;}
a:hover { color:#DA1623; }

/* 
   Headings, titles
------------------------------------------------------------------- */

h1 {font: normal 2em sans-serif; margin-bottom:30px; }
h2 {font: normal 1.6em sans-serif; margin-bottom:25px; }
h2 span{ font-size:.7em; }
h3 {font: normal 1.4em sans-serif; margin-bottom:15px; }
h4 {font: bold 1.2em sans-serif; margin-bottom:10px;}
h5 {font: bold 0.9em sans-serif; margin-bottom:5px; }

h1,h2,h3,h4 { color: #456; }
p { line-height:20px; margin-bottom:10px; text-align:justify; }
/*ul{ list-style-type:disc; list-style:inside; margin-bottom:10px; }
ul li{ margin-bottom:5px; line-height:18px; }*/


/*-------[  =MAIN LAYOUT   ]---------*/
#wrap{ width:710px; margin:0 auto;  }

/*-------------- =HEADER ------------ */
#header {	
			position:relative; height:100px; margin-bottom:15px;
			/*border-top:5px solid #5d5d5d;*/ font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			
		}

		#logo a{  
				position:absolute; top:25px; left:10px; width:70px; height:60px;
				padding:10px 0 0 75px;
				
				background:url(img/logo.gif) no-repeat top left;
				font-family: Helvetica, sans-serif; font-size: 36px; color: #fff; text-decoration:none;
			 	font-weight: bold;  line-height:27px; letter-spacing:-1px;  
			 }
				
		.logare_clienti{	position:absolute; top:0; right:20px; padding:6px 10px 6px 40px; 
						    background:#DA1623 url(img/icon_arie_clienti.png) no-repeat 10px 2px;
							color:#FFFFFF; text-decoration:none; } 
							
			.logare_clienti:hover{ text-decoration:underline; color:#FFFFFF; }					
		
/*----------- =CONTENT -----------------*/
#content{ padding:30px 50px 20px 50px; border:1px solid #dadada; background-color:#fff; }

	#content h1 { padding:10px 5px 10px 80px; background:#DA1623 url(img/contenth1.gif) no-repeat top right;
				  margin-left:-80px; width:250px; text-transform: uppercase; color:#fff;  font-size:15px; font-weight:bold;  }
				  
		#content h1 a{ color:#fff; text-decoration:underline; }
		
	.content_separator {height: 50px; background: url('img/content_separator.gif') repeat-x left center; }

	/*---- Servicii INdex si Facilitatii in general -------*/
		 ul.facilitati{ list-style-type:none;}
		 ul.facilitati li{  padding-left:75px; margin-bottom:20px; }
			 /*-- La ultimul li din liste de tip facilitati trebuie sa ii aplic class="last" ca daca nu 
			 margin-bottom e prea mare --*/
			 ul.facilitati li.last{ margin-bottom:0px; }
			ul.facilitati li p{ text-align:justify; }
			
	/*	.serviciiindex{ float:right; }	
		.serviciiindex li{ width:360px; padding-left:1px; margin-right:20px; }		*/
		
			
			
	/*---- Date de Contact - sus pe fiecare pagina --------*/		
		#date-de-contact{ background:#fff url(img/bg_work_paper.jpg) no-repeat top center; width:345px; height:119px; float:right;
		margin:-20px -45px 5px 10px; padding:20px 10px 15px 28px; color:#000000; text-align:center; }	
		#date-de-contact a.button{ margin-right:0; float:left; margin-left:17px; }
		#date-de-contact p{ text-align:center; }
		
   /*----- element din portofoliu ------------------------*/
		.elementportofoliu
		{
		    border:1px solid #dadada; padding:20px 25px 20px 25px; 
			margin-bottom:20px; position:relative; width:550px;
		}
		.elementportofoliu h3{ margin-bottom:0px; }
		.elementportofoliu h2{ font-size:40px; color:#eeedeb; position:absolute; top:10px; left:10px; 
								z-index:10; width:120px; }
		.elementportofoliu img{ margin-bottom:10px; }
		.elementportofoliu a.button{ margin-top:5px; margin-right:0px; }
		
	/* ------------- Pagination: Clean ------------ */
	/* -------------------------------------------- */
		#pagination-clean { float:right; margin-top:3px; }
		#pagination-clean li          { border:0; margin:0; padding:0; list-style:none; /* savers */ float:left; }
		/* savers #pagination-clean li,*/
		#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
		#pagination-clean .next a,
		#pagination-clean .previous a  {  float:left; font-weight:bold; }	
		#pagination-clean .next a	  { border:none;  }
		#pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; 
										padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
		#pagination-clean a:link,
		#pagination-clean a:visited   { /*color:#0e509e;*/ display:block; float:left; padding:3px 6px; text-decoration:underline; }
		#pagination-clean a:hover     { text-decoration:none; }
	
	/* -------------------------------------------- */
	
	

	
/*----------- =FOOTER ------------------*/
#footer{ padding:20px 0px 30px 15px; font-size:12px; color:#8e8e8e;  }

	#footer a { color:#8e8e8e; text-decoration:underline; }
		#footer a:hover{ color:#fff; text-decoration:underline; }
		#footer li a{ text-decoration:none; }
		
	#footer ul{ width:210px; float:left; margin-right:20px; margin-bottom:15px; list-style-type:none; text-align:left; }
		#footer li{ padding:5px 5px 5px 10px; margin:0;  border-bottom:1px solid #3a362f; margin-bottom:0; line-height:15px; }
	
	#contact { }
	.numartel{ font-size:36px; letter-spacing:-3px; line-height:41px; }
	
	#footer p{ color:#8e8e8e; font-size:10px; text-align:center; }

/*-----------[ =OTHER ]----------------*/	
/* fixex - This is the class name I assign to container element that contains floated child elements, no matter
			what they are div's ul etc. */
	.fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.fixed{ display:block; }
	/*  \*/
	.fixed{ min-height:1%; }
	* html .fixed{ height:1%; }

	.clear{ clear:both; }
	.f-left{ float:left; }
/*---------[ =BUTTONS ]------------*/
a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    font: normal 13px arial, sans-serif; font-weight:bold;
    height: 24px;color: #4d4d4d;
    margin-right: 10px;
	margin-top:2px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover{ color: #000; }
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
/*---------------------*/
/*--------------------------------------------------------*/
form{ margin-top:20px;}
fieldset {
	margin: 0 5px 10px 0px;
	padding: 20px;
	border: 1px solid #dadada;
	
	background-color: #fff;
} 
legend { background-color:#DA1623; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; font-size:12px; }
form p { margin:0; border-bottom:1px solid #dadada; padding:15px; }
form p.last { border-bottom:none; padding-bottom:0; }
form p.alt{ padding:5px; border-bottom:none; } /* sa fie valid html buton submit trebuia pus intr-un <p> si am facut clasa asta sa suprascriu padingu si border bottom ce il au <p> copil la form*/
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
label.required{ font-weight:bold; color:#da1623; }
input.text { width:300px; } 
textarea { width: 300px; margin: 5px 15px 15px 0px;}  

form#cerere_de_pret{ width:400px; float:left; margin-top:-2px; }
form#cerere_de_pret fieldset{ margin:0; margin-bottom:10px; padding:0; padding:0px 16px 20px 16px; }

form#cerere_de_pret p{ border-bottom:1px solid #dadada; padding:10px 10px 15px 10px; margin:0; }
form#cerere_de_pret p.last{ border-bottom:none; padding-bottom:0; }
form#cerere_de_pret p.alt{  border-bottom:none; padding:5px; }/* sa fie valid html buton submit trebuia pus intr-un <p> si am facut clasa asta sa suprascriu padingu si border bottom ce il au <p> copil la form*/
form#cerere_de_pret input.text{ width:335px; }
form#cerere_de_pret label{ width:320px; text-align:left; font-weight:normal; }
form#cerere_de_pret label.required{ font-weight:bold; color:#da1623; }
form#cerere_de_pret  textarea{ width:335px; margin:0; margin-top:10px; }


/*--------------- index scrolable content ---------------------*/