body { margin: 0px; padding: 0px; font-stretch: condensed; background-image: url('bg/1.png'); font-size: 13.5px; font-family: 'Open Sans', sans-serif; line-height:inherit; word-wrap:break-word;}
.forDesktop {display: block;}
.forMobile {display: none;}

ul { margin: 0px; padding: 0px; }
	ul li { list-style-type: none; float: left; }
	
a { text-decoration: none; color: Black; font-family: 'Open Sans', sans-serif; }

.general { width: 960px; height: auto; margin-left: auto; margin-right: auto; margin-top:95px; }

.MadeInSiteTecnologies { background-color: #7A96A4; width:100%; padding:3px 0px; min-height: 20px; height:auto; color: Black; font-size: 12px;
                          text-align:center; }


/* Responsive iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height:auto; overflow: hidden;}
.video-container iframe,object,embed {position: absolute;top: 0;left: 0;width: 85%;height: 85%;}


/*Custom backToTop */
.backToTop { position:relative; width:100%; height:0px; text-align:right; z-index:2; }
img#imgBackToTop { position: fixed;width: 42px;height: 42px;text-indent: -9999px;bottom: 30px;right: 20px;  display:none;}
img#imgBackToTop:hover { cursor:pointer; }


.steps a { text-decoration:underline; color:#183CCA; }
.contentRightEx a { text-decoration:underline; color:#183CCA; }
.steps img {width: 100% !important;height:auto !important; padding-top: 10px;}                        
.contentRightEx img { max-width:100%; padding-top:5px;}
.stepArea { width:90%; height:auto; padding-left:10%; }
.steps { width:100%; height:auto;  margin-top:25px; }
.stepsNumber { width:8%; height:auto; background-color:#EFEDD7; float:left; text-align:center; font-size:18px; font-weight:bold; }
.stepsDetail { width:75%; height:auto; font-size:12px; font-weight:bold; padding:2%; margin-left:1%; float:left; height:auto; border:1px solid #4D7991; border-radius:5px;  }
div.explanation { background-color:#ececec; font-size:12px; padding:10px 2%; width:92%; margin-left:auto; margin-right:auto; border-radius:5px; font-weight:bold;}
                          

.header { width:100%; min-width:100%; height:50px; box-shadow: 0 4px 4px -2px #000; padding:12px 0px 8px 0px; 
          position:fixed; top:0px; z-index:100; background-color:#c7ced2; }
.headerCenter { width:1050px; height:50px; margin-left:auto; margin-right:auto; }
.headerCenterLeft { width:220px; padding-left:10px; height:50px; float:left; }
.headerCenterRight { width:770px; margin-left:50px; height:auto; float:left; }

.headerCenterRightTop { width:810px; height:20px; }
.headerCenterRightUnder { width:810px; height:25px;  padding-top:5px; }
.headerCenterRightUnder ul li { margin:0 5px; }
.headerCenterRightUnder ul li a{font-family:monospace; }

.indieText {font-weight:bold; font-family: 'Indie Flower', cursive; letter-spacing:2px; font-size:20px; }
.customHR { width:90%; border-top:1px dotted #353F4F; font-size:2px; margin:10px 0px 0px 5px;  }
/*NEW BEGIN*/
.content { width:100%; height:auto; margin-left:auto; margin-right:auto; }
.contentLeft { width:200px; height:auto; float:left; }
.contentRight { width:730px; margin-left:30px; height:auto; float:left;}
.contentRightEx { width:94%; height:auto; padding:15px 3%;  background-color:#DBDBDB;}

.title { background: url(images/dotted_white.png) left top repeat;font-weight: bold;color: #F2594B;  background-color:#353f4f;}
.sideTitle {width:180px; height:25px; padding:8px 10px 5px 10px;}
.titleGeneral { width:94%; padding:8px 3% 5px 3%; height:25px; }

.sideContent {width:190px; height:auto; padding-top:10px;  padding:5px 5px;background-color:#353f4f; color:White; font-size:12px;}
.sideContent a {color:#F2594B;}
.sideContentItem { width:180; min-height:16px; height:auto; padding:8px 5px; }
.sideContentItem a {color:White; font-size:13px; }
.sideContentItem a:hover {text-decoration:underline;}
.sideContentItem.nested1 { width:160px; padding:4px 0px 0px 20px; font-size:12px;}
.sideContentItem.nested1 a { font-size:11 px;}
.sideContentItemSeperator { color:White; font-family:'Indie Flower', cursive;}

.empty { width:100%;  height:20px; }


.articleSummaryRepeatDiv { width: 98%; padding: 10px 1%; }
.articleSummaryRepeatDivSol { width:10%; max-width: 50px; height: 50px; float: left; background-color: Black; border-radius: 25px; color: White; font-size: 10px; text-align: center; }
.articleSummaryRepeatDivSolUst { width: 100%; height: 15px; }
.articleSummaryRepeatDivSag { width: 86%; margin-left: 2%; min-height: 178px; height:auto; border: 1px solid Black; float: left; }
.articleSummaryRepeatDivSagSolBosluk { width: 5%; float: left; min-height: 178px; height:auto; }
.articleSummaryRepeatDivSagSolOrta { width:95%; float:left; min-height: 178px; height:auto; }
.articleSummaryRepeatDivSagOrta { width: 100%; float: left; min-height: 178px; height:auto; }
.articleSummaryRepeatDivSagOrtaBosluk { width: 100%; height: 10px; }
.articleSummaryRepeatDivSagOrtaTitle { width: 96%; min-height: 20px; height: auto; border-bottom: 2px solid Black; overflow: hidden; }
.articleSummaryRepeatDivSagOrtaSummary { margin-top: 5px; width: 95%; padding:0px 5% 0px 0px; height: 80px; font-size: 12px; overflow: hidden; }
	.articleSummaryRepeatDivSagOrtaSummary a img { width: 100%; padding:0px 10%; height: 80px; }

.articleSummaryRepeatDivSagOrtaTitle a { font-weight: bold; font-size: 18px; }
	.articleSummaryRepeatDivSagOrtaTitle a:hover {text-decoration: underline;}
.articleSummaryRepeatDivSagBaslikAlti { width: 100%; height: 5px; }
.articleSummaryRepeatDivSagOrtaExtra { margin-top: 5px; width: 100%; height: 50px; font-size: 12px; overflow: hidden; }
.articleSummaryRepeatDivSagOrtaExtraItem { width:95%; padding:5px 5% 5px 0px;  height:15px; font-weight:bold;}
.articleSummaryRepeatDivSagOrtaExtraItemSpan { color:Blue; font-weight:bold; }


.footer { width:100%; height:auto; padding:10px 0px; background-color:#353F4F; color:White; font-size:12px; margin-top:20px; text-align:center; }
.footer a { color:White; font-size:13px;} 
/*NEW END*/
			
.newSlider { width: 900px; height: 290px; border: 1px solid Black; position: relative; }
.newSliderResim { width: 900px; height: 290px; overflow: hidden; }
	.newSliderResim ul li a img { width: 900px; height: 290px; }
.newSliderButon { position: absolute; width: 900px; height: 40px; top: 250px; }
.newSliderButonSol { width: 680px; float: left; height: 40px; }
.newSliderButonSag { width: 220px; float: left; height: 40px; background-image: url('images/newSliderButonArka.png'); background-repeat: no-repeat; }
.newSliderButonSagOrtala { width: 180px; height: 40px; float: left; }
.newSliderButonSag ul li { height: 30px; padding-left: 5px; padding-right: 5px; color: White; font-size: 18px; }
	.newSliderButonSag ul li:hover {cursor: pointer;}
	.newSliderButonSag ul li:hover {color: Red;}
	
	
.newReklamYeri { width: 900px; min-height: 40px; height: auto; margin-top: 5px; border: 1px solid Black; background-color: #dbdbdb; }
.newReklamYeriBosluk { width: 900px; min-height: 2px; }
.newReklamYeriSol { width: 160px; min-height: 20px; height: auto; float: left; background-image: url('images/sozler.png'); background-repeat: no-repeat; }
.newReklamYeriSag { width: 730px; padding-right: 10px; height: auto; float: left; font-size: 12px; font-weight: bold; }
	.newReklamYeriSag:hover {cursor: default;}
.newReklamYeriSagBosluk { width: 740px; height: 10px; font-size: 10px; }


.newContent { width: 900px; height: auto; margin-top: 5px; }


.newFooter { width: 900px; height: 69px; font-size: 13px; margin-top: 5px; background-color: Black; color: White; }
.newFooterSol { width: 150px; height: 69px; float: left; }
.newFooterOrta { width: 670px; height: 69px; float: left; text-align: center; color: White; }
	.newFooterOrta a { text-decoration: underline; color: White; }
		.newFooterOrta a:hover {color: Red;}
.newFooterSag { width: 80px; height: 69px; float: left; }


.newContenttSol { width: 730px; float: left; }
	.newContenttSol a { color: #2D44DF; font-weight: bold !important; text-decoration: underline !important; }
.newContentSol {width: 730px;}
.getContentAjax { width: 730px; height: auto; }
.newContentYorumlar {width: 730px;}
.newContentYorumYaz { width: 730px; height: auto !important; }
.commentsAreaSetWidth {width: 580px; margin-left: auto; margin-right: auto; height: auto;}
.newContentSolCerceve { width: 710px; padding:0px 10px; height: auto; background-color: #dbdbdb; font-weight: normal; }
.newContentSag { width: 160px; float: left; margin-left: 10px; }
.newContentSagKategorileme { width: 158px; height: auto; float: right; margin-top: 5px; border: 1px solid Black; }
.newContentSagKategorilemeBaslik { width: 158px; height: 30px; background-color: Black; color: White; font-size: 24px; font-weight: normal; }
.newContentSagKategorilemeIcerik { width: 158px; background-color: #dbdbdb; height: auto; min-height: 120px; margin-left: auto; margin-right: auto; }
.newContentSolBaslik { width: 96%; height: 20px; padding:10px 2%; margin-top: 5px; background-color: Black; color:White; font-size:18px; }
.newContentSolBaslikYaziKismi { width: 700px; float: left; height: 49px; color: White; font-size: 16px; }
.newMakaleOzetDiv { width: 580px; min-height: 140px; height: auto; margin-top: 25px; border: 5px solid Black; }
.newMakaleOzetDiv2 { width: 580px; min-height: 160px; height: auto; margin-top: 25px; border: 5px solid Black; }
.newMakaleBaslik { width: 580px; height: auto; min-height: 30px; background-color: Maroon; color: White; font-size: 15px; font-weight: bolder; }
.newMakaleKategoriBilgi { width: 580px; margin-left: auto; margin-right: auto; height: 20px; }
.newMakaleOZet { width: 580px; margin-left: auto; margin-right: auto; font-size: 11px; color: Black; font-weight: bold; height: 80px; overflow: hidden; }
.newMakaleOZet2 { width: 580px; margin-left: auto; margin-right: auto; font-size: 13px; color: Black; font-weight: bold; height: 150px; overflow: hidden; }
	.newMakaleOZet2 a img { width: 580px; height: 150px; }
.newMakaleEkstraBilgi { width: 580px; height: 30px; background-color: #FFFFCE; font-weight: bold; font-size: 11px; }
.newArticleExtraInformation { width:100%; height:15px; padding:3px 0px; background-color:#FFFFCE; }
.newArticleExtraInformationItem { width:30%; float:left; margin-left:3%; font-size:13px;}

.newMakaleBaslik a:hover {text-decoration: underline;}
.newContentSagKategorilemeIcerik ul li { width: 158px; min-height: 25px; padding-top: 5px; height: auto; }
	.newContentSagKategorilemeIcerik ul li a {font-size: 15px;}
	.newContentSagKategorilemeIcerik ul li:hover {background-color: #FF9999;}
.temizle {clear: both;}
.clear  { clear:both; min-height:1px; font-size:1px; width:100%; }
.clearLong {clear:both; min-height:10px; font-size:5px; width:100%;}
.clearResponsive { font-size:0px; min-height:0px;  max-height:0px;}



#that {color: #CC0000;}
.categoriPager { background-color: Black; color: White; padding: 5px 8px 5px 8px; cursor: pointer; }

.categoriAllPager { background-color: Black; color: White; padding: 5px 8px 5px 8px; cursor: pointer; font-size: 11px; }
.madeInTagDiv { width: auto; height: 35px; float: left; }
.madeInTagDivSol { width: auto; background-color: Black; padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 25px; float: left; color: White; }
.madeInTagDivSag { width: 35px; height: 35px; float: left; background-image: url('images/tagIcon.png'); background-repeat: no-repeat; }

.siteEmpty { width: 900px; min-height: 3px; }
.reklamArea { width: 728px; height: 90px; border: 1px solid Black; }



/* COMMENT AREA*/
.commentMain { width:728px; height:auto; margin-top:25px; }
.commentSub { width:600px; height:auto; float:right; padding-right:30px; margin-top:30px; }
.commentDiv { width:100%; }
.commentDivUserInfo { width:100%;  height:45px; }
.commentAvatar { width:auto; float:left; }
.commentAvatar img { width:45px; height:39px; }
.commentAvatar.sub img   { width:35px; height:35px;  }
.commentDetail { width:auto; float:left; margin-left:2%; }
.commentDetailTop { width:100%; height:18px; color:#2D9D92; font-size:18px; }
.commentDetailUnder { width:100%; height:14px; padding-top:5px;  color:#E65300; font-weight:bold; font-size:14px; }
.commentDivUserComment { width:89%; padding:0% 2% 0% 9%; height:auto; font-size:13.5px; }
.commentDivUserComment a { color:Blue; font-weight:bold; text-decoration:underline;}
.commentDivUserComment img { width:100%; height:auto !important; }


.writeAnswerButton{ width:90%; height:auto; padding-right:10%; text-align:right; margin-top:5px; }
.writeAnswerButton input { border-radius:5px; padding:3px 8px 3px 8px; color:White; background-color:#353F4F; }
.articleCommentAnswerArea { width:100%; height:auto; }
.commentDetailTop.adminComment, .commentDivUserComment.adminComment { color:Green; font-weight:bold;}
.paging { width:100%; height:auto; }
.paging ul li { padding:4px; background-color:#ddd; margin:4px  }
.paging ul li a {color:Blue;}



/* COMMENT FROM AREA */
.commentForm { width:100%;  height:auto;}
.commentFormLineText { width:100%; height:auto; font-size:15px;  }
.commentFormLineElement {  width:100%; height:auto; }
.commentFormLineElement input { border-radius:2.5px; border:1px solid #525252; width:230px; height:25px; }
.commentFormLineElement input.long { width:300px; }
.commentFormLineElement textarea { border-radius:2.5px; border:1px solid #525252; }
.commentFormLineWarning { width:97%; padding-left:2%; color:Red; font-size:12px; }
.btnFormClass { border:2px dotted #494949;  color:#F2594B; font-size:20px;  background-color:#353F4F; border-radius:5px; padding:4px; font-size:16px; font-weight:700; }


span.relationTitleSpan { width:auto; height:auto; padding:2px 15px 2px 6px; color:#F2594B; font-size:20px;  background-color:#353F4F; border-right:2px dotted #fff;  }
span.relationArticleTitleSpan  { width:auto;height:auto;padding:2px 15px 2px 15px; font-size:20px;  background-color:#3C3C3C; border-right:2px dotted #fff; font-weight:400;}
span.relationArticleTitleSpan a { color:#B5E5F4; font-size:18px; font-weight:400; }

.anchor-article-tag { color:black !important; text-decoration:none !important; background-color: #c9ced1;padding: 1px 5px;border-radius: 3px;border: 1px solid #bab7b7; }
.anchor-article-tag:hover {background-color: #e6e9eb;}

/*FOR RESPONSIVE BEGIN*/
@media screen and (max-width:768px) {
    img { width: 100%; height: auto !important; max-width: 100%; max-height: 100%; }
    input[type="text"] { width:95% !important; border-radius:5px;  height:auto !important;  }
    input[type="password"] { width:95% !important; border-radius:5px;  height:auto !important; }
    select { width:95% !important; border-radius:5px;  height:auto !important; }
    select option { font-size:3.5vw !important; }
    textarea { width:95% !important;border-radius:5px; height:90px; }
    input[type="submit"] { cursor:pointer; border-radius:5px; width:95% !important; height:auto !important;}
    
    .forDesktop { display:none;}
    .forMobile { display:block;}
    
    
    
     /* Responsive menu CSS */
    .panelMain { position:relative; display:none; height:auto; z-index:101;  }
    .panel {width:200px; border-left:5px solid #E2750B; border-bottom:5px solid #E2750B; border-bottom-left-radius:3px;  border-top-left-radius:3px; position:fixed;
            right:-205px;top:10px; border-radius:0px; height:300px;background-color:Black; overflow-y:auto; color:White; font-size:12px; }
    
    .responsive-menu{ position:relative; z-index:2; }
    .responsive-menu a { position:fixed; right:10px; top:8px;   background-color: #E2750B; border-radius: 3px;}
    
    .panelTitle { width:165px; padding-top:8px; padding-left:15px; font-size:16px; color:White; font-weight:700;  border-bottom:1px #fff dotted; }
    .panelItem { width:150px; padding:4px 10px 3px 20px;  }
    
    .panelItem.nested1 { width:130px; font-size:11px;  padding-left:20px;}
    .panelItem.nested1 a { font-size:11px;}
    .panelItem a { color:White; font-size:13px; }
    
    /*GENERAL */
    .general { width:100%}
    .siteEmpty { width: 100%;}
    .newContent { width: 96%; padding:0% 2%;}
    
    .newContenttSol { width: 100%; float:inherit; }
	.newContentSol {width: 100%;}
    .getContentAjax { width:100%; height: auto; }
    .newContentYorumlar {width: 100%;}
    .newContentYorumYaz { width: 100%;}
    
    .newContentSolCerceve { width: 94%; padding:0% 3%; height: auto; background-color: #dbdbdb; font-weight: normal; }
    .newContentSag { width: 100%; float:inherit; margin-left: 0px; }
    .newContentSagKategorileme { width: 100%; height: auto; float: right; margin-top: 5px; border: 1px solid Black; }
.newContentSagKategorilemeBaslik { width: 100%; height: 30px; background-color: Black; color: White; font-size: 24px; font-weight: normal; }
.newContentSagKategorilemeIcerik { width: 100%; background-color: #dbdbdb; height: auto; min-height: 120px; margin-left: auto; margin-right: auto; }
.newContentSolBaslik { width: 96%; height: 20px; padding:10px 2%; margin-top: 5px; background-color: Black; color:White; font-size:18px; }

.newArticleExtraInformation { width:100%; height:auto; padding:0px 0px; background-color:#FFFFCE; border-bottom:1px solid Black; }
.newArticleExtraInformationItem { width:100%; padding:2px 0%; border-top:1px solid Black; float:inherit; margin-left:0%; font-size:13px;}


.newContentYorumlar {width: 100%;}
.newContentYorumYaz { width: 100%; height: auto !important; }
.newContentSolBaslik.tops { margin-top:30px; }
.paging { height: auto !important; width:100%; padding-bottom: 10px; padding-left: 0px; }


/* NEW BEGIN*/
.contentLeft { width:200px; height:auto; float:inherit; display:none; }
.contentRight { width:96%; padding:0px 2%; margin-left:0px; height:auto; float:inherit;}

.titleGeneral { min-height:25px; height:auto; }

.articleSummaryRepeatDivSag { height:auto;}
.articleSummaryRepeatDivSagOrtaSummary { height:auto;}
.articleSummaryRepeatDivSol { border-radius:0px;}
.articleSummaryRepeatDivSagSolBosluk {  height:auto; }
.articleSummaryRepeatDivSagSolOrta {  height:auto; }
.articleSummaryRepeatDivSagOrta { height: auto; }
/*NEW END*/


/*COMMENT
.newYorumcuDiv { width: 100%; margin-left: auto; margin-right: auto; height: auto; border: 0px solid Black; }
.newYorumCizgi { width: 100%; background-color: #464646; min-height: 2px; }
.newYorumcuAd { width: 100%; height: 20px; color: Maroon; font-size: 12px; font-weight: bold; }
.newYorumcuIcerik { width: 100%; height: auto; font-size: 12px; font-weight: bold; color: Black; min-height: 40px; }
.newYorumSayfalari { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.newYorumYazTekDiv { width: 100%; height: auto; }
.newYorumYazTekDivSol { width: 100%; height: 20px; float:inherit; text-align:left; font-size: 15px; }
.newYorumYazTekDivOrta { width:  100%; height: 20px; float: inherit; }
.newYorumYazTekDivSag { width:  100%; height: 20px; float: inherit; }
.newYorumYazTekDivSolUzun { width: 100%; height: 20px; float: inherit; text-align: left; font-size: 15px; }
.newYorumYazTekDivOrtaUzun { width: 100%; height: 140px; float: inherit; }
.newYorumYazTekDivSagUzun { width: 100%; height: 20px; float: inherit; }
.newYorumYazTekDivSolOrta { width: 100%; height: 20px; float: inherit; text-align: left; font-size: 15px; }
.newYorumYazTekDivOrtaOrta { width: 100%; height: 20px; float: inherit; }
.newYorumYazTekDivSagOrta { width: 100%; height: 20px; float: inherit; }


.commentsAreaSetWidth {width: 100%; margin-left: auto; margin-right: auto; height: auto;}
.newContentYorumYaz span { color: #FFF; float: left; background: url(images/errorbg.png) no-repeat; background-position: left top; clear: both; }
.newYorumYazTekDivSag span { margin-top:5px; color: #FFF; float: left; font-size: 12px; background-image:none; background-position:inherit; background-color:Red; padding:2px 3px; clear: both; }
.newYorumYazTekDivSagUzun span { color: #FFF; float: left; font-size: 12px; line-height: 12px; background: url(images/errorbg.png) no-repeat; background-position: left top; clear: both; }
*/


 /* COMMENT AREA*/
.commentMain { width:100%; height:auto; margin-top:25px; }
.commentSub { width:80%; height:auto; float:right; padding-right:30px; margin-top:30px; }

}



@media screen and (max-width:300px) 
{
    .headerCenterLeft a img { max-width:200px;}
    }