/***********************************************/
/* HTML tag styles */

/*{margin:0;}*/

/*div { border: 1px solid red !important;} */

body,html {height :100%; 
}


body { 
font-family: 'Rubik', sans-serif;
font-weight: 400;
color:#304750;
line-height : 25px; 
margin : 0; 
padding : 0; 
background : #fff; 

/*text-align : justify; */
} 

img {
vertical-align: top;
/*border-color:#f1f1f1;border-width:1px;border-style:solid;*/
max-width: 100%;
}

a:link, a:visited{
color: #304750;
text-decoration: none;

}

a:hover{
text-decoration: none;
color: #3e6979;
}

/************** Header Stilleri **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 5px;
 padding: 5px;
}

h2{
 font: bold 115% Arial,sans-serif;
 color: #334d55;
 margin: 5px;
 padding: 5px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 5px;
 padding: 5px;
}


/********* Form Stilleri *********/

form {
margin:0;
padding:0;

}

label{
 display: inline-block;
 padding:15px 0px 10px 0px;
 
 
}


input[type=image] {
border-width:0px;
padding-right:0px;
padding-top:0px;	
height: 35px;
width: 35px;
border-radius:5px;
float:right;
}

input[type=submit] {
border-width:1px;
width:100px;
}

input[type=checkbox] {
	
width:14px;
box-sizing: border-box;
padding: 0;
vertical-align: bottom;
}

input[type=radio] {
	
width:14px;
box-sizing: border-box;
padding: 0;
 vertical-align: bottom;

}



input[type=file] {
background-image: url('images/fm.png');
background-repeat: no-repeat;
background-position:top;
border-width:0px;
opacity: 1;
height: 50px;
width: 300px;
padding:60px 0 0 0;

}
.upload {
border-width:3px;
border-style:dashed;
/*background-image: url('images/fm.png');*/
/*background-repeat: no-repeat;*/
/*background-position:center;*/
height: 150px;
width: 300px;
padding:10px 0 20px 0;
text-align:center;
}


input{
font-family: Arial,sans-serif; font-size:16px; color:#334d55; 
background-color: #FFFFFF;
border:1px #ccc solid;
width:60%;
height: 35px;
border-radius:5px;
}

input:hover {
background-color: #F0F8FF;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;   
}

.input70 {
background-color: #FFFFFF;
border:1px #ccc solid;
background-image:url('images/input.gif'); 
background-repeat:repeat-x;
width:70%;
min-width:250px;
height: 35px;
border-radius:5px;

}


select{
background-color: #FFFFFF;    
border:1px #ccc solid;
background-image:url('images/input.gif'); 
background-repeat:repeat;
height: 35px;
}

select:hover {
background-color: #F0F8FF;
}

textarea{
font-family: Arial,sans-serif; font-size:16px; color:#334d55; 
border:1px #ccc solid;
width:95%;
height: 200px;
border-radius:5px;
overflow:auto;max-width:100%;
 -webkit-box-shadow: 0 8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray;

}

textarea:hover {

background-color: #F0F8FF;
}


table{
	
border-collapse: collapse;
width:100%; 
border:1px solid #ccc;
/**border-collapse: separate;**/
/**border-radius:10px;**/
}	

td{


border-bottom: 1px solid #ddd;
  padding: 2px;
  text-align: left;
}

th{
height:40px;
background:linear-gradient(to bottom, #f8f8f8,#dcdcdc);
border-bottom: 1px solid #ddd;

  padding: 2px;
  text-align: left;
}

tr:hover {
	
background-color: #f5f5f5;
}

/***********************************************/
/* Divs */
/***********************************************/
@media only screen and (max-width: 480px){
#cerceve,#govde,#sagbolum,#ustalan#ustbolum,#menu,#altalan,.govdeicerigi1,.govdeicerigi2,.govdeicerigi3,.ilanmesaj-resim
{min-width:100%;
}
}
@media only screen and (max-width: 480px){
.ilanmesaj-resim,.resim,.ilanmesaj-cerceve
{width:100% !important;
  min-width: 350px;
}
}
@media only screen and (max-width: 480px){
input
{width:95% !important;
}
input:hover {
background-color: #F0F8FF;
}
select
{width:95% !important;
}
select:hover {
background-color: #F0F8FF;
}

input[type=checkbox] {
	
width:14px !important;
box-sizing: border-box ;
padding: 0 !important;
vertical-align: bottom ;
}

}

#cerceve{
margin-left: auto;
margin-right: auto;
width:100%;
}


@media only screen and (max-width: 768px) {
    .govdeicerigi2 {
        padding: 0 10px;
    }
}

/************** Ustbolum Stilleri ****************/

#ustbolum{
margin: 0;
padding: 0;
background-color: #ededed;
border-bottom : 1px solid silver;
width : 100%;
height: 50px;
float:left;
background: linear-gradient(white,#F0F0F0);
}



/************* Menu Stilleri ****************/

#menu {
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: fixed;
  display: block;
  border-bottom: 1px solid orange;
  background: linear-gradient(white,#F0F0F0);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.20);
  float: left;
  top: 0;
  z-index: 9999; 
}

#menu:hover {

border-bottom : 1px solid #ccc;


} 



#logo {
  display: block;
  float: left;
  
 }


#hamburger {
  display: none;
  
 }

nav {
  margin: 0;
  padding: 0;
  top: 0;
	float: right;
	line-height: 60px;
		
	
}



nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  background: linear-gradient(white,#F0F0F0);
  
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: none;
   
  
}


nav ul li:hover {
/*border:1px #ccc solid;*/
    background-color: silver;
  
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 16px;
   text-decoration: none;
   
  
}



nav ul li ul li:hover { background: #A1D8F7; }




nav a:hover { background-color: #ccc;}

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 180px;
  float: none;
  display: list-item;
  position: relative;
  border:1px #ccc solid;
}





/* Menu Media Queries
--------------------------------------------- */

@media only screen and (max-width: 480px){

#logo {
  padding: 0;
  text-align: center;
  float: right;
  
}


#hamburger {
  display: inherit;
    float: left;  
	padding-top:10px;
	
 }


nav {
  border:0px #ccc solid;
  	float: left;
	width : 100%;
	}


nav ul ul {
 position: relative;
 top:0px;

}


nav ul li {
 display: none;

}

nav ul ul li {
border:0px orange solid;
padding-left:10px;

   
  
}

#menu:hover > nav ul li {
 display: block;
    width: 100%;
	/*display: inherit;*/
	border-bottom : 1px solid #ccc;
}



}


#solbolum{
    /*width: 15%;*/
    float: left;
	margin : 0px;
	padding : 0px;
 /* min-width:250px;*/
	/*min-height: 700px;*/
	
}

#govde{
    width: 100%;
    float: left;
    margin-left: 0px;
    padding: 0px;
    border: 0px solid #f1f1f1;
    min-width: 350px;
    min-height:600px;
}

#sagbolum{
    /*width: 15%;*/
    /*min-width: 300px;*/
    padding-left: 0;
    /*margin:15px;*/
    /*border: 1px solid #f1f1f1;*/
	/*min-height: 700px;*/
    display:inline-block;
     
	

}




/*************** sifresayfasý Stilleri *****************/


/************** govdeicerigi1 Stilleri *****************/




/*************** govdeicerigi2 Stilleri ******************/
.govdeicerigi2 {
    max-width: 1200px;       
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}



/**************** sagicerik Stilleri *****************/

#sagicerik{
/*margin-left:20px;*/
/*padding: 10px;*/
/*min-height: 500px;*/
}

/************** altbolum Stilleri ****************/

#altbolum{
clear: both;
padding: 10px 10px 10px 10px;
margin-top: 0px;
text-align:center;
position: relative;
border-top: 1px solid #cccccc;
background:#f5f5f5;
}

/************** Kayan Resim Stilleri ****************/

#kaykay{border:0px #89cef6 solid;
position: relative;
float:left; 
width:90%;
border: dashed 0px #59f;
margin-right:10px;
padding: 0;

}

.kutu {

float:left; 
border: dashed 0px #59f;
margin-left:10px;
padding: 0;

}


.avatar{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border:1px #89cef6 solid;
    -webkit-box-shadow: 0 8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray;
}

.resim{
display: block;
margin: 0 auto;
width: 98%;
  height: auto;
  border: 1px solid #cccccc;
   border-radius: 5%;
    -webkit-box-shadow: 0 8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray;
			opacity: 1;
}

.resim_b{
display: block;
max-width: 100%;
height: auto !important;
margin: 0 auto;
width: 99.8%;
  height: 500px;
  border: 1px solid #cccccc;
   border-radius: 0%;
    -webkit-box-shadow: 0 8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray;
}


.resim_k{
display: block;
max-width: 100%;
height: auto !important;
margin: 0 auto;
width: 40px;
  height: 30px;
  border: 1px solid #cccccc;
   border-radius: 0%;
    -webkit-box-shadow: 0 8px 6px -6px gray;
	   -moz-box-shadow: 0 8px 6px -6px gray;
	        box-shadow: 0 8px 6px -6px gray;
}



#kaykay img{
height:98px;
width:75px;

}

/*********Anket***************/
.yataymenu ul{list-style-type:none; /*noktalarý kaldýr*/

}
.yataymenu li{display:inline;
border-right:2px solid #ccc;
padding:4px;

}


.uyegirisi{
margin: 0px;
padding: 0px;
margin-left:25px;

}

input.user{
background:url(images/login.gif) no-repeat right;
min-width:200px; 
background-color: #FFFFFF;
}

input.pass{
background:url(images/pass.gif) no-repeat right; 
min-width:200px;
background-color: #FFFFFF;
}
input.button{
background-image:url('images/listeback.gif');

min-width:200px;height:35px; 
text-shadow:silver 0 1px;
border-color:silver;
border-width:1px;
border-style:solid;
width:96%;
}


button{
min-width:200px;height:35px; 
text-shadow:silver 0 1px;
border-color:silver;
border-width:1px;
border-style:solid;
width: 100px;

}



/************** Yorum Mesaj Stilleri ****************/

.ilanmesaj-cerceve{
width:100%;
min-height:100px;
border: 1px solid #d1d1d1;
border-radius: 5px;
padding:5px;
margin-top:0px;
display:inline-block;
background-color:ivory;

}

.ilanmesaj-cerceve:hover{
background-color:ivory;
box-shadow: 0 8px 6px -6px silver;
border-bottom: 2px solid #d1d1d1;
}


.ilanmesaj-resim{
width:120px;
padding-top:5px;
border-bottom: 0px solid #f1f1f1;
float:left;

}

.ilanmesaj-fiyat{
padding:10px 10px 10px 10px;
margin:10px 10px 10px 10px;
width:100px;
background-color:orange;
border-bottom: 1px solid #f1f1f1;
float:right;
border-radius: 10px;
text-align:right;
display:none;

}

.ilanmesaj-ust{

border-bottom: 0px solid #f1f1f1;
padding:5px;
display:flex;
}


.ilanmesaj-icerik{
padding:10px;
min-height:50px;
text-align:justify;
display:flex;
border-top: 1px solid #f1f1f1;

}
.ilanmesaj-alt {
padding:10px;
text-align:right;
border-bottom: 0px solid #f1f1f1;
clear:both;

}


/**************Tablo***************************/


.col-25 {
  float: left;
  width: 20%;
  margin-top: 6px;
  text-align: left;
  padding: 10px 0 5px 5px;
 
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
   text-align:left;
   padding: 10px 0 5px 5px;
  

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout  */
@media screen and (max-width: 600px) {
  .col-25, .col-75{
    width: 100%;
    margin-top: 0;
  }
}


/**************** Liste Stilleri *****************/
.hr2 { 
 border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
} 
.hrdotted { 
border:0px; border-top:1px dotted #cccccc; height:0px;
} 
hr{ 
color : #cccccc; 
background-color : #dddddd; 
height : 1px; 
border : 0; 
width:95%;
text-align:left;
margin-left:2px;
} 



/********************* end **********************/