body, html {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	color: #555;
} 

body {
	/*background: url(/images/shl.png) repeat;*/
	background: url(/images/noise.png) repeat;
}

p {
	text-align: justify;
	font-size: 1.1em;
	line-height: 170%;
	/*margin: 0px;*/
}

#container {
	width:760px;
	margin: 0 auto;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.6);
}

#header {
	text-align:center;
	margin-bottom: 2em;
}

.topimg {
	width: 100%;
	height: auto;
	/*position: absolute;*/
	left: 0;  
	/*margin-bottom: 2em;*/
}

#infoleft {
	text-align: center;
	margin: 0em 0em 0em 2em;
	width: 40%;
	float: right;
}

#inforight {
	padding: 0 3em;
}

#chakre {
	position: relative;
	float: right;
	margin: 2em 0 2em 2em;
	zoom: 1.3;
}

#Detalii {
	margin: 2em 0;
}

#chakre .chakra {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 136px;
	cursor: pointer;
	border-radius:50%;
}

#chakre .chakra:hover {
	border:1px solid #fff;
	background-color: rgba(255,255,255,0.5);	
}

#c1.chakra { top: 283px; }
#c2.chakra { top: 250px; }
#c3.chakra { top: 208px; }
#c4.chakra { top: 139px; }
#c5.chakra { top: 83px; }
#c6.chakra { top: 25px; }
#c7.chakra { top: -3px; }
#c3a.chakra { top: 179px; left: 107px; width: 88px; height: 88px }


#butoane-sub { 
	position: absolute;
	width: 100%;
	top: 325px;
}
.subchart_button {
	display: inline-block;
	height: 26px;
	cursor: pointer;
}
#buton-palme { width:83px;}
#buton-cap { width:55px;}
#buton-membre { width:81px; }
#buton-talpi { width:78px; }

.subchart_button:hover {
	background-color: rgba(255,255,255,0.3);
} 
.subchart {
	/*position: absolute;*/
	top: 349px;
	z-index: -1;
	margin-top:-5px;
}

.info-chakre {
	border: 1px solid #816952;
	padding: 40px;
	text-align: center;
	width: 27%;
	margin-top: 190px;
	margin-left: 30px;
}

.center {
	text-align: center;
}
.clear {
	clear:both;
}

a:link, a:visited {
	font-weight: bold;
	color: #000000;
}

a:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
a.jos:link, a.jos:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.jos:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.titlu, h2 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 1em 0 0.3em;
	font-family: 'Roboto Condensed';
	margin: 0;
	}

#Detalii h2 {
	margin-top:0;
	padding-top:0;
}

h3 {
	font-family: 'Roboto Condensed';
	margin: 1.4em 0 0.3em 0;
}

.titlu.sidebar {
	font-size:0.9em;
	padding: 0;
}

.pp {  text-align: justify; font-size: 8pt}
.ppmic { text-align: justify ; font-size: 1.1em; color: #222222}
.ppmicc { font-family: 'Roboto Condensed' ; text-align: center; font-size: 9pt; color: #222222}
.back {  background-repeat: repeat; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border: #AB998B; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #669933}
.subtitlu {
	font-size: 0.9em;
	margin-top: -6px;
}

.w75percent {
	width: 76%;
	padding-left: 12%;
	padding-right: 12%;
}

.border {
	padding: 1em;
	background: rgba(255,255,255,0.6);
}


form {
	margin: 0px;
}

table {
	font-weight: 300;
}

.phwrap {
	width:100%;
	text-align: center;
}

.ph {
	margin : 2em auto;
	border: 10px solid #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}