@charset "utf-8";
/* GLOBAL   
=======================================================================================*/

/* Fonts 
------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,400italic&subset=latin,latin-ext);
/*----------------------------------------------------------*/

/* Reset CSS 
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*----------------------------------------------------------*/

/* * 
------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
/*----------------------------------------------------------*/


/* Headings 
------------------------------------------------------------*/
h2 { font-size: 1.571em }	/* 22px */
h3 { font-size: 1.429em }	/* 20px */
h4 { font-size: 1.286em }	/* 18px */
h5 { font-size: 1.143em }	/* 16px */
h6 { font-size: 1em }		/* 14px */
h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.1; margin-bottom: .8em; }
/*----------------------------------------------------------*/

/* Anchors 
------------------------------------------------------------*/
a img { border: 0px; text-decoration: none; }
a, a:link, a:visited { text-decoration: none; text-decoration: none; }
a:hover, a:active {text-decoration: none; }
/*----------------------------------------------------------*/

/* Paragraphs 
------------------------------------------------------------*/
p { }
* p:last-child { margin-bottom: 0; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

/*----------------------------------------------------------*/

/* Lists 
------------------------------------------------------------*/
ul { list-style: none; }
ol { list-style: none; }
dl { margin: 0; }
dt { font-weight: bold; }
dd { margin: 0; }
/*----------------------------------------------------------*/

/* Quotes 
------------------------------------------------------------*/
blockquote { font-style: italic; }
cite { }
q { }
/*----------------------------------------------------------*/

/* Tables 
------------------------------------------------------------*/
table { margin: 0; }
/*----------------------------------------------------------*/

/* Thead 
------------------------------------------------------------*/
thead th { padding: 0; text-align: left; }
thead td { }
/*----------------------------------------------------------*/

/* Tbody 
------------------------------------------------------------*/
tbody td { padding: 0; }
tbody th { }
tbody .alt td { }
tbody .alt th { }
/*----------------------------------------------------------*/

/* Tfoot 
------------------------------------------------------------*/
tfoot th { }
tfoot td { }
/*----------------------------------------------------------*/

/* Input & Select
------------------------------------------------------------*/
input, select { outline: none; }
/*----------------------------------------------------------*/

/* Border & Focus
------------------------------------------------------------*/
img { border: none; }
:focus { outline: none; }
/*----------------------------------------------------------*/

/* Helpers
------------------------------------------------------------*/
.clear { clear: both;}
.space { clear: both; height: 20px;}
.space2 { clear: both; height: 25.5px;}
.center { text-align: center; margin: 10px auto; }
img.center { margin: 10px 0 20px 100px !important; }
.left { float: left; }
.right { float: right; clear: both; position: relative; top: -21px;}
.alignleft { float: left; margin-right: 28px; }
.alignright { float: right; margin-left: 28px; }
.aligncenter { text-align: center; }
.half { width: 50%; }
.triple { width: 33%; }
.no-display { display: none; }
.no-border { border: none !important; }
.no-bg { background: none !important; }
.no-bg-img { background-position: 1000px 1000px !important; }
.text-justify { text-align: justify; }
.no-margin { margin: 0 !important; }
.visible { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.hide { display: none; }
.show { display: block; }
/*----------------------------------------------------------*/

/* Body 
------------------------------------------------------------*/
body { background-color:#eaeff4; }
/*----------------------------------------------------------*/


/* Wrapper
------------------------------------------------------------*/
.wrapper { max-width: 1000px; width: 100%; margin: 0 auto;}
/*----------------------------------------------------------*/

/* Header
------------------------------------------------------------*/
.header-top{height: 42px; width:100%; background-color: #13394e;}
.top-menu{float:left;}
.top-menu li{float:left; display: inline; border-right:1px solid #244c64;}
.top-menu li:last-child{border:0;}
.top-menu li a{float:left; display: inline; color:#fff; font-family: 'Roboto', sans-serif; font-size:15px; padding: 11px 15px;}
.top-menu li a:hover{
	background:#0E2C3D;
	}
.social{float:right;}
.social ul{margin-top:8px;}
.social ul li{float:left; display: inline; margin-left:4px;}
.top-medium{background-color: #fff; width:100%; padding-top:15px; padding-bottom: 25px;}
.logo{float: left;height:101px;}
.top-img{margin-bottom:-15px;}
.search{float: right; width:333px;margin-top: 35px;}
.search input{border:1px solid #e6e6e6; width:270px; height: 25px; padding: 5px 10px; float: left;}
.search-icon{float:left; background-image: url('../images/icons/search.png'); width:41px !important; height:37px !important; background-repeat: no-repeat; background-position: top center; text-indent:-9999999px; }
.top-bottom{
	width:100%; 
	height: 56px;
	background: rgb(228,23,56);
  	background: -moz-linear-gradient(top, rgba(19, 57, 78, 1) 0%, rgba(16, 60, 84, 1) 15%, rgba(19, 57, 78, 1) 100%);
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19, 57, 78, 1)), color-stop(15%,rgba(16, 60, 84, 1)), color-stop(100%,rgba(19, 57, 78, 1)));
 	background: -webkit-linear-gradient(top, rgba(19, 57, 78, 1) 0%,rgba(16, 60, 84, 1) 15%,rgba(19, 57, 78, 1) 100%);
  	background: -o-linear-gradient(top, rgba(19, 57, 78, 1) 0%,rgba(16, 60, 84, 1) 15%,rgba(19, 57, 78, 1) 100%);
  	background: -ms-linear-gradient(top, rgba(19, 57, 78, 1) 0%,rgba(16, 60, 84, 1) 15%,rgba(19, 57, 78, 1) 100%);
  	background: linear-gradient(to bottom, rgba(19, 57, 78, 1) 0%,rgba(16, 60, 84, 1) 15%,rgba(19, 57, 78, 1) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41738', endColorstr='#b00e2a',GradientType=0 );
	}
nav ul li{float:left;}
nav ul li a{
	color:#fff; 
	font-family: 'Roboto', sans-serif; 
	font-size:16px; 
	padding: 18px 14px 19px 15px;
	line-height: 56px;
	}
/*----------------------------------------------------------*/
nav ul li:hover a {
    color: #FFFFFF;
    background-color: #0E2E3F;
}
nav ul li:hover ul {
    visibility: visible;
}
nav ul li ul {
    position: absolute;
    z-index: 9999;
    background-color: #146EB4; 
	width:auto;
    visibility: hidden;
	
}
nav ul li ul li {
	float:none;
}
nav ul li ul li a {
	display:block;
	height:30px;
	line-height:30px;
	padding: 7px;
}
nav ul li ul li:hover a {
    background-color: #12394F;
}
/* Content Setting
------------------------------------------------------------*/
.content-left-top{float: left;width:710px;height: auto;}
.content-right-top{width:260px;float: right;height: auto;}
.content-left-bottom{float: left; width:488px;height: auto;}
.content-right-bottom{float: right; width:488px; height: auto;}
/*----------------------------------------------------------*/

/* Slider
------------------------------------------------------------*/
.example-animation { color: #FFF;font-size: 60px; float:left; width:710px;}
.first-cap{background-color:#951500; color:white; font-family:Arial; font-size:24px; position: relative !important; left:0px !important; top:100px !important; width:223px; height:54px;padding:10px; font-family: 'Open Sans', sans-serif;letter-spacing:-1px;}
.second-cap{background-color: rgba(0,0,0,0.8); color:white; font-family:Arial;  font-size:20px; position: relative !important; left:0px !important; top:317px !important; width:100%; padding:10px; /*border-left:5px solid #951500;*/ font-family: 'Open Sans', sans-serif;letter-spacing:-1px;}
.third-cap {position: relative !important;left: 560px !important;top: 210px !important;width: 100px;}
.third-cap a{background-color:#871300; color:white; font-family:Arial; font-size:18px; padding: 10px 15px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;text-decoration: none;font-family:Calibri, sans-serif;letter-spacing:-1px;}
.nav-link{color:#424242; background-color: #ebebeb !important; border-right:1px solid #fff; width:51px; height:48px; text-align:center;line-height:51px; float: left; font-size:19px; font-family: 'Open Sans', sans-serif;letter-spacing:-1px;font-weight: 600;cursor: pointer;}
.nav-link.active{color:#fff; background-image:url(../images/icons/hover.png);width:51px; height:48px;background-repeat: no-repeat;background-position:top center; background-color: #fff !important;}
.inner {width:800px;}
.button-previous{display:none !important;}
.button-next{display:none !important;}
.slider-progress{display:none !important;}
.projector{width: 710px !important;height: 364px !important;}
.navigation{-webkit-box-shadow: -2px 2px 5px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 5px 0px rgba(189, 189, 189, 0.75);box-shadow:-2px 2px 5px 0px rgba(189, 189, 189, 0.75);}
.all{background-color: #fff;float: right;height: 48px;padding: 8px 29px;margin: 0;line-height: 5px;-webkit-box-shadow: 2px 2px 5px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:2px 2px 5px 0px rgba(189, 189, 189, 0.75);box-shadow:2px 2px 5px 0px rgba(189, 189, 189, 0.75);}
.all a{text-align: center; font-family: Calibri,sans-serif; font-size:16px;color:#000;}
/*----------------------------------------------------------*/

/* Announcements
------------------------------------------------------------*/
.announcements{width:710px;height:55px;  background-color: #fff;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
.announcements-header{float: left; color:#090909;font-family: 'Roboto', sans-serif;letter-spacing:-1px;line-height:55px; background-image:url('../images/icons/announce.png');width:106px;height:55px;background-repeat: no-repeat;background-position:10px 20px;border-right:1px solid #ebebeb;padding-left: 35px; }
#news{float: left;width:550px;}
#news li a{line-height: 55px;color:#969696;font-family: 'Open Sans', sans-serif;letter-spacing:-1px; font-size:15px; padding-left:15px;}
/*----------------------------------------------------------*/

/* Current News
------------------------------------------------------------*/
.up-news{float:left; width:710px;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
.up-news-header{background-color: #d9dadc; width: 672px; height:50px; color:#13588e; font-family: 'Roboto', sans-serif; letter-spacing:-1px;line-height:50px;font-size:15px;background-image:url('../images/icons/up-news.png');background-repeat: no-repeat; background-position: 11px 16px;padding-left: 38px;font-weight: 500;}
.coda-slider-wrapper {width: 710px !important; margin:0 !important; height: 295px;}
.coda-slider-wrapper .coda-slider {background: #fff;width: 710px; height:295px;}
.coda-slider-wrapper .coda-slider .panel {background: #fff;width: 710px;height:245px;}
.coda-slider-wrapper .coda-slider .panel .panel-wrapper {padding: 20px; }
.panel-wrapper  p{float: left;width: 350px;font-size: 11px;font-family: Tahoma,sans-serif;line-height:18px;}
.panel-wrapper  img{float: left; border:2px solid #eaeaea; margin-right:10px;}
.panel-wrapper  h1{font-family:Calibri,sans-serif; font-weight:normal; font-size:18px; letter-spacing:-1px;width:350px;float:left;margin-bottom: 5px;color: #333;margin-top: 8px;}
.coda-slider-wrapper .coda-nav {border-top:1px solid #d9dadc;position: relative !important;top: 198px;z-index: 10;width: 710px;left: 0px ; height:10px;margin-top: 49px;}
.coda-slider-wrapper .coda-nav .current {background: #52789f;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;width: 2px;height: 8px;}
.coda-slider-wrapper .coda-nav a { background: #d9dadc;color: #fff; margin-right: 5px;padding: 3px 6px;  border-radius: 18px;width: 2px;height: 8px;}
.coda-slider-wrapper .coda-nav a:hover {}
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {}
.coda-slider-wrapper .coda-nav-left { position: relative;bottom: 51px;left: 22px;z-index: 999998;}
.coda-slider-wrapper .coda-nav-right {float:right !important;position: relative; z-index: 99999;bottom: 32px;right: 22px;}
.coda-slider-wrapper .coda-nav-left-arrow {width: 25px;height: 25px; background: url(../img/prev.html) no-repeat top left; margin-top:50px;}
.coda-slider-wrapper .coda-nav-left-arrow a {width: 0; height: 0;border:none;}
.coda-slider-wrapper .coda-nav-left-arrow:hover {background: url(../img/arrow.html) no-repeat bottom left; }
.coda-slider-wrapper .coda-nav-right-arrow {width: 25px;height: 25px;background: url(../img/arrow.html) no-repeat top right; margin-top:50px;}
.coda-slider-wrapper .coda-nav-right-arrow a {width: 0;height: 0;background: none; margin-top:0;border:none;}
.coda-slider-wrapper .coda-nav-right-arrow:hover {background: url(../img/arrow.html) no-repeat bottom right; }
.coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {margin-top: 55px; }
.coda-slider-wrapper .loading {height: 100%;padding: 20px;text-align: center; }
.arrows .coda-slider {width:710px; overflow: hidden;}
.coda-slider-wrapper {overflow:hidden; }
.coda-slider-wrapper .coda-slider {float: left;overflow: hidden;position: relative; }
.coda-slider-wrapper .coda-slider .panel-container { position: relative; }
.coda-slider-wrapper .coda-slider .panel-container .panel { display: block;float: left;}
.coda-slider-wrapper .coda-nav ul {padding:0;clear: both;display: block;margin: auto;overflow: hidden;padding-top: 15px;position:relative;bottom: 283px;}
.coda-slider-wrapper .coda-nav ul li {display: inline;}
.coda-slider-wrapper .coda-nav ul li a {display: block;float: left;text-decoration: none; }
.coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow     {cursor: pointer;float: left; }
.coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {display: block; }
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right        {float: left;}
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a    {display: block;text-align: center;text-decoration: none;}
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow   {clear: both;}
.continue    { background-color:#e8e8e8; color:#000; font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;float:right;padding: 8px 21px; margin-top: 10px;}
.frame       { position:relative;float:left;}
.explanation { position:absolute;bottom: 130px;left: 2px;text-align:center;background:#009a3b;color:white;width:278px;font-size:12px;font-family:sans-serif;padding:5px;font-weight:bold;}
/*----------------------------------------------------------*/

/* President
------------------------------------------------------------*/
.president        {background-image: url('../images/bckg/baskan.png');width:260px;height: 228px;background-repeat: no-repeat;background-position: top center;float:right;}
.president p      { background-image: url('../images/bckg/baskan-bg.png');background-repeat: no-repeat;width:163px;height:58px;color:#fff;font-weight:600;font-family: 'Raleway', sans-serif;font-size:20px;letter-spacing:-1px;padding-left: 16px;                               padding-top: 10px;line-height: 20px;margin-top: 157px; }
.president span   { font-family: Arial,Helvetia,sans-serif;font-size:11px;color:#fff;letter-spacing: 0px;font-weight: normal;}

.left-three{width:486px;height:109px;}
.left-box{float: left;width: 150px;margin-right: 16px;background-color: #be4430;color: #fff;text-align: center;padding: 30px 0;font-family: 'Raleway', sans-serif;font-size:18px;letter-spacing:-1px;border-bottom:5px solid #6b0f00;}
.left-box:nth-child(3){float:right;margin-right:0;}
.left-box:hover{background-color:#d4d4d4;color:#5a5a5a;border-bottom:5px solid #505050;}


.right-three{width:486px;height:109px;}
.right-box{float: left;width: 150px;margin-right: 16px;background-color: #3d728f;color: #fff;text-align: center;padding: 30px 0;font-family: 'Raleway', sans-serif;font-size:18px;letter-spacing:-1px;border-bottom:5px solid #052537;}
.right-box:nth-child(3){float:right;margin-right:0;}
.right-box:hover{background-color:#d4d4d4;color:#5a5a5a;border-bottom:5px solid #505050;}

.left-box img, .right-box img { width:40px; }

/*----------------------------------------------------------*/

/* Online Transactions
------------------------------------------------------------*/
.online                   { float:right;width:260px;height:418px;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
.online-header            { color:#090909; font-size:15px; letter-spacing: -1px;font-family: 'Roboto', sans-serif;background-color: #cdced1;width:223px; height:52px; line-height: 52px;background-image: url('../images/icons/online.png');                                              background-repeat: no-repeat; padding-left:37px; background-position: 13px;}
#vertical-ticker          { height:334px;overflow:hidden;margin:0; padding:0;background-color: #fff;width:260px;}
#vertical-ticker li       { padding:11.5px;display:block;border-bottom:1px dotted #535353;width:237px;}
#vertical-ticker li a     { color:#535353;font-size:11px;font-family: Arial,Helvetica,sans-serif;}
#vertical-ticker li img   { float:left; margin-right:13px;}
#vertical-ticker li span  { background-color: #307631; color:#fff; float: right;padding:5px 10px;border-radius: 5px; font-family: Tahoma,sans-serif; font-size:11px; position: relative; bottom:3px;}
#ticker-previous          { background-color: #ebebeb;width:126px;height:32px;font-size:11px;color:#000;font-family: Tahoma,sans-serif;float:left;text-align: center; line-height: 32px;}
#ticker-next              { background-color: #dadada;width:134px;height:32px;font-size:11px;color:#000;font-family: Tahoma,sans-serif;float: right;text-align: center; line-height: 32px;}
/*----------------------------------------------------------*/

/* e-Municipality
------------------------------------------------------------*/
.e-municipality      { float: right;width:260px;height:185px;}
.e-municipality-img  { background-image: url('../images/bckg/e-belediye.png'); background-repeat: no-repeat; background-position: top center;width: 260px;float: right;height: 185px;}
.one-p               { letter-spacing: -1px;font-family: 'Roboto', sans-serif;color:#fff;background-color:#401f03;width:111px;height:36px;text-align: center;line-height:36px;}
.two-p               { font-family: 'Source Sans Pro', sans-serif;font-weight:600;font-size:16px;color:#401f03;/*background-color:#fff;*/text-align: center; width:196px; height:49px;letter-spacing: -1px;line-height:22px;margin:90px auto;padding-top: 10px;}
/*----------------------------------------------------------*/

/* City ​​Guide
------------------------------------------------------------*/
.city-guide              { background-image: url('../images/bckg/kent-rehberi.png');width:486px;height: 109px;background-repeat: no-repeat;background-position: top center;float: left;opacity:0.9;}
.city-guide:hover        { opacity:1;}
.city-search             { background-image: url('../images/icons/kent-search.png'); width:486px; height: 109px; background-repeat: no-repeat;background-position: 205px 26px;}
.city-search-header      { background-image:url('../images/icons/kent-guide-bg.png'); background-repeat: no-repeat; background-position:top center; width:175px; height: 109px; float: left;position:relative;bottom:109px;}
.city-search-header span { color:#fff;font-family: 'Source Sans Pro', sans-serif;font-size:17px;letter-spacing:-1px;position: relative;top: 55px;left: 11px;}
.job                     { width:486px;height: 109px;float: right;background-color: #056d99;}
.job img                 { padding: 9px 14px; float:left;padding-right:0px;}
.job-header              { color:#fff;font-family: 'Source Sans Pro', sans-serif;font-size:17px;text-align:center;float:left;margin-top:18px;margin-left: 20px;letter-spacing: -1px;}
.job-header span         { font-size:38px;font-weight:500;letter-spacing: -1px;}
.phone                   { float: right; background-color: #005d84; width: 109px; color:#fff;font-size:26px;font-family: 'Source Sans Pro', sans-serif;letter-spacing: -1px; -webkit-transform: rotate(-90deg); transform:rotate(-90deg); 
                           -moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);text-align:center;position: relative;bottom: 49px;left: 38px;}
/*----------------------------------------------------------*/

/* Municipality Box
------------------------------------------------------------*/
.municipality-box			{ float: left;width:486px;height: auto;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);
							  box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
.municipality-box .header	{ width:446px;height:51px;background-color: #951500;color:#fff;letter-spacing: -1px;font-family: 'Roboto', sans-serif;font-size:15px;line-height:51px;
							  background-image: url('../images/icons/link.png');background-repeat: no-repeat; padding-left:40px;background-position: 10px; }
.municipality-box .icons	{ width:486px;height: 245px; background-color: #fff;}
.icons ul					{ position:relative; left:2px; height: 100px; top: 25px;}
.icons ul li{
	border:solid 1px #ddd;
	width:85px;
	height:85px;
	float:left;
	margin:5px;
	}
.icons ul li:hover{
	background:#ddd;
	}
.icons ul li a				{ width: 80px; height: 80px; text-align:center; /*background-color: #EAEFF4;border: 1px solid #A5A0A0;*/font-family: Tahoma,sans-serif; font-size:12px; float:left; margin: 3px; color:#113A51; }
.icons ul li a:hover		{ /*background-color: #E0E0E0;*/}
.icons ul li a img			{ display:block; margin:0 auto; }
.icons ul li a span			{ display:block; text-align: center;}
/*----------------------------------------------------------*/

/*Tab Menu
------------------------------------------------------------*/
.tab-manu                             { float:right;width:486px;height: auto;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);
                                        box-shadow:-2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
ul.tabs                               { margin: 0;padding: 0;float: left;list-style: none;height: 50px;width: 100%;background-color: #e0e0e0;}
ul.tabs li                            { float: left;margin: 0;cursor: pointer;padding: 0px 21px ;height: 40px;line-height: 31px;overflow: hidden;position: relative;font-family: 'Roboto', sans-serif;
										font-size:15px;letter-spacing:-1px;color:#5a5a5a;
                                        line-height: 40px;margin-top: 10px;}
ul.tabs li.active                     { background: #fff;}
.tab_container                        { clear: both;float: left; width: 100%;background: #fff;height: 245px;}
.tab_content                          { padding: 20px;font-size: 1.2em;display: none;}
.all-galery                           { float: right; color:#fff; background-color: #b8b8b8;font-size:13px;letter-spacing:-1px;font-family: 'Roboto', sans-serif;padding: 5px 10px;margin-top: 11px;margin-right: 13px;}
.slides li                            { width:222px !important;}
.flex-next                            { display:none;}
.flex-prev                            { display:none;}
.flexslider                           { background: #fff; position: relative;  }
.flex-viewport                        { max-height: 2000px; }
.carousel li                          { margin-right:15px;}
.flexslider img                       { width:222px; height:160px;}
.flex-control-nav                     { width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li                  { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a             { width: 14px; height: 14px; display: block; background-color: #d9dadc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 18px; -moz-border-radius: 18px; 
										-o-border-radius: 18px; border-radius: 18px;}
.flex-control-paging li a.flex-active { background-color: #52789f; cursor: default; }

/*----------------------------------------------------------*/

/*Footer
------------------------------------------------------------*/
.bottom-nav               { width: 100%;height: 46px;background-color: #13394e;padding-top: 4px;}
.bot-menu                 { position: relative; top:3px;}
.bot-menu li              { float: left; display: inline;border-left:1px solid #244c64;}
.bot-menu li:first-child  { border-left:0;}
.bot-menu li a            { color:#fff; line-height:40px;font-family: 'Roboto', sans-serif;font-size:15px;letter-spacing:-1px; padding: 0px 20px;}
.bot-menu li:first-child a{ padding-left: 0px ;}
.bottom-footer            { height: 62px;padding-top: 15px;}
.magnet                   { background-image: url('../images/bckg/magnet.png');float: right;width:77px;height:16px;text-indent:-9999999px;}
.left-footer              { float: left;color:#6d6d6d;font-family:Tahoma,sans-serif;font-size:11px;}
.left-footer p            { margin-top:10px;}
.str                      { color:#524d4d;}
.right-footer             { float: right;margin-top:20px;}
/*----------------------------------------------------------*/


/*=======================================================================================*/
/* General CSS
------------------------------------------------------------*/
.fb_share_link { padding: 0 0 0 20px; height: 16px; background: url(../../b.static.ak.fbcdn.net/images/share/facebook_share_icon6e88.gif?8:26981) no-repeat top left; margin-left: 20px;color: #4864B4;font-family: Tahoma,sans-serif;font-size: 15px; }
#container     { width: 950px; margin: 0 auto; text-align: left; }
#content       { }
.content-2       { padding: 5px 0; min-height: 700px; position: relative; margin: 0 auto; margin-bottom: 20px; background-color: #FFF; -webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);
                 -moz-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);}
#content h2    { font-size: 32px;color: #871300;height: 50px;padding: 20px 20px 0px 20px;line-height: 26px;font-family: 'Source Sans Pro', sans-serif;font-weight: 300;background-image: url('../images/icons/dott.png');background-repeat: repeat-x;
                 background-position: 0px 65px;letter-spacing: -1px;margin-bottom:5px;}
#content h1    { font-size: 26px;color: #13394e;padding: 10px 20px 10px 20px; line-height: 26px;font-family: 'Source Sans Pro', sans-serif;font-weight: 300; letter-spacing: -1px;}
#content h3    { font-size: 22px;color: #871300; padding: 5px 20px 5px 20px;  line-height: 26px;font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: -1px;}
#content p     { font-family: 'Open Sans', sans-serif; font-weight:300; font-size: 15px; line-height:26px; color:#3a3a3a; padding: 5px 20px;}
.section       { float: right; display: inline; width: 740px; background-color: #FFF; min-height: 350px;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);-moz-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);
                 box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);}


/*** SIDEBAR
****************************************************************************************************/
.menuheader {  background-color:#13394e; height:45px; line-height:45px;padding:0px 15px;border-bottom:5px solid #062536;}
.menuheader a { color: #FFFFFF; font-family: 'Source Sans Pro', sans-serif; letter-spacing: -1px; font-size: 18px;}
.glossymenu { margin: 0; padding: 0; width: 100%; /*menü genişliği*/ cursor: pointer; }
.glossymenu a.menuitem { background: #fff; color: #606060; font-size: 15px; display: block; position: relative; width: auto; padding: 7px 0; padding-left: 15px;  font-family:Myriad Pro,sans-serif; height: 35px; line-height: 36px;background-image: url('../images/icons/dott.png');background-repeat: repeat-x;background-position: 0px 47px;}
.glossymenu a.menuitem:last-child {background-image: none;}
.glossymenu a.menuitem .statusicon { position: absolute; top: 15px; right: 15px; border: none; }
.glossymenu a.menuitem:hover { background-color: #FFFFFF; color: #000000; }
.glossymenu a.submenuheader { }
.glossymenu div.submenu { }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li { display: inline; }
.glossymenu div.submenu ul li a { background-color: #fff; color: #606060; display: block; font-size: 14px; text-decoration: none; height: 30px; line-height: 30px; margin-bottom: 0px; padding-left: 25px;  font-family: Tahoma, sans-serif;}
.glossymenu div.submenu ul li:last-child a {background-image: url('../images/icons/dott.png');background-repeat: repeat-x;background-position: 0px 28px; }
.glossymenu div.submenu ul li:last-child a.active {background-image: url('../images/icons/dott.png');background-repeat: repeat-x; background-position: 0px 43px; background-color: #e8e8e8 !important; color: #951500 !important; }
.glossymenu div.submenu ul li a:hover { background-color: #FFFFFF; color: #13394e; }
.glossymenu   a.active {background-color: #e8e8e8 !important; color: #951500 !important; display: block; font-size: 14px; text-decoration: none; height: 30px; line-height: 30px; margin-bottom: 0px; padding: 7px 25px;  font-family: Tahoma, sans-serif;}
/****************************************************************************************************/
.glossymenu2 { margin: 0; padding: 0; width: 100%; /*menü genişliği*/ cursor: pointer; }
.glossymenu2 a.menuitem2 { /*background:#f0e3d7; /* Ana başlıkların arkaplan rengi*/
background: url(../images/menu-header-icon.html) no-repeat #f0e3d7; background-position: 5px 5px; font-size: 13px; color: #525252; /* Ana Başlıkların Yazı Rengi*/ display: block; position: relative; width: auto; padding: 7px 0px 5px 0px; padding-left: 25px; text-decoration: none; margin: 0px; border-bottom: 1px #454545; border-style: dotted; height: 17px; }
.glossymenu2 a.menuitem2 .statusicon { position: absolute; top: 5px; right: 5px; border: none; }
.glossymenu2 a.menuitem2:hover { background-color: #215361; color: #FFFFFF; }
.glossymenu2 a.submenuheader2 { }
.glossymenu2 div.submenu2 { }
.glossymenu2 div.submenu2 ul { list-style-type: none; margin: 0; padding: 0; }
.glossymenu2 div.submenu2 ul li { display: inline; }
.glossymenu2 div.submenu2 ul li a { display: block; font-size: 12px; color: #525252; /* alt menü karakter rengi*/ text-decoration: none; padding: 5px 0; margin-bottom: 0px; padding-left: 25px; background-color: #f0e3d7; border-bottom: 1px solid #AFAFAF; background: url(../images/submenu-icon.html) no-repeat; background-position: 7px 6px; }
.glossymenu2 div.submenu2 ul li a:hover { background-color: #215361; color: #FFFFFF; }
.glossymenu2 div.submenu2 .active { background: none repeat scroll 0 0 #DA0000 !important; color: red !important; display: block; font-size: 14px !important; margin: 1px 0; padding: 5px 0 5px 5px; position: relative; text-decoration: none; width: auto; }
/****************************************************************************************************/

/****************************************************************************************************/

.aside { float: left; display: inline; width: 243px; margin-right: 5px; margin-bottom: 10px;background-color:#fff;-webkit-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);
          -moz-box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75);box-shadow: -2px 2px 11px 0px rgba(189, 189, 189, 0.75); }
.aside h2 { }
.aside .post { padding: 0; border: none; }
.aside .post h3 { font-size: 14px; }


/* SAYFA STİLLERİ*/
.page-content-top ul,
.page-content-bottom ul { font-size: 12px; margin-bottom: 10px; list-style-type: disc; padding-left: 12px; }
.page-content-top ol,
.page-content-bottom ol { font-size: 12px; margin-bottom: 10px; list-style-type: decimal; padding-left: 25px; }
.page-content-top ul li,
.page-content-bottom ul li { line-height: 1.3; }
.page-content-top,
.page-content-bottom { padding-top: 0; padding-bottom: 10px; text-align: justify; font-family: 'Open Sans', sans-serif; font-size: 13px;}

/* SAYFA ICERISINDEKİ GALERI STILLERI */
.page-gallery { display: block; text-align: center; padding: 5px; margin: 0; }
.page-gallery a { float: left; font-size: 12px; line-height: 12px; text-decoration: none; width: 140px; }
.page-gallery .thumb { display: inline; float: left; height: 180px; margin-right: 1px; width: 145px; }
.page-gallery .thumb img { background: #FFF; margin-bottom: 5px; border-color: #D9D9D9 #9B9B9B #9B9B9B #D9D9D9; border-style: solid; border-width: 1px; padding: 3px; min-height: 120px; }

/*BLOG STILLERI (post)*/
.post { overflow: hidden; width: 90%; float: left; padding: 5px 20px;}
.post img { padding: 5px;  float: left; display: inline;   border: solid 1px #ddd;margin-right:6px; margin-bottom:5px;}
.post h3 { font-size: 22px; color: #871300; padding:0 !important;line-height: 26px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: -1px;margin-bottom:5px; }
.post h3 a { font-family: 'Ubuntu Condensed', sans-serif; font-size: 24px; color: #18465F; gont-weight:700; line-height: 19px; display: block; /* padding: 10px 10px 10px 10px; */ }
.post .excerpt { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #505050; text-align: left; }
.post p {}
.post p.read-more { }
.post p.read-more a { float: right;color: #951500; font-family: 'Roboto', sans-serif; letter-spacing:-1px; font-weight: bolder;  }
.post .post-date { font-size: 14px; color: #951500; font-family: 'Josefin Sans', sans-serif; font-weight:bold; }

span.post-date {}


/* BLOG STILLERI */
.item { float: left; display: inline; text-align: center; width: 150px; height: 200px; border: 1px solid #CCC; margin: 0 5px 5px 0; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.item img { border: 2px solid #DDD; }
.item h3 { padding: 3px; background: #CCC; margin-bottom: 5px; font-size: 16px; }
.item h3 a { color: black; }
.item .excerpt { display: none; }
.item p { }
.item p.read-more { }
.item .post-date { display: none; }

/* YAZI SAYFASI */
.post-read p { padding: 10px; }
.post-read h2 {font-size: 24px !important; }
.post-read img { display: block; margin: 0 auto 10px auto; background: #FFF; padding: 3px; }
.post-read p { }
.post-read .post-date { font-size: 12px; color: #666; text-align: right; display: block; }
.post-read .post-gallery { }
.post-read .post-gallery h5 {padding-left:20px;font-family: 'Source Sans Pro', sans-serif;font-size:18px;color:#505050;}
.post-read .post-gallery .pg-thumb { text-align: center; font-size: 11px; float: left; width: 120px; height: 150px; margin-left: 15px; line-height: 1; }
.post-read .post-gallery img { float: none; background: #FFF; border-color: #D9D9D9 #9B9B9B #9B9B9B #D9D9D9; border-style: solid; border-width: 1px; padding: 3px; margin-bottom: 3px; }

/* SAYFALANDIRMA */
div.pagination { padding: 3px; margin: 5px; text-align: center; font-size: 13px; }
div.pagination a { padding: 4px 7px 4px 7px; margin: 2px; border: 1px solid #12394F; text-decoration: none; /* no underline */ color: #333; }
div.pagination a:hover,
div.pagination a:active { border: 1px solid #12394F; color: #FFFFFF; background-color: #12394F;}
div.pagination span.current { padding: 4px 7px 4px 7px; margin: 2px; border: 1px solid #12394F; font-weight: bold; background-color: #12394F; color: #FFF; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }

/* GENERAL */
.clear { clear: both }
.fright { float: right; display: inline; }
.fleft { float: left; display: inline; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.red { color: #CC0000; }
.green { color: #5FDF00; }
.blue { color: #1F46FF; }


/* ILETISIM FORMU */
.contact-info,
.contact-form { border-collapse: collapse; border-spacing: 0; }
.contact-info { font-size: 13px; margin-bottom: 10px; }
.contact-info td { padding: 5px; vertical-align: top; }
.contact-info td.th { font-weight: bold; }
.contact-form { font-size: 13px; }
.contact-form td { padding: 5px; vertical-align: top; }
.contact-form td.th { font-weight: bold; }
.contact-form input,
.contact-form textarea { border-color: #666 #666 #aaa #aaa; border-style: solid; border-width: 1px; padding: 3px; }
.contact-form input:focus,
.contact-form textarea:focus { box-shadow: 0 0 5px #00CCFF; -moz-box-shadow: 0 0 5px #00CCFF; -webkit-box-shadow: 0 0 5px #00CCFF; border: 1px solid #AAA; }
.contact-form input { width: 90%; height: 30px; line-height: 30px; background: #FCFCFC; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1); }
.contact-form input[type=submit] { height: 37px; background: #123B51; border: #123B51 1px solid; font-size: 17px; width:100px;color:#FFFFFF;cursor:pointer; }
.contact-form input[type=submit]:hover { background: #0e2e3f; border: #0e2e3f 1px solid;cursor:pointer; }
.contact-form textarea { width: 90%; height: 150px; background: #FCFCFC; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1); }
.contact-form button { }
.contact-form .req-note { color: #900; }

/* INSAN KAYNAKLARI */
.hrform { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; width: 700px; }
.hrform fieldset { padding: 5px; margin: 10px 0px; }
.hrform legend { font-size: 14px; padding: 10px; border: 1px solid #E1E1E1; color: #111; background-color: #f3f3f3; cursor: pointer; letter-spacing: -0.09px; width: 670px; position: relative; z-index: 14; }
.hrform table { border-collapse: collapse; border-spacing: 0; }
.hrform td { padding: 3px 5px; vertical-align: top; text-align: left; }
.hrform input { border-style: solid; border-color: #e1e1e1; border-width: 1px; padding: 3px; color: #696969; }
.hrform input[type="submit"] { border-style: solid; border-color: #e1e1e1; border-width: 1px; padding: 10px 56px; background-color: #e9e9e9; }
.hrform .columns input { width: 95%; }
.hrform textarea, .hrform select { border-style: solid; border-color: #e1e1e1; border-width: 1px; padding: 3px; color: #696969; }
.hrform input:focus, .hrform textarea:focus { border: 1px solid #E1E1E1; padding: 3px; background: #F5F5F5; color: #000; }

/* YORUM */
.comment-form h3 { border-bottom: 1px solid #999; margin-bottom: 10px; }
.comment-form .result { color: #CC0000; font-weight: bold; font-size: 14px; }
.comment-form .info { font-size: 11px; font-style: italic; padding-left: 110px; }
.comment-form label { width: 110px; float: left; display: inline; }
.comment-form p { clear: left; overflow: hidden; }
.comment-form p.nom { margin: 0; }
.comment-form p.subtext { font-size: 11px; color: #666; }
.comment-form .tf { width: 200px; border-color: #666 #666 #aaa #aaa; border-style: solid; border-width: 1px; padding: 2px; }
.comment-form .ta { width: 300px; height: 100px; border-color: #666 #666 #aaa #aaa; border-style: solid; border-width: 1px; padding: 2px; }
.comment-form .sb { margin-left: 110px; }
.comments-container { font-size: 12px; padding: 0 24px; }
.comments-container div { margin: 10px 0; }
.comments-container h3 { border-bottom: 1px solid #999; }
.comment { border: 1px solid #CCC; margin: 5px 0; padding: 5px; font-size: 12px; line-height: 1.2; background: #EEE; }
.comment .comment-name { font-weight: bold; margin: 3px 0; }
.comment .comment-reply { border-left: 2px solid #666; padding-left: 10px; font-style: italic; }
.comment .comment-date { font-size: 11px; color: #999; font-style: italic; }

/* TABLO 1 */
table.tablo1 { font-family: verdana, arial, sans-serif; font-size: 11px; color: #333333; border-width: 1px; border-color: #999999; border-collapse: collapse; }
table.tablo1 th { background: url('images/table/cell-blue.html') #b5cfd2; border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; }
table.tablo1 td { background: url('images/table/cell-grey.html') #dcddc0; border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; }

/* TABLO 2 */
table.gritablo { margin: 0 auto; border-collapse: collapse; border-color: #666666; border-width: 1px; color: #333333; font-family: verdana, arial, sans-serif; font-size: 11px; }
table.gritablo th { background-color: #DEDEDE; border-color: #666666; border-style: solid; border-width: 1px; padding: 8px; }
table.gritablo td { background-color: #FFFFFF; border-color: #666666; border-style: solid; border-width: 1px; padding: 8px; }

/* TABLO 3 */
.tablom_us table { border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; }
.tablom_us th { background-color: #104E8B; color: #FFF; font-weight: bold; padding: 7px; font-size: 13px; font-weight: bold; }
.tablom_us td { padding: 4px; margin: 3px; border: 1px solid #ccc; font-size: 12px; }

/* TABLO 4 */
.tablo_zebra_us { border: 1px solid black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; }
.tablo_zebra_us caption { background-color: #0A88BD; height: 30px; padding: 5px; color: white; font-size: 19px; line-height: 25px; border: 1px solid #0075A6; }
.tablo_zebra_us th { background: #999; color: white; padding: 7px; }
.tablo_zebra_us td { padding: 3px 0px 0px 2px; border-left: black 1px solid; font-family: Tahoma, Geneva, sans-serif; font-size: 9px; text-align: left; vertical-align: middle; }
.tablo_zebra_us .odd { background: #CAE3F2; color: black; border-bottom: 1px black solid; }
.tablo_zebra_us .even { background: #F1F5F8; border-bottom: 1px black solid; }
 

/*----------------------------------------------------------*/
ul.camera{position:relative;}
ul.camera li{display:inline;float:left;margin-top:10px;}
ul.camera li a{float:left;display:block;background-color:#ccc;font-family: 'Roboto', sans-serif; letter-spacing:-1px;color:#000;margin-left:15px;width: 130px;height: 40px;text-align: center;padding-top: 13px;}
ul.camera li a:hover{background-color:#056d99;color:#fff;}

ul.tab2-video{position:relative;margin-top:10px;}
ul.tab2-video li{display:inline;float:left;}
ul.tab2-video li:nth-child(2){float:right;}



/*----------------------------------------------------------*/

.header .main-menu ul li .dropdown-mayor .mayor-container {
    margin:10px;
    background-color:#006091;
    float:left;
    height:300px;
    width:480px;
    overflow:hidden;
}

.header .main-menu ul li .dropdown-mayor .image{
	margin: 10px;
    overflow: hidden;
    background:#fff;
    width:220px;
    float:left;
}
.header .main-menu ul li .dropdown-mayor img {
    display:block;
    width: 220px;
    height: 280px;
}
.header .main-menu ul li .dropdown-mayor .user-box {
    width:220px;
    height:94px;
    float:left;
    margin-top:27px;
    margin-left:20px;
}
.header .main-menu ul li .dropdown-mayor .user-box strong{
	display:block;
	color:#fff;	
    float:left;
    font-size:18px;
    font-weight:600;
    font-family:proxima_nova;
    width:100%;
    text-align:left;
}
.header .main-menu ul li .dropdown-mayor .user-box p {
    color: #fff;
    font-size:14px;
    font-family:proxima_nova;
    margin-top:9px;
    margin-bottom:14px;
    text-align:left;
}
.header .main-menu ul li .dropdown-mayor .user-box .social-networks{
    float: left;
    width: 114px;
	list-style:none;
	overflow:hidden;
}
.header .main-menu ul li .dropdown-mayor .user-box .social-networks li{
	padding:0;
	float:left;
    width:38px;
    height: 25px;
    background:none;
}
.header .main-menu ul li .dropdown-mayor .user-box .social-networks li a {
    float:left;
    background:#006091;
    padding:0;
}
.header .main-menu ul li .dropdown-mayor .user-box .social-networks li a img{
    float: left;
    width:25px;
    height:25px;
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item {
    float:left;
    height:179px;
    width:240px;
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item li {
    width:220px;
    height: 47px;
    margin-left:20px;    
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item li a {
    border-top:1px solid #00547f;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 600;
    color:#fff;
    height:47px;
    line-height:47px;
    background:#006091;
    text-align:left;
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item li a:hover {
    background: none repeat scroll 0 0 #006091;
    color: #ffea00;
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item li a .icon {
    width:29px;
    height:47px;
    background: url('../images/mayor-drop-list-arrow.png') no-repeat scroll 0;
    float:left;
}
.header .main-menu ul li .dropdown-mayor .mayor-sub-item li a .icon:hover {
    width:29px;
    height:47px;
    background: url('../images/mayor-drop-list-arrow-hover.png') no-repeat scroll 0;
    float:left;
}

.mayor {
	float:right;
    position: relative;
    width: 261px;
    height: 359px;
    border-radius: 3px;
    background: rgba(205, 206, 209, 1);
}

.mayor-image {
    float: left;
    height: 285px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 241px;
}
.mayor-image img {
    float: left;
    width: 100%;
}

.mayor-tabs {
    border-top: 1px solid #C3C3C3;
    float: left;
    height: 54px;
    position: relative;
    width: 261px;
}
.mayor-tabs .tab {
    border-left: 1px solid #C3C3C3;
    float: left;
    height: 53px;
    width: 65px;
}
.mayor-tabs .tab:hover {
    background: #C3C3C3;
    cursor: pointer;
}

.mayor-tabs .tab:first-child {
    border-left: 0 none;
    width: 67px;
}
.mayor-tabs .tab:last-child {
    border-right: 0 none;
    width: 59px;
}

.mayor-tabs .tab .icon {
    float: left;
    height: 14px;
    margin: 12px 0 8px;
    text-align: center;
    width: 100%;
}
.mayor-tabs .tab .icon .hover {
    display: none;
}
.mayor-tabs .tab:hover img {
    display: none;
}
.mayor-tabs .tab:hover .hover {
    display: inline-block;
}

.mayor-tabs .more-tab .more-tab-inner {
    background: none repeat scroll 0 0 #C3C3C3;
    bottom: 53px;
    display: none;
    height: 302px;
    left: 0;
    position: absolute;
    width: 261px;
    border-radius: 3px;
}

.mayor-tabs .more-tab:hover .more-tab-inner {
    display: block;
}
.mayor-tabs .more-tab .more-tab-inner {
    background: none repeat scroll 0 0 #123B51;
    bottom: 53px;
    height: 306px;
    left: 0;
    position: absolute;
    width: 261px;
}

.mayor-tabs .more-tab .more-tab-inner .mayor-name {
    float: left;
    height: 101px;
    padding-top: 37px;
    text-align: center;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .mayor-name .name {
    color: #ffffff;
    float: left;
    font-family: "proxima_nova",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .mayor-name .title {
    color: #ffffff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu {
    float: left;
    height: 204px;
    overflow: hidden;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu ul {
    float: left;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu ul li, .mayor-tabs .more-tab .more-tab-inner .more-menu ul li a {
    float: left;
    height: 51px;
    line-height: 51px;
    width: 100%;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu ul li a {
    border-top: 1px solid #0e2e3f;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 0 0 0 18px;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu ul li a:hover {
    background: none repeat scroll 0 0 #0e2e3f;
    border-top-color: #123B51;
    color: #ffffff;
}
.mayor-tabs .more-tab .more-tab-inner .more-menu ul li:last-child a {
    border-bottom: 0 none;
}