﻿@charset "utf-8";
/* CSS Document */

/*custom font for text*/

/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */


/*Basic reset*/
* {margin: 0; padding: 0;}


#accordian {
	width: 240px;
	margin-left:0px;
	/*Some cool shadow and glow effect*/
	
}
/*heading styles*/
#accordian h3 {
	font-size: 13px;
	line-height: 20px;
	padding: 7px 5px 10px 27px;
	cursor: pointer;
    font-family:'Calibri';
    font-weight:bold;
    font-size:15px;
    color:#333;
    text-decoration:none;
	/*fallback for browsers not supporting gradients*/
	background: #fff;
	
	background:url(/images/SiteLayout/solicon1.png) no-repeat top left;
	-webkit-transition:background-color .3s ease-in;
    -moz-transition:background-color .3s ease-in;
    -o-transition:background-color .3s ease-in;
    -ms-transition:background-color .3s ease-in;
    transition:background-color .3s ease-in;
}
/*heading hover effect*/
#accordian h3:hover {

	background:url(/images/SiteLayout/solicon2.png) no-repeat top left;
	
	
	color:#fff;
    text-decoration:none;
}

#accordian h3:after {

	background:url(/images/SiteLayout/SolmenuAlanicon2.png) no-repeat top left;
	
	color:#fff;
    text-decoration:none;
}

#accordian h3:before {

	background:url(/images/SiteLayout/SolmenuAlanicon2.png) no-repeat top left;
	
	background-color:#D90000;
	color:#fff;
    text-decoration:none;
}



/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding: 1px 10px 4px 30px;
	margin-left:25px;
	font-family:'Calibri';
	font-weight:bold;
	font-size:14px;
	color:#fff;	
	
    text-decoration:none;
   
    background:url(/images/SiteLayout/aciliricon2.png) no-repeat top left;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background:url(/images/SiteLayout/aciliricon.png) no-repeat top left;
	color:#fff;
	
    text-decoration:none;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}

.NoBorder { text-decoration:none; }












/*--------------------------------h2 Stilleri -----------------------------------------*/

#accordian h2 {
	font-size: 12px;
	line-height: 20px;
	padding: 7px 10px 7px 30px;
	cursor: pointer;
    font-family:'SegoueKalin';
    font-weight:normal;
    color:#777;
    text-decoration:none;
	/*fallback for browsers not supporting gradients*/
	background: #fff;
	border-bottom:1px dashed #ccc;
	background:url(../../images/SiteLayout/Solmenu_AltAlanicon1.png) no-repeat top left;
	-webkit-transition:background-color .3s ease-in;
    -moz-transition:background-color .3s ease-in;
    -o-transition:background-color .3s ease-in;
    -ms-transition:background-color .3s ease-in;
    transition:background-color .3s ease-in;
}
/*heading hover effect*/
#accordian h2:hover {

	background:url(../../images/SiteLayout/Solmenu_AltAlanicon1.png) no-repeat top left;
	
	background-color:#D90000;
	color:#fff;
    text-decoration:none;



}

#accordian h2:after {

	background:url(../../images/SiteLayout/Solmenu_AltAlanicon1.png) no-repeat top left;
	
	background-color:#D90000;
	color:#fff;
    text-decoration:none;
}

#accordian h2:before {

	background:url(../../images/SiteLayout/Solmenu_AltAlanicon1.png) no-repeat top left;
	
	background-color:#D90000;
	color:#fff;
    text-decoration:none;
}







#accordian ul ul ul li a {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding: 7px 10px 7px 30px;
	font-family:'Segoueicerik';
	color:#666;	
	
    text-decoration:none;
    background:url(../../images/SiteLayout/Solmenu_AltAlanicon1.png) no-repeat top left;
    margin-left:10px;
     
}
/*hover effect on links*/
#accordian ul ul ul li a:hover {
	background:url(../../images/SiteLayout/SolMenu_AltAlan2.png) no-repeat top left;
	color:#fff;
	background-color:#525261;
    text-decoration:none;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul ul {
	display: none;
}