/* CSS Document */
html {
	height:100%;
	min-height:100%;
}
body {
	font-family:Ubuntu, Helvetica, Arial, sans-serif;
	text-align:center;
	background:url(../images/hexa_aurora.png) repeat-x top left fixed;
	min-height:100%;
	height:100%;
}
*, html, body {
	font-family:Ubuntu, Helvetica, Arial, sans-serif;
}
a {
	color:#619324;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#619324;
	text-decoration:underline;
}
h3 a {
	font-size:18px;
}
h4 a {
	font-size:14px;
}
#footer a, #header a {
	font-size:10px;
}
a:visited {
	color:#666699;
}
#grepit {
	min-height:987px;
	height:100%;
	clear:both;
}
.grepit-home {
	background:url(../images/dreaming.png) no-repeat top center;
}
/*
.grepit-global {
	background:url(../images/dreaming_global.png) no-repeat top center;
}
*/
#hexa {
}
#environment {
}
#aurora {
}
#body {
	margin:36px 0px 0px 0px;
	min-height:720px;
}
#main-menu {
	margin:200px 0px 0px 0px;
	height:auto;
	position:relative;
}
#mm-left-side {
	width:220px;
	margin:80px 0px 0px 0px;
}
#logo-container {
	height:133px;
}
#logo {
	background:url(../images/logo_slogan.png) no-repeat;
	background-position:0px 0px;
	width:170px;
	height:100px;
	text-decoration:none;
}
#logo:hover {
	background-position:0px -100px;
	text-decoration:none;
}
#quick-launch-container {
	height:66px;
}
#quick-launch {
	background:url(../images/global_button.png) no-repeat;
	background-position:0px 0px;
	width:192px;
	height:52px;
	text-decoration:none;
	text-align:center;
	margin:0px 0px 0px -10px;
}
#quick-launch:hover {
	background-position:0px -52px;
	text-decoration:none;
}
.ql-label {
	background-position:0px 0px;
	width:150px;
	height:26px;
	margin:13px auto 0px auto;
}
#ql-label-proiecte-inscrise {
	background:url(../images/text/proiecte_inscrise.png) no-repeat;
}
#ql-label-meniu-principal {
	background:url(../images/text/meniu_principal.png) no-repeat;
}
#mm-right-side {
	width:767px;
	min-height: 1px; /* sebastian: o inaltime ca sa nu se suprapuna la float right */
}
#hexa-menu {
	width:100%;
	height:100%;
	z-index:10;
}
#hexa-menu-shadow {
	min-height:780px;
	min-width:780px;
	background:url(../images/hexa_shadow.png) no-repeat;
	background-position:0px 0px;
	z-index:-10;
	margin:-250px 0px 0px -25px;
}
.hexa-menu-item map, .hexa-menu-item map area {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	z-index:2;
	cursor:pointer;
}
.hexa-menu-item {
	top:0px;
	left:0px;
	position:absolute;
	width:300px;
	height:250px;
	overflow:hidden;
}
.hexa-menu-item:hover {
}
.inner-menu-item {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	z-index:9;
	display:none;
	float:left;
	clear:left;
}
.inner-menu-item .hm-link {
	display:none;
	text-align:center;
	margin:0px auto;
	width:100%;
	float:left;
	clear:left;
}
.inner-menu-item a {
	height:20px;
	display:inline-block;
	position:relative;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	margin:0px 0px 5px 0px;
	text-shadow:1px 1px #ffffff;
	letter-spacing:0px;
	text-align:center;
	font-style:normal;
	width:auto;
	white-space:nowrap;
	font-family:Ubuntu, Helvetica, Arial, Ubuntu, sans-serif;
	padding:2px 5px 2px 5px;
	border:1px solid transparent;
	line-height:18px;
}
.hm-links {
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
}
.inner-menu-item a:hover {
	text-decoration:none;
	background:url(../images/inner_link_background.png) repeat-x top left #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px dotted #666666;
}
.hexa-menu-special .inner-menu-item a {
	color:#666666;
	text-shadow:1px 1px #eeeeee;
}
.hexa-menu-special .inner-menu-item a:hover {
	color:#000000;
}
.hexa-menu-normal .inner-menu-item a {
	color:#666666;
	text-shadow:1px 1px #eeeeee;
}
.hexa-menu-normal .inner-menu-item a:hover {
	color:#000000;
}
.hms-symbols {
	width:100%;
	display:block;
	height:100%;
	background:url(../images/6_edition_symbols.png) no-repeat;
	background-position:0px 0px;
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
}
.hmn-text {
	width:100%;
	display:block;
	height:100%;
	background:url(../images/text/labels.png) no-repeat;
	background-position:0px 0px;
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
}
#hexa-menu-item-1 {
	margin:0px 0px 0px 0px;
	z-index:11;
}
#hexa-menu-item-1 .hm-links {
	margin:66px 0px 0px 0px;
}
#hexa-menu-item-1 .hexa-menu-item-hover {
	background:url(../images/main_orange_hexa.png) no-repeat;
	background-position:0px -250px;
	height:100%;
	width:100%;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
#hexa-menu-item-2 {
	margin:-234px 0px 0px 0px;
	z-index:12;
}
#hexa-menu-item-2 .hmn-text {
	background-position:0px 0px;
}
#hexa-menu-item-2 .hm-links {
	margin:65px 0px 0px 0px;
}
#hexa-menu-item-3 {
	margin:234px 0px 0px 0px;
	z-index:13;
}
#hexa-menu-item-3 .hmn-text {
	background-position:0px -233px;
}
#hexa-menu-item-3 .hm-links {
	margin:90px 0px 0px 0px;
}
#hexa-menu-item-4 {
	margin:-117px 0px 0px 216px;
	z-index:14;
}
#hexa-menu-item-4 .hmn-text {
	background-position:0px -466px;
}
#hexa-menu-item-4 .hm-links {
	margin:100px 0px 0px 0px;
}
#hexa-menu-item-5 {
	margin:117px 0px 0px 216px;
	z-index:15;
}
#hexa-menu-item-5 .hmn-text {
	background-position:0px -699px;
}
#hexa-menu-item-5 .hm-links {
	margin:80px 0px 0px 0px;
}
#hexa-menu-item-6 {
	margin:0px 0px 0px 432px;
	z-index:16;
}
#hexa-menu-item-6 .hmn-text {
	background-position:0px -932px;
}
#hexa-menu-item-6 .hm-links {
	margin:75px 0px 0px 0px;
}
.hexa-menu-special {
	background:url(../images/main_orange_hexa.png) no-repeat;
	background-position:0px 0px;
}
.hexa-menu-normal {
	background:url(../images/menu_hexagon_sprite.png) no-repeat;
	background-position:0px 0px;
}
.hexa-menu-item-hover {
	background:url(../images/menu_hexagon_sprite.png) no-repeat;
	background-position:0px -250px;
	height:100%;
	width:100%;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
/*.hexa-menu-special:hover{
	background-position:0px -250px;	
}*/

.hexa-menu-normal:hover {
/*background-position:0px -250px;	*/
}
#basement {
	margin:10px 0px 50px 0px;
}
#friends {
}
#friend-1 {
	width:280px;
	height:40px;
	background:url(../images/centrul_pentru_inovare_in_educatie_logo.png) no-repeat;
	background-position:0px 0px;
	margin:0px 0px 0px 25px;
}
#friend-1:hover {
	background-position:0px -40px;
}
#friend-2 {
	width:180px;
	height:40px;
	background:url(../images/memorialul_ipotesti.png) no-repeat;
	background-position:0px 0px;
	margin:0px 0px 0px 60px;
}
#friend-2:hover {
	background-position:0px -40px;
}
#friend-3 {
	width:150px;
	height:40px;
	background:url(../images/belkin.png) no-repeat;
	background-position:0px 0px;
	margin:3px 25px 0px 80px;
}
#friend-3:hover {
	background-position:0px -40px;
}
#friend-4 {
	width:100px;
	height:40px;
	background:url(../images/fndc.png) no-repeat;
	background-position:0px 0px;
	margin:0px 25px 0px 0px;
}
#friend-4:hover {
	background-position:0px -40px;
}
#header-date-time {
}
#header-date-time a, #header-date-time span {
	color:#ffffff;
	font-weight:bold;
	text-shadow:1px 1px #000000;
	margin-left:0px;
	padding:5px 2px 5px 2px;
	cursor:default;
}
#header {
	background:url(../images/header_bar.png) no-repeat;
	background-position:left 0px;
	height:60px;
	width:100%;
	margin:0px 0px 0px -15px;
	font-size:10px;
	line-height:20px;
}
#header #header-content {
	width:92%;
	height:20px;
	margin:18px 4% 0px 4%;
}
#header #copyright {
	color:#ffffff;
	font-weight:bold;
	text-shadow:1px 1px #000000;
}
#header #header-links {
	margin:0px -20px 0px 0px;
}
#header #header-links a {
	color:#ffffff;
	font-weight:bold;
	text-shadow:1px 1px #000000;
	margin-left:10px;
	padding:5px;
}
#footer #footer-links a:hover {
	color:#ffffff;
	font-weight:bold;
	text-shadow:1px 1px #000000;
}
#header-end {
	background:url(../images/header_bar.png) no-repeat;
	background-position:right 0px;
	height:60px;
	width:25px;
	right:0px;
	top:0px;
	margin:0px -25px 0px 0px;
}
#footer {
	background:url(../images/footer_bar.png) no-repeat;
	background-position:left 0px;
	height:60px;
	width:100%;
	margin:0px 0px 0px -15px;
	font-size:10px;
	line-height:20px;
}
#footer #footer-content {
	width:92%;
	height:20px;
	margin:18px 4% 0px 4%;
}
#footer #copyright {
	color:#666666;
	font-weight:bold;
	text-shadow:1px 1px #eeeeee;
}
#footer #footer-links {
	margin:0px -20px 0px 0px;
}
#footer #footer-links a {
	color:#444444;
	font-weight:bold;
	text-shadow:1px 1px #eeeeee;
	margin-left:10px;
	padding:5px;
}
#footer #footer-links a:hover {
	color:#000000;
	font-weight:bold;
	text-shadow:1px 1px #ffffff;
}
#footer-end {
	background:url(../images/footer_bar.png) no-repeat;
	background-position:right 0px;
	height:60px;
	width:25px;
	right:0px;
	top:0px;
	margin:0px -25px 0px 0px;
}
#account-control-container {
}
.ac-item {
	display:block;
	float:left;
	clear:left;
	width:100%;
	text-align:left;
	margin:0px 0px 6px 0px;
}
.ac-item a {
	color:#444444;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	position:relative;
	margin:0px 0px 0px 15px;
}
.ac-item a:hover {
	color:#619324;
	text-decoration:underline;
}
#social-container {
	margin:20px 0px 0px 0px;
}
#social-container #social-container-inner {
	display:block;
	margin:0px 0px 0px 15px;
}
#social-container .sc-item {
	display:block;
	width:100%;
	float:left;
	clear:left;
	margin:0px 0px 10px 0px;
}
#social-container .sc-item a {
	background-position:0px 0px;
	width:auto;
	height:24px;
	padding:0px 0px 0px 30px;
	line-height:24px;
	margin:0px 6px 0px 0px;
	float:left;
	clear:left;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
#social-container .sc-item a:hover {
	background-position:0px -24px;
	color:#000000;
}
#social-container .sc-item a#facebook-icon {
	background:url(../images/social/facebook.png) no-repeat;
}
#social-container .sc-item a#facebook-icon:hover {
	background-position:0px -24px;
	color:#425A88 !important;
}
#social-container .sc-item a#twitter-icon {
	background:url(../images/social/twitter.png) no-repeat;
}
#social-container .sc-item a#twitter-icon:hover {
	background-position:0px -24px;
	color:#56C8ED !important;
}
#social-container .sc-item a#google-icon {
	background:url(../images/social/google.png) no-repeat;
}
#social-container .sc-item a#google-icon:hover {
	background-position:0px -24px;
	color:#019D01 !important;
}
#latest-news-container {
}
#latest-news-container #latest-news {
	display:block;
	margin:0px 0px 0px 15px;
}
#latest-news-container #latest-news #latest-news-title {
	color:#666666;
	text-shadow:1px 1px #ffffff;
	font-size:12px;
	border-bottom:1px dotted #666666;
	font-family:Ubuntu, Arial, Helvetica, sans-serif;
}
#latest-news-container #latest-news ul#news {
	margin:6px 0px 6px 0px;
}
#latest-news-container #latest-news ul#news li {
}
#latest-news-container #latest-news ul#news li a {
	font-size:11px;
	font-family:Ubuntu, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444444;
	font-style:normal;
}
#latest-news-container #latest-news ul#news li a:hover {
	color:#000000;
}
#content-page {
	margin:-190px 0px 10px 0px;
}
.page {
	width:780px;
	height:auto;
	min-height:400px;
}
.page-top {
	background:url(../images/page_top.png) no-repeat;
	background-position:center top;
	height:110px;
}
.title-continer {
	margin:40px 0px 0px 0px;
	padding:0px 5% 0px 5%;
	width:90%;
}
.page-top h2.page-title, .page-top h2.page-title a {
	color:#444444;
	font-weight:normal;
	font-size:24px;
	letter-spacing:0px;
	line-height:30px;
}
.page-top h2.page-title a:hover {
	text-decoration:none;
	color:#000000;
}
h3, h4 {
	margin:10px 0px 5px 0px;
}
h3 {
	color:#444444;
	font-weight:bold;
	font-size:18px;
	letter-spacing:0px;
	line-height:24px;
}
h4 {
	color:#444444;
	font-weight:bold;
	font-size:14px;
	letter-spacing:0px;
	line-height:18px;
}
.page-middle {
	background:url(../images/page_middle.png) repeat-y;
	background-position:center 0px;
	height:auto;
	min-height:400px;
}
.page-content {
	color:#666666;
	line-height:18px;
}
.page-content-inner {
	width:90%;
	padding:10px 5% 10px 5%;
}
.page-content-inner p {
	margin:0px 0px 16px 0px;
}
.page-bottom {
	background:url(../images/page_bottom.png) no-repeat;
	background-position:center bottom;
	height:60px;
}
/*#hexa-menu{
	zoom: 0.90;
    -moz-transform: scale(0.90);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.90);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.90);
    -webkit-transform-origin: 0 0;
	
}*/

#floating-menu {
	z-index:1000;
	position:absolute;
}
#floating-elements {
/*top:30px;*/	
}
.active {
	display:block;
}
.inactive {
	display:none;
}
.the-content {
	display:block;
	position:relative;
	margin:-10px 0px 0px 0px;
}

.the-content ul { 
	list-style:circle;
	margin-bottom:20px;
	margin-left:40px;
}

.the-content em {
	font-style:italic;
}

.proiecte_lista {
	margin: 2px 0px 5px 0px;
	font-size: 11px;
	overflow: hidden;
	background: #F1F1F1;
	padding: 10px 0px 5px 5px;
	color:#999;
	border-bottom: 1px solid #CCC;
}
.proiecte_detalii {
	width:200px;
	float:left;
	text-align:left;
}
.software-utilitar, .software-utilitar-si-jocuri {
	border-left: 2px solid #F00;
}
.mobile, .aplicatii-si-jocuri-pe-mobil {
	border-left: 2px solid #093;
}
.jocuri, .robotica {
	border-left: 2px solid #FC0;
}
.dezvoltare-web, .dezvoltare-web-grepit-7  {
	border-left: 2px solid #09C;
}
.stop-motion {
	border-left: 2px solid #645689;
}
.video {
	border-left: 2px solid #60C;
}
.prom {
	margin: 2px 0px 5px 0px;
	font-size: 11px;
	overflow: hidden;
	background: #F1F1F1;
	padding: 10px 0px 5px 5px;
	border-left: 2px solid #09C;
	color:#999;
	border-bottom: 1px solid #CCC;
}
.h-prom {
	margin: 2px 0px 5px 0px;
	font-size: 11px;
	overflow: hidden;
	background: #F3F3F3;
	padding: 2px 0px 2px 5px;
	border-left: 2px solid #CCC;
	color:#666;
	font-weight:bold;
}
.prom-utilizator {
	width:200px;
	float:left;
}
.prom-sursa {
	width:70px;
	float:left;
	text-align:center;
}
.prom-total {
	width:70px;
	float:right;
}
p.verde {
	color:#009932;
	text-align:center;
	font-weight:bold;
}
.profil {
	width:500px;
	float:right;
}
div#item-header-avatar {
	float: left;
	width: 175px;
}

.continut_navigare_rapida {
	width:290px; float:left;
	}
#arhiva_nr { width:120px; float:left;}

.text-comentariu { width:640px; float:left;}
.comment-author { width:60px; float:left;}
.antet-comentariu { padding:10px 0px;}


.linie-punctata{ border-bottom:1px dotted #666; height:4px; clear:both;}

.poza-voluntar { width:275px; float:left; padding-top:10px;clear:both;}
.descriere-voluntar { width:400px; float:left;}
 
#img {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-Ipotesti_baza.png);	
	width:700px;
	height:495px;
}
.tooltip {
	background-color:transparent;
	display:block;
	position:relative;
}

#foisor {
	width:190px;
	height:130px;
	left:434px;
	top:98px;
}

#foisor:hover {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-ipotesti_elemente.png) 0 0 no-repeat;
}

#cabane {
	width:240px;
	height:150px;
	left:459px;
	top:81px;	
}
#cabane:hover {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-ipotesti_elemente.png) 10px -130px no-repeat;
}

#amfiteatru_interior {
	width:250px;
	height:110px;
	left:134px;
	top:-266px;
}

#amfiteatru_interior:hover {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-ipotesti_elemente.png) -10px -280px no-repeat;
}

#amfiteatru_exterior {
	width:200px;
	height:130px;
	left:158px;
	top:-284px;
}

#amfiteatru_exterior:hover {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-ipotesti_elemente.png) -10px -390px no-repeat;
}
#sala_mese {
	width:300px;
	height:180px;
	left:304px;
	top:-254px;
}

#sala_mese:hover {
	background:url(http://www.grepit.info/wp-content/uploads/2011/08/Harta-ipotesti_elemente.png) -10px -550px no-repeat;	
} 


.inscrie-proiect { margin-bottom: 20px; }
.inscrie-proiect form label, .inscrie-proiect form input, .inscrie-proiect form textarea { margin: 5px; width: 15opx;   }
.inscrie-proiect form input, .inscrie-proiect form textarea { margin-left: 10px; }
.inscrie-proiect form textarea { width: 320px; height: 100px; }




ul.pasi-inscriere { list-style:none; padding:0px; margin:0px;}
#cont-reg { background:url(http://www.grepit.info/IG6-16082011/images/linie-inscriere.png) repeat-x center; height:41px;}

ul.pasi-inscriere li.pas {color: #FFF; float: left; font-size: 28px; font-weight: 700; line-height: 52px; width: 50px;
height: 50px; margin: -5px 167px 45px 0px; text-align: center; border-radius: 50%; clear: right; }

ul.pasi-inscriere li.pas-1 {background: #FF3300;}
ul.pasi-inscriere li.pas-2 {background: #FF9900}
ul.pasi-inscriere li.pas-3 {background: #FFCC00}
ul.pasi-inscriere li.pas-4 {background: #66CC00; margin-right:0px;}

ul.pasi-inscriere li.curent { background:#666;}


.content-details { font-size:9px; color:#CCC;}
span.publish-date { color:#CCC;}


.inscriere-proiect .row { margin-left:0px;}