* {
    box-sizing: border-box;
}

table,td,tr
{
	/*font-family: Georgia, "Times New Roman", Times, Verdana, serif;*/
	font-family: 'Open Sans','RaleWay', sans-serif;
	font-size: 12px;
	letter-spacing:0.1em;
	line-height:1em;
	color:#666;	
}

div#web
{
width:955px;
overflow:hidden;
border-left:solid 1px #f4f4f4;
border-right:solid 1px #f4f4f4;
background:#fff url(/AkgunWeb/Images/topbg.gif) 0 0 repeat-x;	
margin:0px auto 0px auto;
padding:0px 0px 0px;
background-color:#fff;
}



.clear 
{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
overflow:hidden;
}

div#uyeDiv
{
	width:950px;
	height:31px;	
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0px;
	z-index:999;
	background:#000;
}

div#uyeadi
{
	padding-top:5px;
	float:right;
	color:#000;
}


div#tepe
{
	width:950px;
	height:46px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;	
	position:relative; top:-31px;
	background:#000;
	
}

div#logo
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:350px;
	text-align:left;
	height:100px;
	background:url(/AkgunWeb/Images/logo.gif) no-repeat;
	border:solid 0px blue;
	position:relative; top:0px;	
}

div#diller
{
	float:right;
	padding-left:8px;
}

div#menu
{
	float:right;
	width:596px;
	border:solid 0px red;
	position:relative;
	top:45px;
	left:4px;
	padding:0px 0px 0px;
	margin:0px 0px 0px;
	background:#000;
}

div#content
{
	position:relative; top:0px;
	height:100%;
	width:950px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px; 
	background:#fff;
	font-size: 130%;
	color: #000;
	background-color:#fff;/*#eaeaea;*/
	border:0px solid #777;
}


/*Çalışan aktif bölüm*/
.uyeMenu
{    
     float:right;
     color:#000; 
     padding:8px;
     margin:0px 2px;
     cursor:pointer;  
     /*font-weight:bold;*/  
     font-size:11px;
     background-color:#9a9a9a;
     border-radius:0px 0px 7px 7px;
    -moz-border-radius:0px 0px 7px 7px;
    -ms-border-radius:0px 0px 7px 7px;
    -o-border-radius:0px 0px 7px 7px;
    -webkit-border-radius:0px 0px 7px 7px;
    }
 
 .uyeMenu:hover
 {
    background:#c24050;
    color:#fff;
} 

 .araMenuStyle
 {
     float:left;
     color:#fff; 
     padding:5px;
     margin-left:-20px;          
     cursor:pointer;  
     font-weight:bold;   
}

.clear {font-size:0px; padding:5px; border-bottom:1px solid #afafaf; height:1px; color:#afafaf;}

div#solAnaMenu
{
height:100%; float:left;margin:auto; 
width:10%;  color:#333;
/*min-width:95px !important;*/
font-family: 'Open Sans','RaleWay', sans-serif;
font-size:15px;
line-height:1.5625;
/*border-right:1px solid black;*/
padding-top:30px;
/*border:1px solid black; */
}

div#altgrupDiv
{
margin: auto; text-align:center; 
/*float:left;*/
width:98%;
display:inline-table;
display:block;

/*border:1px solid red; */
/*text-align:center;*/
}

div#urunlerDiv
{
margin:auto; 
<!--float:left; -->
text-align:center; 
width:98%;
<!--border:1px solid blue;  -->  
}


div.anaMenu
{
 background:#e0e0e0; 
 width:87px;
 margin:3px; 
 height:36px;
 padding:8px 0px; 
 color:#000; 
 font:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
 text-align:center;  
border-radius:7px 0px 7px 0px;
-moz-border-radius:7px 0px 7px 0px;
-ms-border-radius:7px 0px 7px 0px;
-o-border-radius:7px 0px 7px 0px;
-webkit-border-radius:7px 0px 7px 0px;
 } 
 
 
 div.altMenu
{
background:#e0e0e0; 
width:75px;
/*min-width:80px !important; */
margin:5px;
height:36px;
padding: 10px 0px;
display:inline-table;
font-family: 'Open Sans','RaleWay', sans-serif;
font-size: 12px;
letter-spacing:0.1em;
line-height:1em;
color:#000;	    

border-radius:0px 7px 0px 7px;
-moz-border-radius:0px 7px 0px 7px;
-ms-border-radius:0px 7px 0px 7px;
-o-border-radius:0px 7px 0px 7px;
-webkit-border-radius:0px 7px 0px 7px; 
 } 

div.anaMenu:hover,div.altMenu:hover
{
 background:#848484; 
 text-decoration:underline;  
 cursor:pointer;  
 color:#fff; 
 font-weight:bold;
 } 
 
 div.baslik
{
background:#848484;
-moz-box-sizing: content-box;
width:100%;
height:25px;

color:#fff;
margin:0px 0px 0px 0px;
padding-top:5px;
text-align:center;
font-family: 'Open Sans','RaleWay', sans-serif;
letter-spacing:0.1em;
line-height:1em;
}

 div.satir
{
background:#848484;
-moz-box-sizing: content-box;
width:100%;
height:25px;

color:#fff;
margin: 0px;
padding:0px 5px 0px 5px;
text-align:left;	
font-family: 'Open Sans','RaleWay', sans-serif;
/*letter-spacing:0.1em;
line-height:1em;*/
}
 

div.whiteLine
{
    border:solid 1px #fff; font-size:0px; margin-bottom:5px;
}

div.blackLine
{
    border:solid 1px #000; font-size:0px; margin-bottom:5px;
}
	
div.kutu
{	
	/*background:#e0e0e0;*/
	width:280px;
	height:210px;
	margin:6px;
	padding:0px;
	border:solid 1px #000;
	text-align:center;
	display:inline-table;

}

@media only screen and (max-width:500px)
{
   /*div#solAnaMenu {position:relative; z-index:999;}*/
   div#urunlerDiv {float:left;}
   div.araMenuStyle {float:right;}
   
   #slider-wrapper {display:none;}
 
   /*
   div#solAnaMenu {min-width:80px; width:80%; border:1px solid #000;}
   div#urunlerDiv {min-width:80px;}
   div#altgrupDiv {min-width:80px;} 
*/
   
    /*
    div#solAnaMenu {min-width:80px !important;}
    div#urunlerDiv {float:right;}
    div#altgrupDiv {min-width:150px !important; float :right;}    
    */
}

@media only screen and (max-height:500px)
{#slider-wrapper {display:none;}
    
    }

div#kod
{
	background:#666; /*#848484;*/
	color:#fff;
	height:18px;
	font-size:12px;		
	font-family: 'Open Sans','RaleWay', sans-serif;
	font-weight:bold;
	position:relative;
	margin-bottom:2px;
	padding-top:3px;
	text-decoration:underline;
	/*top:-10px;*/
}	

table.Katalog
{
margin:0px auto 0px auto;
}

table.innerKatalog
{
margin:0px auto 0px auto;
padding:0px 0px 0px;
}

table#urunBilgi,table#urunBilgi td
{
	font-family: 'Open Sans','RaleWay', sans-serif;
}


img.kucukResim
{
cursor:pointer;
border:none;
width:240px; 
height:240px;
position:relative;
/*top:-8px;*/
}


img.ornekResim
{
border:none;
padding:0px 0px 0px 0px;
margin:0px 20px 0px 20px;
	
}


div#footer
{
	clear:both;	
	width:957px;
	height:25px;
	background:#e0e0e0 url(/AkgunWeb/Images/bleftSilver1.gif) no-repeat bottom left;
	margin:0px auto 0px auto;
	padding:5px 0px 0px 0px;	
	font-size:1.0em;
	color:#000;	
	z-index:0;
}


span.etiket
{
	margin:0px; padding:3px 0px 3px 10px;
	width:100%;
	font-weight:900;	
	text-align:left;	
	display:block;
}

a.alogin
{
font-size:9px;
color:#ff6600;
padding:5px;
text-decoration:none;
letter-spacing:0.8pt;
}

a.alogin:hover
{
	text-decoration:underline;
	color:#000;
}


a.sayfaok
{
    font-weight:bolder;
    font-size:16px; 
    color:#000; 
    cursor:pointer; 
    text-decoration:none;
    }

a.sayfaok:hover
{
  text-decoration:underline;
}

/*Gridview onmouseover olayı için*/
div#uyeler table,div#uyeler th,div#uyeler tr,div#uyeler td
{
	border-color:#000;
	font-size:x-small;	
}
.row1
{
    background: #CECECE;
    color:#666;    
} 
.row2
{
    background: #fff;
    color:#666; 
}

.row1:hover, .row2:hover
{
    cursor: pointer;
    background:#FFA500;
    color:#fff;
}

table#tableUyeler td
{
text-align:left; 
color:#555; 
font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-color:#000;

}

table#tableUyeler
{
	border-collapse:collapse;
	border-color:#000;
}



tr#headerRow
{
	color:White;
	background:#1C5E55;
	border-color:#000;
	font-weight:bold;
}


/*Admin Bölümü İçin*/

div#adminmenu
{
	width:100%;	
	height:20px;
	margin:0px;
	padding-top:5px;
	text-align:center;
	vertical-align:middle;
	/*border:1px solid blue;*/
}

div#adminmenu a
{
	color:#000;
	margin:0px;
	padding:3px;
	line-height:25px;	
	/*border:1px solid white;*/
}

div#adminmenu a:hover
{
	color:#fff;
	background-color:#2b2b2b;	
}

.w3-display-topleft{position:absolute;left:0;top:0}
.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}
.w3-display-bottomright{position:absolute;right:0;bottom:0; color:Red; font-weight:bolder;}

.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn-floating{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}  
.w3-container{padding:0.01em 12px}
.w3-container:after{content:"";display:table;clear:both}

.w3-padding-5{padding:6px;}

.w3-padding-16{padding-top:24px!important;padding-bottom:24px!important}
.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}

.w3-large{font-size:13px!important;font-weight:bolder; color:#fff;background-color:#9e9e9e}

.w3-btn-floating{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}
.w3-btn-floating{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s}


#imgResim    
{
border-radius: 10px;  
display:inline-block;
margin:23px auto auto;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */    
    z-index: 1; /* Sit on top */
    padding:0px; /* Location of the box */
    
    position: fixed;
    left: 0;
    top: 0;
           
    width: 100%; /* Full width */    
    height: 100%; /* Full height */
    
    overflow:hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background: rgba(0,0,0,0.9); /* Black w/ opacity */  
    text-align:center; 
    line-height:100%;       
}

/* The Close Button */
.close {
    position: absolute;
    top: 50px;
    right: 10px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;  
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

.filterLabel
{
    font-weight:bold;
    font-size:12pt;
    font-family:'Open Sans','RaleWay',sans-serif;
    margin:0px 2px 0px 2px;
    display:inline-table;
}