@CHARSET "UTF-8";

@import url(common.css);

a { color: #0cb8d9; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }

.colored { color: #0cb8d9 }
.back_colored { background-color: #0cb8d9; }
.light_back_colored { background-color: #abdcf4; }

/* Title
 **************************************************************************************************/
div#title_container div#main_title { 
	background: url("../img/layout/blue/title.png") bottom left no-repeat transparent; 
	float: left; 
	width: 376px; 
	height: 60px; 
}

/* Banner
 **************************************************************************************************/
div#banner_wrapper { 
	background: url("../img/layout/blue/banner_background.png") top center no-repeat transparent; 
	height: 205px; 
}
div#banner_container { 
	/*background: url("../img/layout/blue/banner_t.png") top left no-repeat transparent !important;*/ 
	background: url("../img/layout/blue/banner.png") top left no-repeat transparent; 
	width: 837px; 
	height: 205px; 
	margin: 0px auto 0px auto; 
}

/* Content
 **************************************************************************************************/
div#content_container { 
	/*background: url("../img/layout/magenta/background_t.png") center left no-repeat transparent !important;*/
	background: url("../img/layout/blue/background.png") center center no-repeat transparent;
	background-attachment: fixed;
	width: 837px; 
	margin: 0px auto 0px auto; 
}
div#main h2 { 
	background: url("../img/layout/h2_background_t.png") bottom right no-repeat #0cb8d9 !important; 
	background: url("../img/layout/h2_background.png") bottom right no-repeat #0cb8d9; 
	color: #ffffff; 
	font-size: 1.4em;
	font-weight: bold; 
	margin: 15px 20px 10px 20px; 
	padding: 4px 35px 4px 9px; 
}
div#main h2.alt { 
	background: url("../img/layout/blue/h2_background_alt.png") bottom right no-repeat #ffffff !important;
	border-bottom: 1px solid #0cb8d9; 
	color: #0cb8d9; 
	font-size: 1.4em;
	font-weight: bold; 
	margin: 15px 20px 10px 20px; 
	padding: 4px 35px 4px 0px; 
}

div#main a.info-read {
	
	border-bottom: 1px solid #0cb8d9;
	color: #0cb8d9; 
	display: block;
	font-size: 1.1em;
	text-align: center;
	text-decoration: none;
	
	margin: 0px 20px 30px 20px; 
	padding: 4px 35px 4px 0px; 
}
	div#main a.info-read:hover { color: #333333; text-decoration: none; }

div#main a.info-page {
	border-bottom: 1px dotted #cccccc;
	color: #333333; 
	display: block;
	font-size: 1.1em;
	text-decoration: none;
	
	margin: 0px 20px 0px 20px; 
	padding: 4px 0px 4px 0px; 
}
	div#main a.info-page:hover { color: #999999; text-decoration: none; }

div#main blockquote { 
	border: 3px solid #0cb8d9; 
	background: url("../img/layout/blue/frame_background.png") top right no-repeat #abdcf4;
	color: #000000; 
	font-size: 1em; 
	margin: 15px 20px 10px 20px; 
	padding: 9px 9px 9px 9px; 
}
	div#main blockquote p { margin: 0px; }
	div#main blockquote h2 { background-color: transparent !important; background-image: none !important; color: #0cb8d9; font-weight: bold; margin: 5px 0px 5px 0px; padding: 4px 50px 2px 0px; }

div#main p a { color: #0cb8d9; text-decoration: none; }
	div#main p a:hover { color: #0cb8d9; text-decoration: underline; }

div#main div.sign_frame {
	background: url("../img/layout/blue/sign_frame.png") top left no-repeat transparent; 
	overflow: hidden;
	width: 400px;
	height: 75px;
	margin: 0px 0px 10px 0px; 
	padding: 48px 32px 9px 32px; 
}
	div#main div.sign_frame input.text {
		background-color: #ffffff;
		border: 2px solid #b2b2b2;
		font: 12px Arial, sans-serif;
		padding: 4px 5px 4px 5px;
		width: 270px;
	}
	div#main div.sign_frame input.button, div#main div.sign_frame button.button {
		background-color: #0cb8d9;
		border: 2px solid #b2b2b2;
		color: #ffffff;
		font: 12px Arial, sans-serif;
		padding: 3px 5px 3px 5px;
	}

div#main div#quizz div.answer:hover { background-color: #abdcf4; } 
div#main div#quizz input#submit:hover { background-color: #abdcf4; } 

div#main div.line { background-color: #0cb8d9; height: 1px; overflow: hidden; margin: 10px 20px 10px 20px; padding: 0px; }


/* Download's elemens
 **************************************************************************************************/

div#main a.download_folder:hover { background-color: #abdcf4; }
div#main a.download_file:hover { background-color: #abdcf4; } 
  
  
/* Message's elemens
 **************************************************************************************************/
div#main div.message_separator {
	background: url("../img/layout/blue/messageframe_separator.png") top center no-repeat #ffffff;
	height: 1px;
	margin: 10px 0px 10px 0px;	
}


/* FAQ's elemens
 **************************************************************************************************/

div#main a.faq_link:hover { background-color: #abdcf4; }


/* Form's elements
 **************************************************************************************************/
div#main div.buttons input.submit, 
div#main div.buttons input.button, 
div#main div.buttons a.button {
	color: #0cb8d9;
}

div#main div.buttons input.submit {
	font-size: 1.2em;
}


/* Menu
 **************************************************************************************************/
div#menu a:hover { color: #bbbbbb; }
div#menu a.current { color: #0cb8d9; font-weight: bold; }
div#menu div.submenu a { background-color: #e9f6fb;	}
div#menu div.submenu a:hover { color: #0cb8d9; font-weight: normal; }
div#menu div.submenu a.current { background-color: #ffffff; color: #b2b2b2; font-weight: normal; }

/* Sidebar
 **************************************************************************************************/
div#sidebar a { color: #0cb8d9; text-decoration: none; padding-left: 10px; } 
	div#sidebar a:hover { color: #0cb8d9; text-decoration: underline; } 

div#sidebar a.biglink { 
	display: block; 
	color: #0cb8d9; 
	font-size: 1.2em; 
	text-align: center; 
	text-decoration: none; 
	padding: 0px 0px 10px 0px !important; 
} 
	div#sidebar a.biglink:hover { color: #0cb8d9; text-decoration: underline; } 


div#sidebar h1.news {
	color: #ffffff;
	font-size: 3em;
	position: relative;
	width: 265px; 
	height: 165px; 
	margin: 8px 0px 8px 8px;
}
	div#sidebar h1.news.back1 {
		background: url("../img/layout/blue/news_frame_1_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/blue/news_frame_1.png") top left no-repeat transparent; 
	}
	div#sidebar h1.news.back2 {
		background: url("../img/layout/blue/news_frame_2_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/blue/news_frame_2.png") top left no-repeat transparent; 
	}
	div#sidebar h1.news.back3 {
		background: url("../img/layout/blue/news_frame_3_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/blue/news_frame_3.png") top left no-repeat transparent; 
	}
	div#sidebar h1.news.back4 {
		background: url("../img/layout/blue/news_frame_4_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/blue/news_frame_4.png") top left no-repeat transparent; 
	}
	div#sidebar h1.news.back5 {
		background: url("../img/layout/blue/news_frame_5_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/blue/news_frame_5.png") top left no-repeat transparent; 
	}
	div#sidebar h1.news span { position: absolute; font-weight: bold; bottom: 2px; right: 16px; }

div#sidebar h1.links {
	background: url("../img/layout/blue/links_frame_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/links_frame.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 3em;
	position: relative;
	width: 265px; 
	height: 100px; 
	margin: 8px 0px 8px 8px;
}
	div#sidebar h1.links span { position: absolute; font-weight: bold; bottom: 5px; right: 16px; }

div#sidebar div.frame h1.starred {
	background: url("../img/layout/blue/starred_h1_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/starred_h1.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 2.5em;
	line-height: 0.8em;
	position: relative;
	overflow: hidden;
	width: 265px; 
	height: 111px; 
}
	div#sidebar div.frame h1.starred span { display: block; margin: 32px 20px 20px 25px; }
	div#sidebar div.frame h1.starred span small { font-size: .8em; }

div#sidebar div.frame h1.question {
	background: url("../img/layout/blue/question_h1_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/question_h1.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 2.5em;
	line-height: 0.8em;
	position: relative;
	overflow: hidden;
	width: 265px; 
	height: 111px; 
}
	div#sidebar div.frame h1.question span { display: block; margin: 32px 20px 20px 25px; }
	div#sidebar div.frame h1.question span small { font-size: .8em; }

div#sidebar div.frame h1.project {
	background: url("../img/layout/blue/project_h1_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/project_h1.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 2.5em;
	line-height: 0.8em;
	position: relative;
	overflow: hidden;
	width: 265px; 
	height: 111px; 
}
	div#sidebar div.frame h1.project span { display: block; margin: 32px 20px 20px 25px; }
	div#sidebar div.frame h1.project span small { font-size: .8em; }
	
div#sidebar div.frame h1.contact {
	background: url("../img/layout/blue/contact_h1_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/contact_h1.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 2.5em;
	line-height: 0.8em;
	position: relative;
	overflow: hidden;
	width: 265px; 
	height: 111px; 
}
	div#sidebar div.frame h1.contact span { display: block; margin: 32px 20px 20px 25px; }
	div#sidebar div.frame h1.contact span small { font-size: .8em; }
	
div#sidebar div.frame h1.message {
	background: url("../img/layout/blue/message_h1_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/message_h1.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 2.5em;
	line-height: 0.8em;
	position: relative;
	overflow: hidden;
	width: 265px; 
	height: 111px; 
}
	div#sidebar div.frame h1.message span { display: block; margin: 32px 20px 20px 25px; }
	div#sidebar div.frame h1.message span small { font-size: .8em; }

div#sidebar div.frame a.bottom_play {
	background: url("../img/layout/blue/play_button_t.png") top left no-repeat transparent !important;
	background: url("../img/layout/blue/play_button.png") top left no-repeat transparent; 
	color: #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	width: 265px; 
	height: 163px; 
}
	div#sidebar div.frame a.bottom_play:hover {
		background: url("../img/layout/play_button_hover_t.png") top left no-repeat transparent !important;
		background: url("../img/layout/play_button_hover.png") top left no-repeat transparent; 
	}

div#sidebar div.frame div.content div.colored { 
	background-color: #abdcf4;
	color: #ffffff;
	padding: 4px 4px 4px 4px;
} 
	div#sidebar div.frame div.content div.colored a { color: #333333; padding: 0px; margin: 0px; }
	

/* Footer
 **************************************************************************************************/
div#footer_wrapper { 
	background: url("../img/layout/blue/footer_background.png") top center no-repeat transparent; 
	height: 62px; 
}
div#footer_container { 
	/*background: url("../img/layout/blue/footer_t.png") top left no-repeat transparent !important;*/
	background: url("../img/layout/blue/footer.png") top left no-repeat transparent; 
	color: #ffffff;
	font-size: 1em;
	width: 837px; 
	height: 62px; 
	margin: 0px auto 0px auto; 
}