@charset "UTF-8";
/* CSS Document */

body {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #0053a0;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center top;
}

@font-face { font-family: MuseoSans; src: url(fonts/MuseoSans_500.otf); }

p {
	font-size: 14px;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color: #0053a0;
	line-height: 135%;
}
img {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: MuseoSans, Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 150%;
}
a:link{
	text-decoration: none;
	color: #0053a0;
}
a:visited {
	text-decoration: none;
	color: #0053a0;
}
a:hover {
	text-decoration: underline;
	color: #0053a0;
}
div#logo {
	margin-top: 35px;
	margin-left: 100px;
	margin-bottom: 15px;
	float: left;
}
div#slogan {
	margin-top: 35px;
	margin-left: 125px;
	margin-bottom: 15px;
	float: left;
}
div#container{
	text-align:left;
	margin: 0px;
}
div#header {
	line-height:80px;
	margin:0;
	height: 200px;
}
div#imagegallery {
	margin-bottom: 15px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	-moz-box-shadow: 0 0 25px #999;
	-webkit-box-shadow: 0 0 25px #999;
	box-shadow: 0 0 25px #999;
}
div#imagethumb {
	margin-bottom: 10px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 25px #999;
	-webkit-box-shadow: 0 0 25px #999;
	box-shadow: 0 0 25px #999;
	padding: 5px;
	height: 100px;
	width: 100px;
	float: left;
	margin-right: 10px;
}
div#extra{background:#FF8539}
div#footer{
	clear:both;
	width:100%;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	text-align: center;
	padding-top: 30px;
	margin: 0px;
	padding-bottom: 0px;
}
div#footer p{
	margin:0;
	padding:5px 10px;
	font-size: 12px;
}
div#footer a {
	margin:0;
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div#container{
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#content{
	float:right;
	width:560px;
	padding-right: 60px;
	padding-left: 60px;
	margin-bottom: 50px;
}
div#navigation{
	float:left;
	width:280px;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 15px;
	height: 370px;
}
div#extra{float:left;clear:left;width:200px}



/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{
	overflow:hidden;
	text-indent:-9999px;
	margin-right:0px;
	margin-bottom: 5px;
}
			#menu li a{background:url('images/menu_ro.png') no-repeat; width:100%; height:100%; display:block;}
			
			/* 1 */
			#menu li.primapagina{width:280px; height:46px;}
				#menu li.primapagina a{background-position:0px 0px;}
				#menu li.primapagina a:hover{background-position:-280px 0px;}
				#menu li.primapagina a.selected{background-position:-280px 0px;}
			
			/* 2 */
			#menu li.servicii{width:280px; height:46px;}
				#menu li.servicii a{background-position:0px -48px;}
				#menu li.servicii a:hover{background-position:-280px -48px;}
				#menu li.servicii a.selected{background-position:-280px -48px;}
	
			/* 3 */
			#menu li.cursuri{width:280px; height:46px;}
				#menu li.cursuri a{background-position:0px -96px;}
				#menu li.cursuri a:hover{background-position:-280px -96px;}
				#menu li.cursuri a.selected{background-position:-280px -96px;}
				
			/* 4 */
			#menu li.galeriefoto{width:280px; height:46px;}
				#menu li.galeriefoto a{background-position:0px -144px;}
				#menu li.galeriefoto a:hover{background-position:-280px -144px;}
				#menu li.galeriefoto a.selected{background-position:-280px -144px;}
							
			/* 5 */
			#menu li.contact{width:280px; height:46px;}
				#menu li.contact a{background-position:0px -192px;}
				#menu li.contact a:hover{background-position:-280px -192px;}
				#menu li.contact a.selected{background-position:-280px -192px;}


.button, .button:visited {
	font-family: MuseoSans, Helvetica, Arial, Tahoma, Verdana, sans-serif;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 150%;
	background-image: url(images/button_overlay.png);
	background-repeat: repeat-x;
}
 
	.button:hover							{
	background-color: #111;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
}
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{
	font-size: 16px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 45px;
	line-height: 100%;
	margin-bottom: 5px;
}
													  
	.super.button, .super.button:visited 			{ font-size: 24px; 
													  padding: 8px 14px 8px; }
	
	
	.yellow.button, .yellow.button:visited		{ background-color: #fcc908; }
	.yellow.button:hover						{ background-color: #0053a0; }

	.word.button, .word.button:visited, .word.button:hover		{
	background-image: url(images/file_doc.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
	.pdf.button, .pdf.button:visited, .pdf.button:hover		{
	background-image: url(images/file_pdf.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}