body{
font-family: 'Roboto', sans-serif;
background-color:#e3e3e3;
}

.mavibant{
width: 100%;
  height: 155px;
background: #066a87; /* Old browsers */
background: -moz-linear-gradient(left,  #066a87 0%, #00b7ea 44%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#066a87), color-stop(44%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #066a87 0%,#00b7ea 44%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #066a87 0%,#00b7ea 44%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #066a87 0%,#00b7ea 44%,#009ec3 100%); /* IE10+ */
background: linear-gradient(to right,  #066a87 0%,#00b7ea 44%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066a87', endColorstr='#009ec3',GradientType=1 ); /* IE6-9 */

position: absolute;
top: 0;
left: 0;
}
.ustmenuici{
margin:0 auto; position:relative;  display: table;height: 120px; width: 1000px;
}

.logo{
    width: 300px;
  float: left;
  height: 90px;
  //border: 1px solid black;
}


.kategorimenu{
position: relative;
  z-index: 2;
  float: left;
  height:43px;
  width: 100%;
 
  }

.kategorimenu ul{
  position: relative;
padding: 0px;
  margin-top: 14px;
}
.kategorimenu ul li{
display:inline;
color:white;
font-weight:700;
font-size:20px;
padding: 0 20px 0 0;
float: right;
margin-top:-8px;
}

.kategorimenu ul li:hover{
border-top:2px solid  #3B5998;
border-bottom:2px solid  #3B5998;
}

.kategorimenu ul li:active{
border-bottom:3px solid  #3B5998;

}


.menugiris{
  float: right;
  position: relative;
  top: 15px;
  padding: 4px;  
}

.menugiris > p{
color:white;
font-size:14px;
}

.uyeol{
width:170px;
height:40px;
background-color:#f48233;
margin-bottom:5px;
border:1px solid #f48233;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.uyeol > p > a{
  color: white;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  top: 11px;
  left: 51px;
}


.ustmenualti{
width: 1000px;
  height: 50px;
  background: #f2d5c1; /* Old browsers */
background: -moz-linear-gradient(top,  #f2d5c1 0%, #f26000 70%, #f26000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2d5c1), color-stop(70%,#f26000), color-stop(100%,#f26000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2d5c1 0%,#f26000 70%,#f26000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2d5c1 0%,#f26000 70%,#f26000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2d5c1 0%,#f26000 70%,#f26000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2d5c1 0%,#f26000 70%,#f26000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d5c1', endColorstr='#f26000',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;

  }
.icerik{
  width: 1000px;
  height: auto;
  position: relative;
  margin: 0 auto;
  display: table;
  max-width: 1000px;
}
.kategori{
width:30px;
height:200px;
position:fixed;
left:0;
background: #066783;
top: 189px;
z-index:1;
}


.slider{
width: 1000px;
max-height:300px;
*background-color:red;
position:relative;
float:left;
margin-top: 10px;
overflow:hidden;
}

.iddiakutu{
	width: 320px;
  height: auto;
  background-color: white;
  position: relative;
  float: left;
  margin: 10px 6px 0px 6px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
    -webkit-box-shadow: 0 1px 1px 0 #d3d3d3;
    box-shadow: 0 1px 2px 0 grey;  
}


.bosluk{
width: 9px;
  float: left;
  height: 1px;
}

.iddiaresim {
position:relative;
float:left;
width:100%;
height:220px;
}

.iddiaresim img{
width:100%;
min-height:120px;
float:left;
border-radius: 8px 8px 0 0;
}


.paylasalan{
  width: 100%;
  position: relative;
  background: #5E5EA0;
  color: white;
  z-index: 9;
  float: left;
}

.footer{
width:1000px;
height:210px;
margin:0 auto;
position:relative;
background-color:white;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
  float: left;
  margin-top: 10px;
overflow:hidden;
  }


.mavi{
background-color:#57adff;
width:100%;
height:22px;

}

/*
başladı
*/


.clear,.clearfix{clear: both;}
.col{float:left;box-sizing:border-box;}

.div-share-social:hover .share-button{display: none !important;}
.div-share-social:hover .share-main{display: block !important;margin-top: -12px;}
.btn{width:100%;background-color:#5E5EA0;color:white;padding:10px;}
.mdi-social-share:before{content:"\e8df"}
.pure-button{
  display: inline-block;
  width: 19%;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  padding: .5em 1em;
  background-color: #E6E6E6;
  box-sizing:border-box;
}
.display-block{display: block;}

.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-linkedin:before { content: "j"; }
.socicon-mail:before { content: "@"; }

/*
bitti
*/

.kisakonu {
position: relative;
*margin-bottom: 20px;
font-weight: 700;
font-size: 27px;
*width: 95%;
float:left;
min-height: 50px;
padding:5px;
}

.kategorisatir{
width: 90%;
position: relative;
margin: 0 auto;
}
.cizgi{
width: 100%;
height: 24px;
background: url("../../images/baslik.png") 0 0 repeat-x;
float: left !important;
font-size:16px;
}

.devaminioku{
  position: relative;
  float:left;
  width:90%;
  font-size: 12px;
  font-weight: 500;
*height: 40px;  
}
.ekleyenkisi{
  position: relative;
  float:left;
  width:100%;
  font-size: 11px;
  opacity: 0.5;
}

.oylamalar{
width: 100.1%;
position: relative;
float: left;
color: white;
}

.yaziortala{text-align:center;}
.yaziortala > a {text-decoration: none;  color: black;}

.kirmizi{background: url("../../images/kirmizi.png") 0 0 repeat-x; height: 6px; position: relative; z-index: 1; line-height: 50px;float:left;font-weight:300;}
.siyah{background: url("../../images/siyah.png") 0 0 repeat-x; height: 6px; position: relative; z-index: 1; line-height: 50px;float:left;font-weight:300;}
.yesil{background: url("../../images/yesil.png") 0 0 repeat-x; height: 6px; position: relative; z-index: 1; line-height: 50px;float:left;font-weight:300;}
.turuncu{background: url("../../images/turuncu.png") 0 0 repeat-x; height: 6px; position: relative; z-index: 1; line-height: 50px;float:left;font-weight:300;}

.secenek{*background: url("../../images/zemin.png") 0 0 repeat; min-height: 32px; position: relative; z-index: 1; line-height: 30px;float:left;font-weight:300; text-shadow: 1px 1px 1px #bbb;font-size: 20px;border-radius: 5px;}
.secenek:hover {background: url("../../images/sec.png") 97% 5px no-repeat;}
.siteneekle{ min-height: 20px !important; margin-bottom: 20px !important;font-size: 17px; *height: 20px; line-height: 20px; }
.siteneekle:hover {background-size: 22px;}
.siteneekle { margin-top: -14px !important; }

.paylas{
  width: 100%;
  position: relative;
  background: #5E5EA0;
  color: white;
  z-index: 9;
  float: left;
}

.paylas > p{
padding:10px;
}

p{
  margin:0;
}

span.cizgi > span{
background: #ffffff !important;
padding:0 10px;
}

.oylamalar > p{
color:black;
font-size:13px;
padding:5px;
}

.sticky {
position: fixed;
height:50px;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
border-radius:0;
margin:0;
padding:0;
}

.mobilmenu{
display:none;
}

.aciklamakutu{
*background-color:white;
float:left;
  margin: 10px 0px 10px 0px;
  padding: 2px 0px 10px 0px;
border-radius: 6px;
width:100%;
}

.aciklamaresim img{
width:100%;
}

.aciklama{
padding:10px;

}

.benzeriddia{
width: 100%;
height:100px;
background-color:white;
float:left;
margin-top:10px;
}

.benzerresim{
position:relative;
}

.benzerresim img{
width:100px;
height:100px;
float:left;
}

.benzeriddia > p{
width:calc(100% - 190px);
padding:10px;
float:left;

}

.benzerbaslik{
padding:10px;
color:white;
font-size:20px;
background-color:#F48233;
margin:10px;
}


.aciklamakutu > form > div > .satir >  input, select, textarea{
  padding:10px;  
    width: 100%;
   -moz-border-radius:6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    -khtml-border-radius: 6px; /* KHTML */
    border-radius: 6px; /* CSS3 */
 border:solid 1px #A59F9F;
  outline: 0;
    outline-style:none;
    outline-width:0;
}

.inputlar{
padding: 10px;
width:83%;
float:left;
font-size:18px;
*color:#979696;	
  -moz-border-radius:6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    -khtml-border-radius: 6px; /* KHTML */
    border-radius: 6px; /* CSS3 */
min-height: 10px !important;
}
	
 }
 
.aciklamakutu > div > .satir >  textarea{
  width:100%;
}

.aciklamakutu > div > .satir >  input:focus, select:focus, textarea:focus{
border:1px solid #dd0000;
border-bottom:2px solid #dd0000;
}

.satir{
  width: 100%;
  margin-bottom: 15px;
  display: inline-flex;
}
.kucuk{
width: 35px;
  float: left;
  margin-left: 10px;
  height: auto;
  font-size: 30px;
  color: white;
}
.aciklamakutu > form > .kategorisatir > input[type=submit]{
  padding: 6px;
  width: 100%;
color:white;
  margin-top: 10px;
  font-size: 20px;
  border:3px solid #f48233;
  background-color:#f48233;
  font-weight: 700;
  border-radius:6px;
}

.eksi:before{
content:"-";
}
.kisa{
width:63% !important;
float:left;
margin-right:10px;
}

.aciklamakutu > .kategorisatir > a > input.facebook[type=submit]{
border:3px solid #3B5998;
background-color:#3B5998;
}

.aciklamakutu > .kategorisatir > a > input[type=submit]{
padding: 7px;
width: 35%;
float:left;
margin-top: 10px;
font-size: 18px;
font-size: 6vw;
  border:3px solid #f48233;
  background-color:#f48233;
font-weight: 700;
color:white;
}

.buyuk > input{
  width: 78%;
}

ul.left-panel > li > a, ul.right-panel1  > li > a{
color: white;
text-decoration: none;
list-style-position: inside;
list-style-type: none; 
float: left;
}

ul.left-panel > li, ul.right-panel1 > li{
list-style-position: inside;
list-style-type: none; 
float:left;
width:100%;
left: -38px;
position: relative;
}


@media screen and (min-width:1000px) {
	.solsutun{ float:left; width: 68%; margin: 0 10px 0 0; }
	.sagsutun{ float:left; width:31%; margin: 10px 0 0 0; }
	.oylandi{ position: absolute; margin-left: 570px; margin-top:5px;}
	.slider img { margin-top:-50px;}
}

@media screen and (max-width:1000px) {
	.solsutun{ float:left; width: 100%; margin: 0 10px 0 0; }
	.sagsutun{ display:none; }
	.oylandi{ position: absolute; margin-left: 80%; margin-top:5px;}
}

@media screen and (max-width:1070px) and (min-width:100px) {

	.iddiakutu{
	width:100%;
	float:left;
	}
	.ustmenuici, .footer{
	width:100%;
	}
	.icerik{
	width:94%;
	}
	
	.benzeriddia, .aciklamakutu, .ustmenualti, .slider{
	width:100%;
	}
	.mobilmenu{
	display:block;
	}
	.mobilmenu > #page > #left-panel-link1{
	color: white;
  text-decoration: none;
  top: 136px;
  left: 5px;
  position: absolute;
	
	}
	 .mobilmenu > #page > #right-panel-link1{
	color: white;
  text-decoration: none;
  top: 136px;
  right: 5px;
  position: absolute;
	 
	 }
	
	
	.menu, .menugiris, .kategorimenu, .kategori, .bosluk, .sticky, .div-share-social{
	display:none;
	}
	
	
	
	.benzerbaslik{
	  float: left;
	  width: 94%;
	  margin: 0;
	  margin-top: 10px;
	}
	.mobiliddiaekle{
	margin-left:21px !important;
	
	}
}

a.linkler {
color: white;
text-align: center;
line-height: 36px;
text-decoration: none;
}

a.linkler :hover {
color: black;
text-align: center;
line-height: 36px;
text-decoration: none;
}

a.listeleme {
color: black;
text-align: center;
line-height: 30px;
text-decoration: none;
}

a.listeleme :hover {
color: black;
text-align: center;
line-height: 30px;
text-decoration: none;
}