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



/* My Elements
-----------------------------------------------------------------------------*/

.clear { clear:both;}
*{ outline:none; }
.clearfix {	zoom: 1;}

.cf{height:1%}*+html .cf{display:inline-block}.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fl{ float: left !important;}
.fr{ float: right !important;}
.fn{ float: none !important;}

.db{ display: block !important;}
.dn{ display: none !important;}
.di{ display: inline !important;}
.dib{ display: inline-block !important;}

.noborder{ border: none !important;}
.nobg{ background: none !important;}

.relative{ position: relative !important;}
.absolute{ position: absolute !important;}

.margin{ margin: 0px !important;}
.marginl{ margin-left: 0px !important;}
.marginr{ margin-right: 0px !important;}
.margint{ margin-top: 0px !important;}
.marginb{ margin-bottom: 0px !important;}

.padding{ padding: 0px !important;}
.paddingl{ padding-left: 0px !important;}
.paddingr{ padding-right: 0px !important;}
.paddingt{ padding-top: 0px !important;}
.paddingb{ padding-bottom: 0px !important;}

.blue{ color: #0d2e53 !important;}
.green{ color: #7b8682 !important;}

.medium{ font-weight: 500 !important;}
.semibold{ font-weight: 600 !important;}



/* My Elements
-----------------------------------------------------------------------------*/

@media print {
.header,.navigation,.footer,.leftArea{ display: none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 1040px) 
{
	.search{ display: none !important;}
    .leftArea{ margin:10px 0 0 10px !important;} 
    .rightArea{margin:10px 10px 0 0 !important;}
    .socialArea{margin:0 0 0 10px !important;}
	.numara{margin: 0 100px 0 100px !important}
    .fbleft{margin:0 0 0 10px !important;}
    .fvideo {margin:0 10px 0 0 !important;}
    .fbright{margin:15px 10px 0 0 !important;}
    .content .subPage .rightArea .historical .history-slide .slide-area ul li .box p { font-size: 24px !important; line-height:24px !important;}
    .content .subPage .detailText ul li{ font-size:20px !important;}
    .content .subPage .detailText strong{ font-size:16px !important;}


    
}
	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) 
{
	.search{ display: none !important;}
    .leftArea{ margin:10px 0 0 10px !important;}
    .rightArea{margin:10px 10px 0 0 !important;}
    .socialArea{margin:0 0 0 10px !important;}
    .fbleft{margin:0 0 0 10px !important;}
    .fvideo {margin:0 10px 0 0 !important;}
    .fbright{margin:15px 10px 0 0 !important;}
    .content .subPage .rightArea .historical .history-slide .slide-area ul li .box p { font-size: 24px !important;  line-height:24px !important;}
    .content .subPage .detailText ul li{ font-size:26px !important;}
    .content .subPage .detailText strong{ font-size:16px !important;}
        
}



/* radius Elements
-----------------------------------------------------------------------------*/
.radius4{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; 	-o-border-radius:4px; -ms-border-radius:4px; -khtml-border-radius:4px;}
.radius60{border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; 	-o-border-radius:60px; -ms-border-radius:60px; -khtml-border-radius:60px;}
.radius30{border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; 	-o-border-radius:30px; -ms-border-radius:30px; -khtml-border-radius:30px;}


/* transform Elements
-----------------------------------------------------------------------------*/
.tr30 {-webkit-transform: skew(-30deg, 0deg);-moz-transform: skew(-30deg, 0deg);-o-transform: skew(-30deg, 0deg);-ms-transform: skew(-30deg, 0deg);transform: skew(-30deg, 0deg);}


/* shadow Elements
-----------------------------------------------------------------------------*/


/* Animate
-----------------------------------------------------------------------------*/
.anim,
.anim:hover,
.anim a,
.anim a:hover{-webkit-transition: background 0.5s ease, color 0.5s ease , border-color 0.5s ease ;-moz-transition: background 0.5s ease, color 0.5s ease , border-color 0.5s ease ;-o-transition: background 0.5s ease, color 0.5s ease , border-color 0.5s ease ;-ms-transition: background 0.5s ease, color 0.5s ease , border-color 0.5s ease ;transition: background 0.5s ease, color 0.5s ease , border-color 0.5s ease ;}



html,body,form { height: 100%}

.wp {
	width: 100%;
	min-height: 100%;
	*margin-bottom: 0; 
	position: relative;
	margin-bottom: -130px;
}
.wp:after { content: ""; display: block; height: 60px; }

/* No Average
/*--------------------------------------------------------*/
.mold {display: table;}
.mold div {display: table-cell; vertical-align: middle; text-align: center; position: relative; margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

/* Sprite
--------------------------------------------------------*/
i,.i {float:left;display:block;background: url(../images/sprite.png) ;}

/* homePage
-----------------------------------------------------------------------------*/

.container{ width: 990px; margin: 0px auto;}


/******** header ********/ 
header.header{ width: 100%; float: left; position:relative; height: 400px;}
header.header .topHeader{ width: 100%; float: left; height: 120px; position: relative; z-index: 999;}

header.header .topHeader .tophBg{ width: 990px;  float: left; height: 95px; /*border-bottom: 5px solid #13466d;*/ position: relative;}
header.header .topHeader .logoBg{ width: 200px; height: 115px;  float: left; position: relative; z-index: 10;}
header.header .topHeader .logoBg .logo{ margin: 20px 0 0 0px;}

/* topright */
header.header .topHeader .topright{ float: right; height: 30px;}
header.header .topHeader .topright .trmenu{ float: left; margin: 9px 10px 0 0;}
header.header .topHeader .topright .trmenu a{ float: left; border-right: 1px solid #fff; padding: 0 10px;}
header.header .topHeader .topright .trmenu a .icons{ float: left;}
header.header .topHeader .topright .trmenu a .txt{ float: left; font-size: 13px; color: #fff; margin: 0 0 0 5px; font-weight: 300;}
header.header .topHeader .topright .trmenu a:hover .txt{ color: #ff0000;}


header.header .topHeader .topright .trlang{ width: 55px; height: 30px; background: #ffc000; float: left; position: relative; cursor: pointer;}
header.header .topHeader .topright .trlang .lgntxt{ font-size: 13px; color: #fff; font-weight: 300; background: url(../images/lopen.png) right center no-repeat; padding: 0 20px 0 0; margin: 8px 0 0 10px; float: left;}
header.header .topHeader .topright .trlang ul{ background: #ffc000; width: 140px; float: left; display: none; position: absolute; z-index: 10; top: 30px; right: 0px;}
header.header .topHeader .topright .trlang ul li{ width: 125px; border-bottom: 1px solid #ff0000; float: left; margin: 0 0 0 8px;}
header.header .topHeader .topright .trlang ul li a{ width: 100%; float: left; padding: 8px 0;}
header.header .topHeader .topright .trlang ul li a .licon{ float: left; margin: 5px 0 0 0;}
header.header .topHeader .topright .trlang ul li a .ltxt{ float: left; margin: 8px 0 0 10px; font-size: 14px; color: #ffffff;}
header.header .topHeader .topright .trlang ul li a:hover .ltxt{ color: #ff0000;}


header.header .search{ width: 55px; height: 50px; background: #13466d; position: absolute; right: -55px; top: 50px; cursor: pointer;}
header.header .search .icons{ float: left; margin: 16px 0 0 20px;}

/* Search Area */
header .search-area { overflow: hidden; width: 0; height: 96px; background: #13466d; position: absolute;right: 0; top: -1px; z-index: 100;}
header .search-area a { margin: 42px 0 0 8px; display: block; float: left; padding: 2px 8px 2px 8px; color: #a5e0f6; font-size: 14px;}
header .search-area a:hover { background: #1c5886; }
header .search-area .search-content { margin: 35px 40px 0 40px; position: relative;}
header .search-area .search-content input { display: none;}
header .search-area .search-content input[type=text] { width: 100%; padding: 0 0 5px 0; background: transparent;border:none;border-bottom: 1px solid #5a99c9;  font-size: 24px; color: #d9eefe;}
header .search-area .search-content input[type=submit] { cursor: pointer; width: 21px; height: 21px; background: url(../images/src.png) no-repeat; position: absolute; right: 0; top:  0 ; border: none;}
header .search-area .search-content input[type=button] { cursor: pointer; width: 21px; height: 21px; background: url(../images/src.png) no-repeat; position: absolute; right: 0; top:  0 ; border: none;}

header .search-area .search-content ::-webkit-input-placeholder {
    color:    #d9eefe;
}
header .search-area .search-content :-moz-placeholder {
    color:    #d9eefe;
}
header .search-area .search-content ::-moz-placeholder {
    color:    #d9eefe;
}
header .search-area .search-content :-ms-input-placeholder {
    color:    #d9eefe;
}


/* menuNav */
nav.nav{ float: right; margin: 50px 0px 0  0; }
nav.nav ul{float: right;}
nav.nav ul li{ float: left;}
nav.nav ul li:last-child{ background: none;}
nav.nav ul li a{ float: left; font-size: 15px; font-weight:bold; color: #0c3d88; padding: 5px 10px 30px 10px;}
nav.nav ul li a:hover{color: #fff;}
nav.nav ul .activem,
nav.nav ul .active {color: #fff;}
nav.nav ul span {background: #022d6d; width: 1px; height: 25px; float: left; display: block;}

/* Menu Effect */
header nav .menu-effect {border-bottom: 5px solid #FFF; position: absolute !important; left: 0; bottom: -5px; z-index: 1;}


/* open */
.open{ background: #fff !important; width:900px; height: auto; display:none; position:absolute; z-index:1; top:120px; left:250px; float:left; padding:0 0 30px 0; z-index: 9;}
.menuOverlay { display: none; left: 0; top: 0; position: fixed; width: 100%; height: 100%; z-index: 998; background: url(../images/overlay.png) repeat;}

.open .oleftArea{ float: left; width: 310px; margin: 40px 0 0 30px; border-right: 1px solid #022d6d;}
.open .oleftArea h1{ float: left; width: 310px; margin: 0 0 10px 0; font-size: 18px; color: #022d6d;}
.open .oleftArea a{color:#022d6d !important; width:87%; font-size:15px !important; float:left; padding:10px 2px 2px 15px !important; margin:0 0 0 0px !important; text-decoration:none; text-align:left; background: url(../images/open-left.png) left 13px no-repeat;}
.open .oleftArea a:hover{ color:#e40980 !important;}

.open .orightArea{ float: left; width: 487px; margin: 40px 0 0 30px;}
.open .orightArea h1{
	float: left;
	width: 487px;
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #022d6d;
	font-family: "Source Sans Pro", sans-serif;
}
.open .orightArea .otext{ float: left; width: 487px; margin: 0 0 0 0; font-size: 14px; color: #828383; line-height: 24px; height: auto; overflow: hidden;}
.open .orightArea .otext p{ float: left; width: 487px; margin: 0 0 0 0; font-size: 14px; color: #828383; line-height: 20px; height: 160px; overflow: hidden;}
.open .orightArea .otext .moree{ float:right; color:#FFF; margin:8px 0 0 0; background:#1c5886; font-size: 14px; padding: 0 10px; height: 25px; line-height: 25px;}
.open .orightArea .otext .moree:hover{ background: #13466d; color: #FFF}

.open .openimages{ float: left; width: 180px; height: 165px; margin: 40px 0 0 30px;}


.sliders{ width: 100%; position: absolute; top: 0; z-index: 0; height: 440px;}
.subsliders{height: 440px !important;}
.groupSubsliders{height: 440px !important;}
.groupSubsliders .sliderimgArea{ width:100%; right: 0px; top: 150px; position: relative; display:block;}
.groupSubsliders .sliderimgArea .sliderimg{ position: absolute;}
.groupSubsliders .sliderimgArea a{ display: inline-block; position: relative; width: 120px; height: 130px;}
.groupSubsliders .sliderimgArea a img{width: 120px; height: 130px;}
.groupOpen{ background: url(../images/grpopen.png) !important; width:350px; height: 120px; display:none; position:absolute; top:15px; right:143px; float:left; padding:5px; z-index: 9;}
.groupOpen .img{ float: left; margin: 10px 0 0 10px;}
.groupOpen .gtxt{ float: left; margin: 10px 0 0 10px; font-size: 14px; color: #ffffff; line-height: 18px; height: 72px; overflow: hidden; width:330px;}



/******** content ********/ 
.content{ width: 100%; float: left;}


/******** identArea ********/  
.content .identArea{ width: 310px; float: left; position: relative; margin: 90px 30px 0 0;}
.content .identArea h1{ width: 100%; float: left; font-size: 18px; color: #24396e; margin: 0 0 10px 0;}
.content .identArea .identBox{width: 100%; float: left; margin: 0 0 0 0;}
.identBox ul{ overflow: hidden; float: left; width: 100%;}
.identBox ul li{ margin:5px 0 0 0; float: left;}
.identBox ul li .imgArea{ width: 310px; height: 177px; position: relative;}
.identBox ul li .imgArea .img{ width: 310px; height: 177px; position: absolute; z-index: 1;}
.identBox ul li .imgArea .txt{ width: 300px; height: 40px; top: 110px; left: 0px; background: url(../images/itext.png); position: absolute; z-index: 2; font-size: 16px; color: #FFF; line-height: 40px; padding: 0 0 0 10px;}
.identBox ul li .itext{ width: 100%; height: 40px; font-size: 14px; color: #828383; line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0 0;}
.identBox .more{ width:100%; float:right; text-align: left; color: #e40980; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}


/******** socialRespons ********/  
.content .socialRespons{ width: 310px; float: left; position: relative; margin: 90px 30px 0 0;}
.content .socialRespons h1{ width: 100%; float: left; font-size: 18px; color: #24396e; margin: 0 0 10px 0;}
.content .socialRespons .socialRBox{width: 100%; float: left; margin: 0 0 0 0;}
.socialRBox ul{ overflow: hidden; float: left; width: 100%;}
.socialRBox ul li{ margin:5px 0 0 0; float: left;}
.socialRBox ul li .imgArea{width: 310px; height: 177px; position: relative;}
.socialRBox ul li .imgArea .img{ width: 310px; height: 177px; position: absolute; z-index: 1;}
.socialRBox ul li .imgArea .txt{ overflow:hidden; width: 300px; height: 40px; top: 110px; left: 0px; background: url(../images/itext.png); position: absolute; z-index: 2; font-size: 16px; color: #FFF; line-height: 40px; padding: 0 0 0 10px;}
.socialRBox ul li .itext{ width: 100%; height: 40px; font-size: 14px; color: #828383; line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0 0;}
.socialRBox .more{ width:100%; float:right; text-align: left; color: #e40980; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}


/******** newsarea ********/  
.content .newsarea{ width: 310px; float: left; position: relative; margin: 90px 0 0 0;}
.content .newsarea h1{ width: 100%; float: left; font-size: 18px; color: #24396e; margin: 0 0 10px 0;}
.content .newsarea .newsBox{width: 100%; float: left; margin: 0 0 0 0;}
.newsBox ul{ overflow: hidden; float: left; width: 100%;}
.newsBox ul li{ margin:5px 0 0 0; float: left;}
.newsBox ul li .imgArea{ width: 310px; height: 177px; position: relative;}
.newsBox ul li .imgArea .img{ width: 310px; height: 177px; position: absolute; z-index: 1;}
.newsBox ul li .imgArea .txt{ width: 300px; height: 40px; top: 110px; left: 0px; background: url(../images/itext.png); position: absolute; z-index: 2; font-size: 16px; color: #FFF; line-height: 40px; padding: 0 0 0 10px;}
.newsBox ul li .itext{ width: 100%; height: 40px; font-size: 14px; color: #828383; line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0 0;}
.newsBox .more{ width:100%; float:right; text-align: left; color: #e40980; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}


/* carousel-direction */
.carousel-direction{ position:absolute; right: 0; top: 0px; height: 20px; padding: 0 0 0 5px;}
.carousel-direction .next{ width: 10px; height: 16px; float: left; background: url(../images/next.png); cursor: pointer; margin: 0 0 0 0;}
.carousel-direction .next:hover{ background-position: bottom;}
.carousel-direction .prev{ width: 10px; height: 16px; float: left; background: url(../images/prev.png); cursor: pointer; margin: 0 10px 0 0;}
.carousel-direction .prev:hover{background-position: bottom;}




/******** footer ********/ 
footer.footer{width: 100%; float: left; height: 90px; position:relative; bottom: 0px;*bottom: 0;z-index:99; margin: 20px 0 0 0;}
footer.footer .topFooter{width: 100%; float: left; height: 50px; background: #9ce0f9; border-bottom: 0px solid #fff;}
footer.footer .bottomFooter{width: 100%; float: left; height: 40px; background: url(../images/bottomfooter.png) center no-repeat; margin: 0px 0 0 0;}
footer.footer .socialArea{ float:left; margin: 0 0px 0 0;}
footer.footer .socialArea .txt{ float:left; height: 50px; line-height: 50px; margin: 0 10px 0 0; font-size: 18px; color: #fff;}
footer.footer .fvideo{ float:right; background: url(../images/fvideo.png) left center no-repeat; padding: 0 0px 0 60px; font-size: 18px; color: #fff; height: 50px; line-height: 50px;}
footer.footer .fvideo:hover{ color: #ff000;}
footer.footer .fbleft{ width: 400px; color: #ff0000;}
footer.footer .fbleft .img{ float: left; margin: 10px 0 0 0;}
footer.footer .fbleft .txt{ float: left; margin: 15px 0 0 25px; font-size: 12px; color: #fff;}
footer.footer .fbleft .txta{ float: left; margin: 15px 0 0 60px; font-size: 12px; color: #999999; font-weight:600;}
footer.footer .fbright{ float: right; margin: 15px 0 0 0;}


.social-network { display:inline-block; background: url(../images/social.png) no-repeat top left; background-position-y: 0; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;                                             
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
	cursor:pointer; border:0px !important; margin-left:11px; margin-top: 17px;
}


/* Normal */
.social-network.facebook{ background-position: 0px 0px; width: 7px; height: 16px; float: left;}
.social-network.twitter{ background-position: -23px 0px; width: 18px; height: 15px; float: left;}
.social-network.pinterest{ background-position: -56px 0px; width: 12px; height: 15px; float: left;}
.social-network.google{ background-position: -83px 0px; width: 18px; height: 15px; float: left;}
.social-network.youtube{ background-position: -116px 0px; width: 38px; height: 15px; float: left;}
.social-network.linked{ background-position: -168px 0px; width: 16px; height: 15px; float: left;}
.social-network.rss{ background-position: -199px 0px; width: 14px; height: 15px; float: left;}
.social-network.flogo{ background-position: -226px 0px; width: 24px; height: 23px; float: left;}

/* Mouseovers */
.social-network.facebook:hover,.active .social-network.facebook{ background-position: 0px -24px;}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -23px -24px}
.social-network.pinterest:hover,.active .social-network.pinterest{ background-position: -56px -24px;}
.social-network.google:hover,.active .social-network.google{ background-position: -83px -24px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -116px -24px}
.social-network.linked:hover,.active .social-network.linked{ background-position: -168px -24px}
.social-network.rss:hover,.active .social-network.rss{ background-position: -199px -24px}
.social-network.flogo:hover,.active .social-network.flogo{ background-position: -226px -30px}


/* subPage
-----------------------------------------------------------------------------*/
header.subheader{ height:330px !important;}
header.groupSubheader{ height:473px !important;}

.content .subPage{ width: 100%; float: left; padding: 0px 0 0 0;}

.substext{ font-size: 36px; color: #0054a0; font-weight: 900; float: right; position: absolute; top: 250px; right: 100px;}
.substext1{ font-size: 36px; color: #0054a0; font-weight: 300; float: right; position: absolute; top: 290px; right: 0px;}


/* leftArea */
.content .subPage .leftArea{ width: 230px; float: left; margin: 10px 0 0 0;}
.content .subPage .title{ width: 100%; height: 35px; float: left; font-size: 25px; color: #112d57; border-bottom: 1px solid #e0e0e0; margin: 10px 0 0 0;}
.content .subPage .leftArea .leftMenu{ width: 100%; float: left; margin: 10px 0 0 0;}

.content .subPage .leftArea .leftLink{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .leftArea .leftLink a{ width: 100%; float: left; margin: 10px 0 0 0; font-size: 18px; color: #24396e; border-bottom: 1px solid #e0e0e0; padding: 10px 0;}
.content .subPage .leftArea .leftLink a:hover{ color:#00b1eb;}
.content .subPage .leftArea .leftLink .icon{ float: left; margin: -3px 10px 0 0;}



/* rightArea */
.content .subPage .rightArea{ width: 720px; float: right; margin: 10px 0 0 0;}
.content .subPage .rightArea .title{ width: 100%; height: auto; float: left; border-bottom: 1px solid #e0e0e0; margin: 10px 0;}
.content .subPage .rightArea .title .txt{ float: left; font-size: 25px; color: #0a2a43; width:580px; margin:0 0 10px 0;}
.textSizer{ float: right;}
.textSizer span{ float:left; padding: 0 10px; border-right: 1px solid #aeaeae; cursor: pointer;}
.printicons{ width: 24px; height: 19px; float: right; margin: 3px 0 0 15px; background: url(../images/print.png); cursor: pointer;}




/* navigation */
.content .navigation{ width: 100%; float: left; border-bottom: 1px solid #e0e0e0; height: 30px; margin: 0 0 0 0; display:none;} 
.content .navigation a{ font-size: 14px; color:#6f6f6f; float: left; padding: 0 10px;}
.content .navigation a:hover,
.content .navigation .active{color:#4c4c4c;}
.content .navigation span{float: left; background: url(../images/nav-span.png); width: 7px; height: 6px; margin: 5px 0 0 0;}



/* elementPage
-----------------------------------------------------------------------------*/

/* detailText */
.content .subPage .detailText{font-size: 14px; color: #828383; line-height: 24px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .detailText .img{ width: auto; height: auto; float: left; margin: 5px 10px 5px 0;}
.content .subPage .detailText .bld{color: #595959; font-weight: 600; display: inline-block;}
.content .subPage .detailText .bimg{ float: left; margin: 0 25px 0 0;}
.content .subPage .detailText a.img { float:left; margin: 0 0 15px 0; height: 35px;}
.content .subPage .detailText p{ text-align:justify;}
.content .subPage .detailText a{ color: #595959;}
.content .subPage .detailText a:hover{ color: #6593b6;}
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box p a{ color: #595959;}
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box p a:hover{ color: #6593b6;}

.content .subPage .detailText h1{ font-size:18px; color:#0a2a43; font-weight:600;}
.content .subPage .detailText strong{ font-size:15px; color:#595959; font-weight:600;}

.content .subPage .detailText ul{ width: 100%; float: left;}
.content .subPage .detailText ul li{ width: 95%; float: left; margin: 10px 0 0 0; padding:0 0 0 15px; background:url(../images/blue.png) 0px 10px no-repeat; font-size:14px;}

.content .subPage .detailText .more{ float:left; color:#FFF; margin:8px 0 0 0; background: url(../images/morer.png) right center no-repeat #1c5886; font-size: 13px; padding: 0 40px 0 10px; height: 25px; line-height: 25px;}
.content .subPage .detailText .more:hover{ background: url(../images/morer.png) right center no-repeat #13466d; color: #FFF;}


.content .subPage .detailText .imgArea{ width:200px; float: left; margin:20px 10px 5px 0;}
.content .subPage .detailText .imgArea .imginside{ width:200px; float: left;}
.content .subPage .detailText .imgArea .imore{ width:150px; float:left; color:#FFF; margin:0 0 0 0; background: url(../images/morer.png) right center no-repeat #1c5886; font-size: 13px; padding: 0 40px 0 10px; height: 25px; line-height: 27px;}
.content .subPage .detailText .imgArea .imore:hover{ background: url(../images/morer.png) right center no-repeat #13466d; color: #FFF;}


.content .subPage .detailText .petekimg{width: 143px; height: 155px; float:left; margin: 0 10px 5px 0;}



/* dowlandArea */
.content .subPage .dowlandArea{font-size: 14px; color: #816f6f; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .dowlandArea ul{ width: 100%; float: left;}
.content .subPage .dowlandArea ul li{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .dowlandArea ul li a{float: left; font-size: 14px; color: #828383; }
.content .subPage .dowlandArea ul li a:hover{color: #1c5886; }
.content .subPage .dowlandArea ul li .icon{ float: left; margin: 0 10px 0 0;}


/* listStyle */
.content .subPage .listStyle{font-size: 14px; color: #828383; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .listStyle ul{ width: 100%; float: left;}
.content .subPage .listStyle ul li{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .listStyle ul li a{color: #828383 !important; font-size:14px;}
.content .subPage .listStyle ul li a:hover{color: #5f497a !important;}

/* photogallery */
.content .subPage .photogallery{float: left; width: 100%; margin: 0 0 20px 0; overflow: hidden;}
.content .subPage .photogallery ul{ width: 100%; float: left; overflow: hidden;}
.content .subPage .photogallery ul li{ width: 160px; float: left; margin: 20px 20px 0 0; position: relative; min-height: 105px;}
.content .subPage .photogallery .nomargin{ margin: 20px 0 0 0;}
.content .subPage .photogallery ul li .img{ width: 160px; height: 105px; float: left; position: absolute; z-index: 1; top: 0px; left: 0px;}
.content .subPage .photogallery ul li .pgtext{ width: 100%; height: 36px; overflow: hidden; line-height: 18px; float: left; font-size: 14px; color: #828383; margin: 115px 0 0 0; text-align: center;}
.content .subPage .photogallery ul li .mask{ width: 160px; height: 105px; float: left; position: absolute; z-index: 2; background: url(../images/mask.png); display: none; top: 0px; left: 0px;}
.content .subPage .photogallery ul li .mask .zoom{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/zoom.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}
.content .subPage .photogallery ul li .mask .video{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/video.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}


/* serti */
.content .subPage .serti{float: left; width: 100%; margin: 0 0 20px 0; overflow: hidden;}
.content .subPage .serti ul{ width: 100%; float: left; overflow: hidden;}
.content .subPage .serti ul li{ width: 130px; float: left; margin: 20px 15px 0 0; position: relative; min-height: 170px;}
.content .subPage .serti .nomargin{ margin: 20px 0 0 0;}
.content .subPage .serti ul li .img{ width: 130px; height: 170px; float: left; position: absolute; z-index: 1; top: 0px; left: 0px;}
.content .subPage .serti ul li .srtext{ width: 100%; height: 36px; overflow: hidden; line-height: 18px; float: left; font-size: 14px; color: #828383; margin: 180px 0 0 0; text-align: center;}
.content .subPage .serti ul li .mask{ width: 130px; height: 170px; float: left; position: absolute; z-index: 2; background: url(../images/mask.png); display: none; top: 0px; left: 0px;}
.content .subPage .serti ul li .mask .zoom{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/zoom.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}


/* formStyle */
.content .subPage .formStyle{float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .formStyle .lt{ width: 350px; float: left;}
.content .subPage .formStyle .rt{ width: 350px; float: left; margin: 0 0 0 20px;}
.content .subPage .formStyle .cell{ width: 100%; float: left; margin: 10px 0 10px 0; position: relative;}
.content .subPage .formStyle .ftOne{ width: 140px; float: left; font-size: 14px; color: #828383; height: 29px; line-height: 29px;}
.content .subPage .formStyle .ftTwo{ width: 10px; float: left; font-size: 14px; color: #828383; height: 29px; line-height: 29px; margin: 0 0 0 8px;}
.content .subPage .formStyle .ftThree{ float: left; font-size: 14px; color: #828383;}
.content .subPage .formStyle .radioText{ float: left; margin: 5px 10px 0 5px; color: #828383;}
.content .subPage .formStyle .chText{ float: left; margin: 5px 10px 0 5px; color: #828383;}
.content .subPage .formStyle .btns{ float: right; background: #1c5886; color: #d9eefe; font-size: 14px; text-align: center; padding: 0 15px 0 15px; height: 30px; line-height: 30px; cursor: pointer; border: none;}
.content .subPage .formStyle .btns:hover{ background: #13466d; color: #FFF}
.content .subPage .formStyle .margins{ margin: 0 0 0 22px !important;}

.lg{ float: left; width: 100%;}
.content .subPage .formStyle .btnsLog{ float: left; background: #085074; color: #FFF; margin: 0 7px; font-size: 14px; text-align: center; padding: 0 15px 0 15px; height: 30px; line-height: 30px; cursor: pointer; border: none;}
.content .subPage .formStyle .btnsLog:hover{ background: #f39200; color: #FFF}
.mr{ float: right !important; margin: 0 65px 0 0 !important;}


/* ylistOne */
.content .subPage .ylistOne{float:left; width:100%; margin:0 0 0 0;}
.content .subPage .ylistBox{ width:100%; float:left; margin:7px 0 15px 0; border-bottom:1px solid #e0e0e0; padding:0 0 15px 0;}
.content .subPage .ylistBox .img{ width: 198px; height: 130px; float: left; margin: 0 10px 0 0;}
.content .subPage .ylistBox h1{display: block; color: #24396e; font-size: 16px; font-weight:600;}
.content .subPage .ylistBox .text{display: block; color: #828383; font-size: 14px; line-height: 24px; overflow: hidden; margin:10px 0 0 0; height:72px; text-align:justify;}
.content .subPage .ylistBox .more{ float:left; color:#FFF; margin:8px 0 0 0; background: url(../images/morer.png) right center no-repeat #1c5886; font-size: 13px; padding: 0 40px 0 10px; height: 25px; line-height: 25px;}
.content .subPage .ylistBox .more:hover{ background: url(../images/morer.png) right center no-repeat #13466d; color: #FFF}
.content .subPage .ylistBox .date{ float:right; color:#1c5886; font-size: 14px; margin: 12px 0 0 0; font-weight: 600; display: none;}

/* accordion */
.pr-content {width: 100%;float:left;margin: 15px 0 50px 0;position: relative;}
/* Accordion */
.elem-accordion { overflow: hidden;}
.elem-accordion .accordion-title {color:#ff9900; font-size:18px; padding: 10px 0; border-bottom: 1px solid #ff0000; cursor: pointer;font-weight: 600;margin: 0 0 10px 0 ;}
.elem-accordion .accordion-title:hover {color:#ff0000 !important; border-bottom: 1px solid #ff9900 !important;}
.atactive {color:#ff0000 !important;  border-bottom: 1px solid #ff0000 !important;}
.elem-accordion .accordion-info { overflow: hidden; margin: 0 0 20px 0; font-size:15px; color:#ff0000;}

/* socialRBoxElem */
.content .subPage .socialRBoxElem{width: 100%; float: left; margin: -40px 0 0 0;}
.socialRBoxElem ul{ overflow: hidden; float: left; width: 100%;}
.socialRBoxElem ul li{ margin:30px 60px 0 0; float: left; width: 330px;}
.socialRBoxElem ul li:nth-child(2n){ margin:30px 0 0 0;}

.socialRBoxElem ul li .imgArea{ width: 330px; height: 160px; position: relative;}
.socialRBoxElem ul li .imgArea .img{ width: 330px; height: 160px; position: absolute; z-index: 1;}
.socialRBoxElem ul li .imgArea .txt{ overflow:hidden; width: 320px; height: 40px; top: 120px; left: 0px; background: url(../images/itext.png); position: absolute; z-index: 2; font-size: 16px; color: #FFF; line-height: 40px; padding: 0 0 0 10px;}
.socialRBoxElem ul li .itext{ width: 100%; height: 40px; font-size: 14px; color: #828383; line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0 0;}
.socialRBoxElem .more{ width:100%; float:right; text-align: left; color: #f39200; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}

/* elementPage
-----------------------------------------------------------------------------*/


/* pagers */
.subPage .pagers{ width: 100%; float: left; margin: 0 10px 0 0; /* border-top: 1px solid #e0e0e0; */ }
.subPage .pagers a{ padding: 0 15px; float: left; height: 30px; line-height: 30px; background: #ebebeb; color: #868686; font-size: 14px; margin: 10px 4px 0 4px;}
.subPage .pagers a:hover,
.subPage .pagers .active{background: #1c5886; color: #d9eefe;}


/* managementArea */
.content .subPage .managementArea{float:left; width:100%; margin:0 0 0 0;}
.content .subPage .managementArea ul{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .managementArea ul li{ width: 230px; float: left; margin: 15px 10px 0 0; cursor: pointer;}
.content .subPage .managementArea ul li:first-child{ width: 100%;}
.content .subPage .managementArea ul li .img{float:left; width:160px; height: 190px; margin:0 0 0 0;}
.content .subPage .managementArea ul li .titles{float:left; width:100%; font-size: 15px; color: #13466d; font-weight: 600; margin: 15px 0 0 0;}
.content .subPage .managementArea ul li .txt{float:left; width:100%; margin:5px 0 0 0; color: #828383; font-size: 15px;}

.colorimg{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.colorimg:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}



/* contactArea */
.content .subPage .contactArea{float:left; width:100%; margin:0 0 0 0;}
.content .subPage .contactArea .titles{float:left; width:100%; margin:20px 0 0 0; font-size: 16px; color: #5b5d5d; font-weight: 600;}
.content .subPage .contactArea .txt{float:left; width:100%; margin:30px 0 0 0; font-size: 14px; color: #828383;}
.content .subPage .contactArea .alltxt{float:left; width:100%; margin:20px 0 0 0; font-size: 14px; color: #828383;}
.content .subPage .contactArea .alltxt a{color: #828383;}
.content .subPage .contactArea .icons{ float: left; margin: 0 10px 0 0 ;}


.content .subPage .contactArea ul{float:left; width:100%; margin:0 0 0 0;}
.content .subPage .contactArea ul li{float:left; width:350px; height: 310px; background: #f5f5f5; margin:20px 20px 0 0;}
.content .subPage .contactArea ul li:nth-child(2n){ margin:20px 0 0 0;}
.content .subPage .contactArea ul li .tit{float:left; width:340px; padding: 0 0 0 10px; height: 38px; line-height: 38px; border-bottom: 1px solid #e0e0e0; font-size: 18px; color: #0a2a43; font-weight: 600;}
.content .subPage .contactArea ul li .lialltxt{float:left; width:330px; font-size: 14px; color: #828383; line-height: 24px; margin: 13px 0 0 10px;}
.content .subPage .contactArea ul li .lialltxt a{font-size: 14px; color: #828383; line-height: 24px;}
.content .subPage .contactArea ul li .licons{ float: left; margin: 3px 10px 0 0 ;}


/* groupTabArea */
.groupTabArea{float:left; width:100%; margin:0 0 0 0; position: relative; top: 273px;}
.groupTabArea ul{float:left; width:100%; border-bottom: 1px solid #e0e0e0;}
.groupTabArea ul li{float:left; width:241px; height: 80px; margin: 0 8px 0 0;}
.groupTabArea ul li:nth-child(4){margin: 0 0 0 0;}
.groupTabArea ul li a{float:left; width:241px; height: 80px; background-position: bottom;}
.groupTabArea ul li a:hover{float:left; width:241px; height: 80px; margin: 0px 0 0 0; background: url(../images/gropok.png) center bottom no-repeat #1c5886;}
.groupTabArea ul li .aactive{float:left; width:241px; height: 80px; margin: 0px 0 0 0; background: url(../images/gropok.png) center bottom no-repeat #1c5886;}

.groupTabArea ul li a .adoo{float:left; width:100%; height: 39px; display: none;}
.groupTabArea ul li a:hover .adoo{ display: none;}
.groupTabArea ul li .adooactive{ display: none !important;}
.groupTabArea ul li a .adoo .img{float:right; margin: 10px 10px 0 0;}


.groupTabArea ul li a .borderr{float:left; width:100%; height: 7px; background: #ffffff; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
.groupTabArea ul li a:hover .borderr{display: none;}
.groupTabArea ul li .borderractive{display: none !important;}



.groupTabArea ul li a .allTxt{ width: 120px; float: left; font-size: 18px; color: #0a2a43; line-height: 20px; height: 40px; overflow: hidden; margin: 10px 0 0 20px;}
.groupTabArea ul li a:hover .allTxt{ color: #FFF; margin: 17px 0 0 20px;}
.groupTabArea ul li .allTxtactive{ color: #FFF !important; margin: 17px 0 0 20px !important;}



.groupTabArea ul li a .iwindow{ width: 26px; height: 42px; float: left; margin: 10px 0 0 10px; background: url(../images/pencere-icon.png);}
.groupTabArea ul li a:hover .iwindow{ background-position: bottom; margin: 17px 0 0 10px;}
.groupTabArea ul li .iwindowactive{ background-position: bottom !important; margin: 17px 0 0 10px !important;}


.groupTabArea ul li a .iconstruction{ width: 35px; height: 36px; float: left; margin: 10px 0 0 10px; background: url(../images/yapi-icon.png);}
.groupTabArea ul li a:hover .iconstruction{ background-position: bottom; margin: 17px 0 0 10px;}
.groupTabArea ul li .iconstructionactive{ background-position: bottom !important; margin: 17px 0 0 10px !important;}



.groupTabArea ul li a .ibusines{ width: 31px; height: 41px; float: left; margin: 10px 0 0 10px; background: url(../images/insaat-icon.png);}
.groupTabArea ul li a:hover .ibusines{ background-position: bottom; margin: 17px 0 0 10px;}
.groupTabArea ul li .ibusinesactive{ background-position: bottom !important; margin: 17px 0 0 10px !important;}



.groupTabArea ul li a .idrilling{ width: 39px; height: 38px; float: left; margin: 10px 0 0 10px; background: url(../images/sondaj-icon.png);}
.groupTabArea ul li a:hover .idrilling{ background-position: bottom; margin: 17px 0 0 10px;}
.groupTabArea ul li .idrillingactive{ background-position: bottom !important; margin: 17px 0 0 10px !important;}



.groupTabArea ul li a .iother{ width: 33px; height: 30px; float: left; margin: 10px 0 0 10px; background: url(../images/diger-icon.png);}
.groupTabArea ul li a:hover .iother{background-position: bottom; margin: 17px 0 0 10px;}
.groupTabArea ul li .iotheractive{background-position: bottom !important; margin: 17px 0 0 10px !important;}


/*	History Page	*/
.content .subPage .rightArea .historical,
.content .subPage .rightArea .historical .history-slide,
.content .subPage .rightArea .historical .history-slide .slide-dates { width: 100%; height: auto; float: left; position: relative;}

.content .subPage .rightArea .historical .history-slide .slide-dates ul {
	width: 685px; height: auto; float: left; background: url(../images/history-line-bg.png) 0 bottom no-repeat;
	padding: 0 0 22px 0; position: relative; overflow: hidden; margin: 0 0 0 15px;
}
.content .subPage .rightArea .historical .history-slide .slide-dates ul .mask {
	height: 57px; float: left; margin: 0; position: relative; overflow: hidden;
}
.content .subPage .rightArea .historical .history-slide .slide-dates ul li { float: left; margin: 0 7px;}
.content .subPage .rightArea .historical .history-slide .slide-dates ul li span {
	color: #787878; font-size: 16px; width: 54px; height: 38px; text-align: center; float: left; padding: 19px 0 0 0;
}
.content .subPage .rightArea .historical .history-slide .slide-dates ul li span.active,
.content .subPage .rightArea .historical .history-slide .slide-dates ul li span:hover {
	background: url(../images/history-date-bg.png) no-repeat; color: white; cursor: pointer;
}

.content .subPage .rightArea .historical .history-slide .slide-dates span.prev,
.content .subPage .rightArea .historical .history-slide .slide-dates span.next {
	width: 11px; height: 18px; position: absolute; background: url(../images/next-prev-btn.png) no-repeat; top: 19px; cursor: pointer; display:none !important;
}

.content .subPage .rightArea .historical .history-slide .slide-dates span.next { background-position: -11px 0px; right: 0px; }
.content .subPage .rightArea .historical .history-slide .slide-area {
	width: 720px; min-height:370px; margin: 15px 0 0 0;
	position: relative; overflow: hidden; float: left; z-index: 5000;
}
.content .subPage .rightArea .historical .history-slide .slide-area ul li { position: absolute; width: 100%; height:170px;}
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box { width: 100%; height: 170px; float: left; }
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box img { float: left; margin: 0 15px 0 30px; }
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box p { font-size: 14px; line-height: 20px; color: #828383; margin: 0 25px 0 0;}
.content .subPage .rightArea .historical .history-slide .slide-area ul li .box p strong { color: #595959; }


/* contactPage */

.contactBox{float:left; width:97%; margin:0 0 20px 0; border-bottom:1px solid #cce1d9; padding: 0 0 10px 0;}
.contactBox .rows{float:left; width:100%; margin:5px 0 5px 0;}
.contactBox .rows .txtOne{float:left; width:125px; color: #5a6360; font-size: 15px;}
.contactBox .rows .txtTwo{float:left; width:5px; color: #5a6360; font-size: 15px; margin: 0 5px;}
.contactBox .rows .txtThree{float:left; color: #5a6360; font-size: 15px; margin: 0 5px;}
.contactBox .rows .maps{ width: 690px; float: left; color: #5a6360; margin: 10px 0 0 0; font-size: 15px; background: url(../images/maps.png) left center no-repeat; height: 28px; line-height: 28px; padding: 0 0 0 30px;}
.contactBox .rows .maps:hover{ color: #0d2e53;}
.contactBox .rows .titles{ width: 100%; float: left; color: #0d2e53; font-size: 17px; margin: 0 0 10px 0;}
.contactBox .rows .titles .conutry{ float: right; height: 20px; line-height: 20px; margin-right: 19px;}
.contactBox .rows .titles .conutry .lgn{ float: left; margin: 0 10px 0 0;}


/*	siteMapArea	*/
.content .subPage .rightArea .siteMapArea{ width: 102%; float: left;}
.content .subPage .rightArea .siteMapArea .smbox{ width: 350px; float: left; margin: 0 17px 0 0;}
.content .subPage .rightArea .siteMapArea .smbox h1{ width: 350px; float: left; color: #0a2a43; font-size: 18px; font-weight: 600; border-bottom: 1px solid #1c5886; height: 30px; line-height: 30px;}
.content .subPage .rightArea .siteMapArea .smbox ul{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .rightArea .siteMapArea .smbox ul li{ width: 100%; float: left; margin: 0 0 0 0; }
.content .subPage .rightArea .siteMapArea .smbox ul li a{ width: 100%; float: left; font-size: 14px; color: #828383; height: 30px; line-height: 30px; border-bottom: 1px solid #ececec;}
.content .subPage .rightArea .siteMapArea .smbox ul li a:hover{color: #13466d;}


.content .subPage .rightArea .siteMapArea .smbox ul li ul{ width: 100%; float: left; margin: 0 0 0 0;}
.content .subPage .rightArea .siteMapArea .smbox ul li ul li{ width: 100%; float: left; margin: 0 0 0 0;}
.content .subPage .rightArea .siteMapArea .smbox ul li ul li a{ width: 95%; float: left; font-size: 14px; color: #13466d; height: 30px; line-height: 30px; padding: 0 0 0 20px; border: none !important;}
.content .subPage .rightArea .siteMapArea .smbox ul li ul li a:hover{color: #828383;}

/* logosArea */
.logosArea{float:left; width:100%; margin:0 0 0 0;}
.logosArea ul{float:left; width:100%;}
.logosArea ul li{float:left; width:100%; border-bottom: 1px solid #e0e0e0; padding: 30px 0;}
.logosArea ul li .logoShow{float:left;}
.logosArea ul li .logodowText{float:left; margin: 0 0 0 10px;}
.logosArea ul li .logodowText .ldt{float:left; width: 220px; font-size: 14px; color: #828383; margin: 5px 0 0 15px;}
.logosArea ul li .logodowText .ldt:hover{color: #0a2a43;}
.logosArea ul li .logodowText .ldt .icons{float:left; margin: -5px 10px 0 0;}


.comms{float: left; width: 100%;}
.comms ul{float: left; list-style: none;}
.comms ul li{float:left; width: 720px; border-bottom: 1px solid #cbcbcb; padding: 10px 0 5px 0;}
.comms ul li p{padding: 5px 25px; float: left; line-height: 20px;  font-size:14px;}
.comms ul li .tit{color:#3f3f3f;   font-size:14px; background:url(../images/comm.png)no-repeat 0 0; padding:0 25px; font-weight:bold;}
.comms ul li .date{color: #a0a0a0; font-size:14px;  padding: 0 25px;} 



.arabosluk{ float:left; height:20px; width:100% }
.araboslukkucuk{ float:left; height:10px; width:100% }