*{

	margin: 0;

	padding: 0;

}

.clear{

	clear: both;

}

img{

	border: 0;

}

.right{

	float: right;

}

.left{

	float: left;

}

.code-img{

	float: right;

	margin-top: -5px;

	position: relative;

}

ul{

	list-style: none;

}

body{

	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #4f4f4f;

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x;

}

h1{

	font-size: 18px;

	color: #1c2122;

}

h2{

	font-size: 14px;

	margin: 10px 0 2px 0;

}

h3{

	font-size: 16px;

}

h4{

	font-size: 12px;

	margin-top: 10px;

	color: #1c2122;

	font-weight: bold;

}

h4 a{

	color: #1c2122;

}

h4 a:hover{

	text-decoration: none;

}

h5{

	font-size: 12px;

	font-weight: bold;

	border-bottom: 1px solid #D9DBE2;

	text-align: left;

	margin-bottom: 10px;

	padding-bottom: 5px;

	color: #1c2122;

}

h6{

	font-size: 12px;

	font-weight: bold;

	border-bottom: 1px solid #D9DBE2;

	text-align: right;

	margin-bottom: 10px;

	padding-bottom: 5px;

	color: #1c2122;

}

#site{

	width: 899px;

	margin: 0 auto;

	background-color: #fff;

	margin-top: 5px;

}

/*

	==header

*/

#header{

	height: 336px;

	background-image: url(../images/bg-header.jpg);

	background-repeat: no-repeat;

}

#logo{

	width: 192px;

	height: 51px;

	float: left;

	margin: 16px 0 0 37px;

}

#navigation{

	width: 560px;

	height: 57px;

	float: right;

	margin: 16px 0 0 0;

	background-image: url(../images/bg-navigation.jpg);

	background-repeat: no-repeat;

}

#navigation-ul{

	margin: 0;

	padding: 0;

	list-style: none;

	background-image: url(../images/bg-ul.jpg);

	background-repeat: repeat-x;

}

#navigation-ul li{

	display: inline;

}

#navigation-ul a{

	height: 51px;

	background-image: url(../images/bg-a.jpg);

	background-repeat: repeat-x;

	text-decoration: none;

	color: #686868;

	display: block;

	text-align: center;

	line-height: 51px;

	float: left;

	/*padding: 0 18px;*/

	padding: 0 20px;

	font-size: 15px;

	margin-left: 1px;

}

#navigation-ul a:hover{

	background-color: #f8c400;

	background-image: none;

	color: #1c2122;

	margin-left: -1px;

	margin-right: -1px;

	/*padding: 0 19px 0 20px;*/

	padding: 0 21px 0 22px;

}

#navigation-ul #home{

	width: 34px;

	margin-left: 0;

	

}#navigation-ul #home:hover{

	margin-left: 0;

	margin-right: -1px;

	padding: 0 21px 0 20px;

}

#container-1{

	float: right;

	padding-top: 30px;

	height: 49px;

	padding-left: 170px;

}

#container-1 h1{

	font-size: 20px;

}

#container-2{

	padding-top: 20px;

	float: right;

}

#main-photo{

	float: left;

	padding-top: 21px;

}

#sub-header{

	height: 128px;

	background-color: #1c2122;

	color: #fff;

}

.container-1{

	width: 412px;

	float: left;

	margin: 11px 14px 0 10px;

}

.container-1 h1{

	 color: #fff;

	 background-image: url(../images/h1-bg.jpg);

	 background-repeat: no-repeat;

	 padding-left: 28px;

	 font-size: 18px;

	 background-position: 0 5px;

}

.container-1 a{

	color: #f8c400;

	text-decoration: none;

}

.container-1 a:hover{

	color: #fff;

	text-decoration: underline;

}

.login-table{

	float: right;

}

.login-button{

	width: 68px;

	height: 19px;

	border: 0;

	float: right;

	color: #fff;

	background-image: url(../images/login-button.jpg);

	cursor: pointer;

}

.login-button:hover{

	background-image: url(../images/login-button-h.jpg);

}



/* butonul de recuperare a parolei */

.recover-pass-button{

	width: 90px;

	height: 19px;

	border: 0;

	color: #fff;

	background-image: url(../images/login-button2.jpg);

	cursor: pointer;

	margin-left:10px;

	line-height:19px;

}

.recover-pass-button:hover{

	background-image: url(../images/login-button2-h.jpg);

}

/* mesajele de eroare */

.error{

	color: #007DC7;

}





/*

	==content

*/

#content{

	background-image: url(../images/bg-content.jpg);

	background-repeat: repeat-y;

	padding: 0 18px;

	clear: both;

	margin-top: 20px;

	border-top: 1px solid #fff;

}

#content h1{

	font-family: "Times New Roman", Times, serif;

	color: #007cc2;

	font-size: 18px;

	font-weight: normal;

	border-bottom: 1px solid #d9dbe2;

	padding-bottom: 3px;

	margin-bottom: 7px;

}

.container-2{

	width: 195px;

}

/*  */

.container-2 a{

	text-decoration: none;

	color: #007DC7;

}

.container-2 a:hover{

	color: #1c2122;

	text-decoration: underline;

}

.container-3{

	width: 424px;

	margin-left: 25px;

}



.container-4-top{

	width: 424px;

	background-image: url(../images/container-4-top.jpg);

	background-repeat: no-repeat;

	height: 10px;

	overflow: hidden;

}

.container-4{

	background-image: url(../images/container-4-bg.jpg);

	background-repeat: repeat-y;

	width: 394px;

	padding: 0 15px;

}

.container-4-bottom{

	background-image: url(../images/container-4-bottom.jpg);

	background-repeat: no-repeat;

	height: 23px;

}

.container-5{

	padding: 15px;

}

.container-7{

	padding: 0 15px 15px 15px;

}

.container-9{

	background-color: #F1F5F8;

	padding: 10px 5px;

	margin: 10px 0;

	border-top: 1px solid #d9dbe2;

	border-bottom: 1px solid #d9dbe2;

}

.container-4 h4{

	color: #1c2122;

	border: 0;

	margin: 0;

	font-family: "Times New Roman", Times, serif;

	font-weight: normal;

	font-size: 18px;

}

.container-10{

	padding: 10px;

}

.container-10 a{

	text-decoration: none;

	color: #007DC7;

}

.container-10 a:hover{

	color: #1c2122;

	text-decoration: underline;

}

.separator{

	width: 1px;

	height: 99px;

	float: left;

	background-color: #d9dbe2;

	margin-top: 15px;

}

.img-1{

	float: left;

	margin: 0 10px 10px 0;

}

.img-2{

	float: left;

	margin: 5px 10px 10px 0;

}

.link-1{

	color: #1C2122;

	text-decoration: none;

}

.link-1:hover{

	color: #F8C400;

}

.link-2{

	color: #1C2122;

	text-decoration: none;

}

.link-2:hover{

	color: #F8C400;

}

.link-3{

	display: block;

	text-decoration: none;

	color: #707070;

	background-image: url(../images/link-3.jpg);

	background-repeat: no-repeat;

	height: 12px;

	line-height: 12px;

	padding-left: 17px;

	margin-bottom: 7px;

}

.link-3:hover{

	color: #1c2122;

}

.link-4{

	color: black;

}

.link-4:hover{

	text-decoration: none;

}

/*

	==footer

*/

#footer{

	height: 160px;

	background-color: #1c2122;

	background-image: url(../images/bg-footer.jpg);

	background-repeat: repeat-x;

	margin-top: 20px;

	margin-bottom: 50px;

	color: #fff;

}

#footer a{

	color: #fff;

	text-decoration: none;

}

#footer a:hover{

	color: #D9DBE2;

	text-decoration: underline;

}

.container-6{

	float: left;

	margin: 11px 70px 0 15px;

}

.last{

	margin-right: 0;

}

.input-2{

	width: 315px;

	height: 18px;

	background-image: url(../images/input-2.jpg);

	background-repeat: no-repeat;

	border: 0;

	padding: 3px 0 0 5px;

}

.contact-textarea{

	width: 317px;

	height: 120px;

	background-image: url(../images/contact-bg.jpg);

	border: 0;

	background-repeat: no-repeat;

	padding: 3px 0 0 5px;

}

.input-4{

	width: 214px;

	height: 18px;

	border: 0;

	padding: 3px 0 0 5px;

	background-image: url(../images/input-4.jpg);

	background-repeat: no-repeat;

}



.input-5{

	width: 131px;

	height: 19px;

	background-image: url(../images/input-5.jpg);

	border: 0;

	padding: 2px 0 0 3px;

}

.input-6{

	width: 270px;

	height: 19px;

	background-image: url(../images/input-6.jpg);

	border: 0;

	padding: 2px 0 0 0;

	margin-left:10px;

}



.button{

	background-image: url(../images/button.jpg);

	height: 21px;

	width: 69px;

	border: 0;

	cursor: pointer;

}



.tr-1{

	height: 40px;

}

.tr-1 td{

	padding: 0 10px;

} 

.tr-2{

	background-color: #D8EAF5;

	height: 40px;

}

.tr-2 td{

	padding: 0 10px;

} 

.tr-1:hover{

	background-color: #a6dcfc;

	color: #000;

}

.tr-2:hover{

	background-color: #a6dcfc;

	color: #000;

}

th{

	background-color: #B2C5D3;

	color: #fff;

	font-weight: bold;

	height: 40px;

	text-align: left;

	padding:0 10px;

	border-right: 1px solid #fff;

}



#currency-input-1{

	height: 16px;

	width: 100px;

	margin: 5px 5px 0 0;

}

#currency-input-2{

	height: 16px;

	width: 100px;

	margin: 5px 5px 0 0;

}

/*******************************	HOROSCOP	*******************************/

.dh-navigation{

	cursor: pointer;

	float: left;

	font-size: 20px;

}



.dh-title{

	float: left;

	padding: 4px 0px;

	text-align: center;

	font-weight: bold;

	width: 170px;

}



.dh-item{

	font-weight: bold;

	cursor: pointer;

}



.dh-tab{

	display: none;

}



.dh-tab-selected{

	display: block;

}

.dh-content a{

	background-image: url(../images/bg-external.jpg);

	background-repeat: no-repeat;

	background-position: right;

	padding-right: 15px;

}



/* deseneaza lista de inregistrari de la faq si de la sfaturi cariera */

.list-1{

	margin-left: 10px;

}

.list-1 li{

	margin-bottom: 5px;

}

.list-1 a{

	text-decoration: none;

	color: #707070;

}

.list-1 a:hover{

	color: #1c2122;

}

.external{

	background-image: url(../images/bg-external.jpg);

	background-position: right;

	background-repeat: no-repeat;

	padding-right: 12px;

}



/* afiseaza inregistralile de la personalitati de pe partea stanga si poate de la religie si istorie */

.records-ul li{

	margin-top: 10px;

}



/* pentru accordeon */

#vertical_container{

}

.accordion_toggle{

	height: 30px;

	line-height: 30px;

	color: #007dc7;

	cursor: pointer;

	/*background-image: url(../images/bg-h4.jpg);

	background-repeat: repeat-x;

	background-position: bottom;*/

	background-image: url(../images/accordion_toggle.jpg);

	background-position: right center;

	background-repeat: no-repeat;

	border-bottom: 1px dotted #007dc7;

}

.accordion_toggle:hover{

	color: #1c2122;

	border-bottom: 1px dotted #fff;

}

.accordion_toggle_active{

	color: #1c2122;

	border-bottom: 1px dotted #fff;

	background-image: url(../images/accordion_toggle_active.jpg);

}

.accordion_content {

	background-color:#FFFFFF;

	color:#444444;

	display:none;

	overflow:hidden;

	padding:10px 0;

}



/* tabelul cu detalii de la joburi */

#job-details{

	width: 100%;

}

#job-details td{

	vertical-align: top;

	padding-bottom: 5px;

}

#job-details .td-1{

	text-align: right;

	width: 110px;

	font-weight: bold;

	color: #1c2122;

	font-size: 11px;

}

#job-details .td-2{

	text-align: left;

	width: 90px;

	border-right: 1px solid #d9dbe2;

	padding: 0 5px;

}

#job-details .td-3{

	text-align: right;

	width: 110px;

	font-weight: bold;

	color: #1c2122;

	font-size: 11px;

}

#job-details .td-4{

	text-align: left;

	width: 90px;

	padding: 0 5px;

}



#banner{

	height: 70px;

	width: 100%;

	position: fixed;

	z-index: 9999;

	vertical-align: top;

	background-image: url(../images/bg-banner.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	bottom: 0;

	overflow: hidden;

}

#alerte{

	width: 195px;

	height: 66px;

	display: block;

	background-image: url(../images/alerte.jpg);

	margin-bottom: 20px;

}

#alerte:hover{

	background-image: url(../images/alerte-hover.jpg);

}

.selector-1{

	margin: 0px;

	width: 110px;
}

.currency-convertor-select{
	width:57px;
}

#beta{
	position: absolute;
	margin: 65px 0 0 230px;
}