/* ######################################### caracteristici generale ########################################### */

body { 
	padding: 5px 0 0 0; 
	margin: 0; 
	font-family: arial, georgia, sans-serif; 
	font-size: 0.8em;	
	line-height: 1.6em; 
	background: #141819;
	color: #FFFFFF;
}

a 			{ color: #FFFFFF; background: inherit; text-decoration: none; }
a:hover 	{ color: #EBE2E2; background: inherit;	}
p 			{ margin: 0 0 5px 0; }
h1 		{ font: bold 2.2em; margin: 0; padding: 8px 0 0 0;  letter-spacing: -1px; }
h2 		{ font: bold 1.8em; margin: 0; padding: 0; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul 		{ margin: 0; padding : 0; list-style : none; }
img 		{ border: 0; }
form 		{ margin: 15px; padding-top: 12px; }


/* ######################################### cap pagina + menu  ########################################### */

#content { 
	margin: 10px auto; 
	width: 980px; 
}

#page-head {
	background-color: #093145;
	width: 975px;
	height: 30px;
	margin: 3px 0 5px 0;	 
	padding: 0 10px 0 10px;
	box-shadow: 0 0 3px #999;
}

#page-head a {
	color: #FFFFCC;
}

#front {	
	height: 255px;	
	width: 505px;
}

#countdown {	
	float: right;
	text-align: right;
	background-color: #0C374D;
	border-radius:5px;
}
.ctd_numbers {
    border-style: ridge;    
    border-width: 2px;
    border-color: #666666;  /* change the border color using the hexadecimal color codes for HTML */
    background: #222222;    /* change the background color using the hexadecimal color codes for HTML */
    padding: 2px 0px;
    width: 50px;
    text-align: center; 
    font-size: 16px;
    font-weight: bolder;    /* options are normal, bold, bolder, lighter */
    font-style: normal;   /* options are normal or italic */
    color: #FFFFFF;       /* change color using the hexadecimal color codes for HTML */
}
.ctd_intro {                  /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
    border: none;    
    padding: 0px;
    width: 250px;
    text-align: center; 
    font-weight: bold;  /* options are normal, bold, bolder, lighter */
    color: #DDDDDD;       /* change color using the hexadecimal color codes for HTML */
    background: transparent;    /* change the background color using the hexadecimal color codes for HTML */
}
.ctd_text {                  /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
    border: none;    
    padding: 0px;
    width: 50px;
    text-align: center; 
    font-size: 10px; 
    font-weight: bold;  /* options are normal, bold, bolder, lighter */
    color: #DDDDDD;       /* change color using the hexadecimal color codes for HTML */
    background: transparent;    /* change the background color using the hexadecimal color codes for HTML */
}

#flags {
	float:right; 
	padding:0 10px 0 0; 
	margin-top:5px; 
	margin-bottom:-45px;
}
#flags li {
	list-style-type:none; 
	float:left; 
	padding-left:1px;
	position:relative; 
	z-index: 100;
}

#menulist { 
	background: transparent url(../images/menu-bgr1.png) repeat-x top left; 
	padding-top: 5px; 
	float: left; 
	height: 30px;
	}

#menulist li { 
	background: transparent url(../images/menu-sep1.png) no-repeat top right; 
	list-style: none; 
	display: inline; 
	margin: 0; 
	}

#menulist li a {
	padding: 7px 20px;
	font-weight: bold;
	color: #FFFFCC;
	}

#menulist li a:hover {
	background: transparent url(../images/menu-bgr-hover1.png) repeat-x top right;
	color: #fff; 
	}

#menulist li a.current {
	background: transparent url(../images/menu-selected1.png) repeat-x top left;
	color: #fff;
	padding: 7px 20px;
	}



/* ######################################### pagina principala ########################################### */
 #wrapper {
   margin-top: -2px;	
	box-shadow: 0 0 6px #999;
   background-color: #4A4E51;
   overflow: hidden;	 
	float: left;
}

#info-box {
	float: left;
	width: 975px; 
	background-color: #093145;
	color: #EFD469;
	height: 55px;
	margin: 3px 0 10px 5px;	 
	box-shadow: 0 0 6px #999;
}
#info-box-text {
	float: left;
	width: 970px;
	padding: 5px 0 5px 5px;
}
 
#home-center {
	border: 1px solid #ccc;	
	box-shadow: 0 0 6px #999;
	margin: 0 0 5px 5px;
	background: #0C374D;
	width: 710px;
	float: left;
	}		
#home-center-antet {
	background-color: #3C6478;
	font-size: 140%;	
	color: #FFFFCC;
	width: 710px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	padding-top: 20px;	
	float: left;
	}	
#home-center-text {
	width: 690px;
	text-align: justify;
	padding: 10px 0 0 10px;
	float: left;
	}		 
#home-center-text li {
	list-style-type: square; 
	margin-left: 20px; 
	}		

#home-center-img-right {
	float: right;
	width: 340px;  
	height: 260px;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 10px;
	}	
#home-center-img-left {
	float: left;
	width: 300px;  
	height: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
	}		

#extra-zone {
	float: right;
	width: 250px;	
	margin: 0 5px 0 0;
}		
.extra-box {
	width: 250px;	
	border: 1px solid #ccc;
	box-shadow: 0 0 6px #999;
	margin: 0 0 5px -3px;
	}	
.extra-box-antet {
	background-color: #4d624d;
	font-size: 120%;	
	color: #FFFFCC;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	}	
.extra-box-text {
	background: #0E2328;
	padding: 5px 0 5px 5px;
	}	
.extra-box-text li {
	list-style-type: square; 
	margin-left: 20px; 
	}		
.extra-box-text li a {
	padding: 7px 15px;
	font-style: italic;
	color: #FFFFCC;
	}
.extra-box-text li a:hover {
	color: #fff; 
	}


.help-form {
	float: right;
	margin: 5px 0 5px -3px;	
	border: 1px solid #ccc;	
	box-shadow: 0 0 6px #999;
	padding: 0 5px 0 0;	
	background: #4d624d;
	text-align: center;
	}

	
#down-zone {
	float: left;
	width: 985px; 
	background-color: #093145;
	height: 110px;
	margin: 5px 0 5px 0;
}
#down-header {
	background: #93A661;
	width: 140px;
	margin-top: 5px; 
	float: left; 
	padding-left: 10px;
	font-weight: bold;
}
.down-box {
	width: 184px;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 5px;	
	background: #107896;
	color: #fff;
	vertical-align: middle;
}
.down-img { 
	float: left; 
	margin: 0 9px 3px 0;
	width: 40px;
	height: 40px; 
}

/* footer */
#footer { 
	float: left;
	margin: auto; 
	width: 960px; 
	color: #808080;
	padding: 15px 10px 5px 10px;
}
#footer .left { float: left; }
#footer .right { float: right; }


/* ######################################### pagina Obiective ########################################### */
#center {
	width: 710px;
	float: left;
	}	
			 
/* ######################################### pagina Etape ########################################### */
#stages-center-text {
	width: 690px;
	text-align: center;
	padding: 10px 0 0 5px;
	float: left;
	}		

 /* ######################################### pagina Etape ########################################### */
#team-center-text {
	width: 690px;
	padding: 10px 0 0 10px;
	float: left;
	}	
#team-center-text li {
	list-style-type: square; 
	margin-left: 20px; 
	}		
		   
	
 /* ######################################### pagina Contact ########################################### */		
 #contact-center-text {
	width: 690px;	
	text-align: center;
	padding: 10px 0 0 10px;
	float: left; 	   	
	}