/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:url(date-img/body_bg.gif);
}


a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:12px;
		line-height:16px;
		color:#3d3d3d;		
	}

input { vertical-align:middle; font-weight:normal;}

a {color:#3d3d3d; text-decoration:none;}
a:hover {text-decoration:underline;}

/*main layout */

.main { margin:0 auto;}


#header .main {background:url(date-img/header_bg.jpg) left top repeat-x; font-size:11px; font-weight:bold; line-height:13px;}
#header .left {padding:10px 0 0 39px;}
#header .right {
	width:210px;
	padding-top:10px;
	height: 60px;
	color:#7f0e0d;
}
.menu {padding-top:9px;
	   padding-left:133px;
	   width: 400px; }

#header { width:100%;}
#middle { width:100%;}
#footer { width:100%;}

#footer .main {background:url(date-img/footer_bg.gif) top repeat-x;}
#footer .indent {padding:18px 0 0 29px; font-size:11px;}
#footer a {color:#3d3d3d; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

li { padding:1px 0 0 0; line-height:19px; color:#7f0e0d; font-weight:bold;}
li a { padding-left:9px; color:#742D0E; text-decoration:none;}
li a:hover { color:#716F0F;}
.wli { padding-left:30px}

.ul li{padding:1px 0 0 0px;}

/* index */

#index #middle .indent {padding:0 0 39px 10px;}
#index #middle .column1 .content {padding:16px 45px 0 20px;}

textarea {width:276px; height:91px; padding:0 0 0 5px; overflow:auto}

.main { width:900px;}

#header .main{height:70px;}
#footer .main{ height:127px;}

.column1, .column2, .indent_column, .col2{float:left;}

.column1 {width:630px;}
.column2 {
	width:227px;
	height:400px;
	left: 660px;
	top: 307px;
	background-image:url(http://e-recuperaredate.ro/date-img/date-dr.jpg);
	padding-left:3px;
	position:absolute;
	height:400px;
	z-index:2;
}
.column3 {	width:178px;
			height:880px;
			background-image:url(http://e-recuperaredate.ro/date-img/date-st.jpg);
			background-repeat:no-repeat;
			position:absolute;
			top:79px;
			left:-46px;
			padding-left:10px;
			}
.indent_column {width:11px;}

/* index */
#index .col2 {
	width:340px;
	float: right;
	height: 250px;
	position:absolute;
	top:90px;
	left:647px;
}

.slidetabsmenu{
float:left;
width:350px;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid gray;
width:550px;
z-index:2;

}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(date-img/tab-left.gif) no-repeat left top;
margin-right: 5px;
padding:0 0 0 9px;
text-decoration:none;

}

.slidetabsmenu a span {
float:left;
display:block;
background:url(date-img/tab-right.gif) no-repeat right top;
padding:2px 9px 6px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span{
color: black;

}

.slidetabsmenu a:hover{
background-position:0% -125px;
}

.slidetabsmenu a:hover span{
background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color:#F5F5F1;
width: 200px;
visibility: hidden;
}


.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color:#F1ECD3;
}



h1{
	font-size:19px;
	font-style:italic;
	font-weight:bolder;
	padding:0px 50px 0px 140px;
}
h3{font-family:Trebuchet MS;
		font-size:11px;
		font-weight:bold;
		color:#CCCCCC;
		}
.head { 		
		padding-left:100px;
		margin:0;
		background-color:#545C63;
		background:url(date-img/antet.jpg);
}
/*.noi { padding:10px 2px 10px 10px;
		font-size:12px;
		color:#742D0E;
		}*/
.tara { color:#999999;
		font-size:10px;
		font-weight:bold;
		}
.continut_date {padding:0px 260px 0px 147px;
			font-size:13px;
			text-align:justify;
			text-indent:10px;
			}
#index { padding-left:50px; padding-right:50px}
.noi {	background-image:url(date-img/green-tick.gif) ;
		background-repeat:no-repeat;
		text-indent:7px;		
		padding:0px 10px 2px 10px;
		font-size:12px;
		color:#742D0E;}
.noi1 {padding:0px 10px 2px 0px;
		font-size:13px;
		color:#742D0E;}

.date1 {background-image:url(date-img/green-tick1.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:14px;
		font-size:12px;
		color:#000000;
		font-weight:normal;

		}
.prezentare_date {padding:0px 15px 0px 0px;
			font-size:12px;
			font-weight:normal;
			}
a#normal:link, a#normal:active, a#normal:visited {color:#742D0E;
												 font-weight:bold;
												 font-size:12px;
												 }
a#normal:hover  { color:#716F0F;}							 
.date2 {background:url(date-img/contact-recuperare.gif) left top no-repeat;
		padding-left:28px;
		font-size:12px;
		font-weight:normal;
		color:#3d3d3d;
		text-indent:0px;
		}
h2{font-family:Trebuchet MS;
		font-size:14px;
		font-weight:bold;
		padding:10px 50px 0px 180px;
		background-position:140px;
		background-repeat:no-repeat;
		line-height:35px;}
.wli1 { padding-left:50px}
.h2-date-exclamare{background-image:url(date-img/h2-exclam.gif)}
.h2-date-contact{background-image:url(date-img/h2-contact.gif)}
.h2-date-lupa{background-image:url(date-img/h2-lupa.gif)}

