/**
* @package		JJ Social Slider
* @author		JoomJunk
* @copyright	Copyright (C) 2011 - 2013 JoomJunk. All Rights Reserved
* @license		http://www.gnu.org/licenses/gpl-3.0.html
*/

ul#jj_sl_navigation {
    position: fixed;
    padding: 0px;
    list-style: none;
    z-index:9999;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

@media only screen and (max-height: 800px) {
  ul#jj_sl_navigation {
    margin-top: 0px;  
}
}

ul#jj_sl_navigation li {
    overflow:hidden;
	 /*border-top-left-radius: 20px;
	 border-bottom-left-radius: 20px;*/
}

ul#jj_sl_navigation li a {
    display: block;
    width: 175px;  
    background-repeat:no-repeat;
	text-decoration: none;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	
}
ul#jj_sl_navigation .facebook a:hover{
    background-color: #3B5998;
}
ul#jj_sl_navigation .twitter a:hover{
    background-color: #62BDB2;
}
ul#jj_sl_navigation .google a:hover{
    background-color: #DB4A39;
}
ul#jj_sl_navigation .myspace a:hover{
    background-color: #3B64B3;
}
ul#jj_sl_navigation .youtube a:hover{
    background-color: #CC252C;
}
ul#jj_sl_navigation .toroslar a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar1 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar2 a:hover{
    background-color: rgba(103, 165, 222, 0.7); /*#002c5f;*/
	color:#fff;
}
ul#jj_sl_navigation .toroslar3 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar4 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar5 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar6 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar7 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar8 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar9 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar10 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .toroslar11 a:hover{
    background-color: rgba(103, 165, 222, 0.7);
	color:#fff;
}
ul#jj_sl_navigation .steam a:hover{
    background-color: #111111;
}
ul#jj_sl_navigation .lastfm a:hover{
    background-color: #bf0d1c;
}
ul#jj_sl_navigation .pinterest a:hover{
    background-color: #b61d23;
}
ul#jj_sl_navigation .soundcloud a:hover{
    background-color: #ff5419;
}
ul#jj_sl_navigation .tumblr a:hover{
    background-color: #304e6c;
}
ul#jj_sl_navigation .github a:hover{
    background-color: #222222;
}
ul#jj_sl_navigation .flickr a:hover{
    background-color: #ff0084;
}
ul#jj_sl_navigation .rss a:hover{
    background-color: #FF6600;
}
ul#jj_sl_navigation .vimeo a:hover{
    background-color: #1BB7EA;
}

.sayfambeyaz {background:#2c4f6b; opacity:0.95;padding:5px;}


.sp-wrap {width: 920px;}
		#sp-leftcol {width: 20%}
		#sp-rightcol { width: 22%}
		#sp-maincol {width:80%}
#inner_content {width: 100%;}
		#sp-inset1 {width: 101%}#sp-inset2 { width: 72%}
ul#jj_sl_navigation li a {background-color:#2c4f6b;text-align:right;}
ul#jj_sl_navigation { right:0px;top:10px;}
ul#jj_sl_navigation li:hover { right: 0px;}

ul#jj_sl_navigation li:first-child { right: 0px; border-bottom-left-radius: 35px}
ul#jj_sl_navigation li a { padding: 20px 18px 20px 35px;margin-right:-10px; background:rgba(42, 112, 176, 0.7); /*#667d8fe3;*/ background-repeat: no-repeat; border-bottom: 4px solid #5e6c8a; border-top: 4px solid #5e6c8a; text-align:center;}



ul#jj_sl_navigation .toroslar a { background-position:  2px 50%; background-image: url(/upload/images/logo.png);opacity:1; line-height:1; background-size: 40px; font-size: 17px;	}
ul#jj_sl_navigation .toroslar1 a { background-position: 0px 50%; background-image: url(/upload/images/icn_kurumsal.png);opacity:1;line-height:1; background-size:40px;	}
ul#jj_sl_navigation .toroslar2 a { background-position: 0px 50%; background-image: url(/upload/images/icn_gundem.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar3 a { background-position: 0px 50%; background-image: url(/upload/images/icn_projeler.png);opacity:1;	line-height:1; background-size:40px;}
ul#jj_sl_navigation .toroslar4 a { background-position: 0px 50%; background-image: url(/upload/images/icn_hizmetler.png);opacity:1;line-height:1;	 background-size:40px;}
ul#jj_sl_navigation .toroslar5 a { background-position: 0px 50%; background-image: url(/upload/images/icn_toroslar-da-yasam.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar6 a { background-position: 0px 50%; background-image: url(/upload/images/icn_e-belediye.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar7 a { background-position: 0px 50%; background-image: url(/upload/images/icn_kent-rehberi.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar8 a { background-position: 0px 50%; background-image: url(/upload/images/icn_galeri.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar9 a { background-position: 0px 50%; background-image: url(/upload/images/icn_oneri-talep.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar10 a { background-position: 0px 50%; background-image: url(/upload/images/icn_iletisim.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .toroslar11 a { background-position: 0px 50%; background-image: url(/upload/images/icn_e-ruhsat.png);opacity:1;line-height:1;	background-size:40px;}
ul#jj_sl_navigation .facebook a {
	background-position: 4px 50%;
	background-image: url(/upload/images/elogo.png);
}
ul#jj_sl_navigation .twitter a {
	background-position: 5px 50%;
	background-image: url(/upload/images/elogo.png);
}
ul#jj_sl_navigation .google a {
	background-position: 5px 50%;
	background-image: url(/upload/images/elogo.png);
}
ul#jj_sl_navigation .myspace a {
	background-position: 4px 50%;
	background-image: url(/upload/images/elogo.png);
}
ul#jj_sl_navigation .youtube a {
background-position: 4px 50%;
background-image: url(/upload/images/elogo.png);
}


ul#jj_sl_navigation .steam a {background-position: 4px 50%;background-image: url(../images/ss.png);}
ul#jj_sl_navigation .lastfm a {background-position: 4px 50%;background-image: url(../images/html.png);}
ul#jj_sl_navigation .pinterest a {background-position: 4px 50%;background-image: url(../images/css.png);}
ul#jj_sl_navigation .soundcloud a {background-position: 4px 50%;background-image: url(../images/jq.png);}


ul#jj_sl_navigation .tumblr a {background-position: 4px 50%;background-image: url(../images/csharp.png);}
ul#jj_sl_navigation .github a {background-position: 4px 50%;background-image: url(../images/mailgonder.png);}
ul#jj_sl_navigation .rss a {background-position: 4px 50%;background-image: url(../images/rss-white.png);}



ul#jj_sl_navigation li { right: -125px;position:relative;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;-ms-transition: right 0.3s;-o-transition: right 0.3s;transition: right 0.3s; border-left: 8px solid #5e6d8a;}


ul#jj_sl_navigation .toroslar  {
	border: 4px solid #5e6d8a;
    margin-right: -8px;
    margin-bottom: -4px;
    border-left: 8px solid #5e6d8a;
}}