 /* ######  Blok Desktop CSS ######  */ 
 /* ######  Blok Desktop CSS ######  */ 
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import 'https://fonts.googleapis.com/css?family=Share';
/* ------------------------------------------------------------------------------------------- CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
html,body {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
input {border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;} 
/* ------------------------------------------------------------------------------------------- CSS reset */
body {font-family: 'Dosis', sans-serif;font-size:18px;}
/*internet explorer scrollbalken*/
body{
scrollbar-base-color: #333333; 
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: #FFFFFF;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;
}
@-moz-document url-prefix(http://),url-prefix(https://)
{
scrollbar {-moz-appearance: none !important;background: rgb(0,255,0) !important;}
thumb,scrollbarbutton {-moz-appearance: none !important;background-color: rgb(0,0,255) !important;}
thumb:hover,scrollbarbutton:hover {-moz-appearance: none !important;background-color: rgb(255,0,0) !important;}
scrollbarbutton {display: none !important;}
scrollbar[orient=vertical] {min-width: 15px !important;}
} 
::-webkit-scrollbar {background: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(51,51,51, 1);border: 1px solid #333333;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0,0.3);}
/* ------------------------------------------------------------------------------------------- */
.cb-slideshow li div h3 {color:#ffffff;margin-bottom:80px;font-size: 70px;}
.renk1 { background-color:#375385;}
.renk2 {background-color:#323946;}
.renk3 {overflow:hidden;background-color:#CC3366;}
.logo{clear:both;float:none;overflow:hidden;text-align:center;margin:0 auto;}

#renk_degistirme_butonlari {position:absolute;top:12px;right:-750px;display:none;}
#renk_degistirme_butonlari input{width:15px;height:15px;border:1px solid #ffffff;}
#mavi {background-color:#418FE8;}
#yesil {background-color:#00CC99;}
#kirmizi {background-color:#DA4453;}
#siyah {background-color:#000000;}
.fa {padding:5px;}
#adres_tel1 {clear:both;float:none;padding:10px;text-align:center;font-family: 'Dosis', sans-serif;font-size:16px;color:#D2D2D2;}
#adres_tel1 a {color:#d5d5d5;}
#adres_tel1 .baslik {font-size:22px;}

#dikey-blok {clear:both;float:none;background-image:url('/images/geneldepo/div/div-kare-1/pattern.png');z-index:1;}
#icerik-blok:empty{display:none;}


/* ------------------------------------------------------------------------------------------- */
.menu1
{
clear:both;float:none;padding:10px;text-align:left;
background-image: url(/images/geneldepo/div/kare-seffaf-1/sade/x50_al_sade.png);
margin-top:-5px;z-index:999;
}
.menu1 ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0;}
.menu1 ul li{font-weight:bold;padding-bottom: 2px;color:#ffffff;border-bottom:1px dotted #454678;}
.menu1 ul li:last-child {border-bottom: none;}
.menu1 ul li a{font: bold 12px Arial;color: #ffffff;display: block;padding: 5px 0;line-height: 22px;padding-left: 8px;text-decoration: none;}
.menu1 ul li a:visited{color: #cccccc;border-bottom:1px dotted #454678;}
.menu1 ul li a:hover{color: #ffffff;;background: #000000;}
/* ------------------------------------------------------------------------------------------- */
.clear{clear: both;}
/* max: 1024 @media screen and (max-width:59em){ */
@media only screen and (min-width:1000px)
{
		body {
		background-color:#7895CB;
		background-image: url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sol/30_ak_sade.png);
		}
		.alt_ust_seritler{position:fixed;width:100%;min-height:40px;z-index:0;}
		.sabit_icon_linkler {clear:both;float:none;text-align:center;vertical-align:middle;width:100%;max-height:31px;height:31px;margin-top:9px;}
		
		#yardimci_butonlar {display:none;position:absolute;top:130px;left:360px;background-color:#FFFFFF;}
		#addthis {position:fixed;right:0;left:-920px;bottom:-10px;clear:both;float:none;overflow:hidden;vertical-align:middle;text-align:center;width:200px;margin:0 auto;height:40px;}
		#tema {position:fixed;right:0;left:630px;top:0px;clear:both;float:none;overflow:hidden;vertical-align:middle;text-align:center;width:500px;margin:0 auto;}
		#designer {clear:both;float:none;overflow:hidden;vertical-align:middle;text-align:center;padding:5px;margin-left:0;margin-right:0;background-color:#222222;margin-top:30px;}
		#xxdesigner {position:fixed;right:0;left:880px;bottom:10px;clear:both;float:none;overflow:hidden;vertical-align:middle;text-align:center;padding:5px;margin:0 auto;width:150px;}
		
		#ust-blok {top:0px;}
		#alt-blok {bottom:0px;}
		
		#dikey-blok {
		position:fixed;
		top:0px;left:-810px;right:0;margin-left:auto;margin-right:auto;vertical-align:top;max-width:298px;
		/* bottom:0;height:auto;height:100vh; */
		}
		#icerik-blok {
		position:absolute;top:60px;left:0;right:0;
		clear:both;float:none;overflow:auto;margin:0 auto;
		width:1200px;max-width:90%;height:81%;
		padding-left:350px;padding-bottom:40px;padding-top:20px;
		border-bottom:20px solid #333333;
		background-image: url(/images/geneldepo/div/kare-seffaf-1/sade/40_ak_sade.png);

		}
		#icerik-blok:empty{display:none;}
}



@media only screen and (max-width:999px)
{


		body {background-color:#d9d9d9;}

		#ust-blok,
		#alt-blok,
		#slider1,
		#tema,
		#yardimci_butonlar,
		#designer, 
		#adres_tel1 .baslik, 
		#addthis {display:none;}
		#icerik-blok:empty {display:none;}
		#dikey-blok {position:absolute;clear:both;float:none;left:0;right:0;margin:0 auto;margin-top:-60px;width:100%;max-width:100%;z-index:99;}
		#icerik-blok {position:absolute;width:100%;max-width:100%;left:0;right:0;margin:0 auto;top:470px;background:#ffffff;color:#444444;}
		.logo img{max-height: 15em;width: auto !important;margin:0 auto;text-align:center;}		
		.menu1 {margin-top:-320px;}
		.menu1 ul {margin-top:305px;}

}


.sayfa_icerigi {
clear:both;float:none;overflow:hidden;padding:5px; 
color:#000000;
/* 
background:#f5f5f5 url(/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sag/20_yesil_sade.png);
border-left:1px dashed #919D51; border-right:1px dashed #919D51;
*/
}
.sayfa_icerigi .resimler{
clear:both;float:none;padding:5px;margin:0 auto;
/* font-weight:normal;line-height: normal; */
color:#336600; text-align: center;
}
/* .sayfa_icerigi .resimler .kayit .alan:empty{display:none;} */
.sayfa_icerigi .resimler .kayit {
background: url(10_kara_sade.png); /*  50% no-repeat; */
border-bottom:5px solid #444444;border-top:0px solid #444444;
max-width: 210px;min-width:210px;
max-height:210px;min-height:210px;
padding: 10px;margin: 5px;
text-align:center;vertical-align: top;
display: -moz-inline-stack;display: inline-block;
zoom: 1; *display: inline;
font-weight:400;font-size:16px;font-family: 'Dosis', sans-serif;color:#222222;
}
.sayfa_icerigi .resimler .kayit:hover{
background:url(20_ak_sade.png);color:#336633;font-size:14px;
transform: scale(1.07) rotate(3deg);transition: all 0.2s ease-in-out 0s;
-moz-transform:: scale(1.07) rotate(3deg);-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transform: scale(1.07) rotate(3deg);-webkit-transition: all 0.2s ease-in-out 0s;
-o-transform: scale(1.07) rotate(3deg);-o-transition: all 0.2s ease-in-out 0s;
}
/* .sayfa_icerigi .resimler .kayit:hover img {border:0px dotted #ffffff;border-bottom:5px solid #ffffff;} */
/* .sayfa_icerigi .resimler .kayit-active{ background: #039fd3 url(gridw.png) 50% no-repeat; } */
.sayfa_icerigi .resimler .kayit * {text-decoration: none;clear:both;float:none;overflow:hidden;margin: 5px 0;min-height:40px;}
.sayfa_icerigi .resimler .kayit a { color:#ffffff;}
.sayfa_icerigi .resimler .kayit img {max-height: 150px;min-height: 150px;max-width:210px;min-width:210px;border-bottom:0px solid #9966CC;}
.sayfa_icerigi p {padding:10px;}
.sayfa_icerigi  table{width:100%;}
.sayfa_icerigi  table tr{border-bottom:2px solid #d1d1d1;}
.sayfa_icerigi h1,
.sayfa_icerigi h2,
.sayfa_icerigi h3 {clear:both;padding:8px;font-family: 'Dosis', sans-serif;color:#003366;}
h1 {font-size:34px;text-align:right;padding-right:20px;border-bottom:4px solid #222222;margin-bottom:10px;}
h2 {font-size:26px;}
h3 {font-size:22px;}



form *, form:before, form:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
form {padding: 1em;max-width: 700px;text-align: center;margin: 20px auto;}
form input, form textarea, form  
{
border: 0;outline: 0;padding: 1em;display: block;width: 100%;margin-top: 1em;resize: none;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
form  {min-width:350px;} 
#MailForm_Captcha {width:150px;}
.sayilar {clear:both;float:left;padding:10px;}
form input:focus, form textarea:focus 
{
-moz-box-shadow: 0 0px 2px #e74c3c !important;-webkit-box-shadow: 0 0px 2px #e74c3c !important;box-shadow: 0 0px 2px #e74c3c !important;
}
form #send {color: white;background: #e74c3c;cursor: pointer;}
form #send:hover
{
-moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
-webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
form textarea {height: 200px;}
.half {float: left;width: 48%;margin-bottom: 1em;}
.right {width: 50%;}
.left {margin-right: 2%;}
@media (max-width: 480px) { .half {width: 100%;float: none;margin-bottom: 0;} }
.cf:before, .cf:after  {content: ;display: table;}
.cf:after {clear: both;}


#alt-blok
{


}



#alt-blok
{


}
