a{text-decoration:none;   outline: none }        
        
        BODY {
margin:0px; padding:0px

}
    
.menum { right:25px;  } 
.menum a { color:#0080C0}  
.menum div { display:inline-block ; vertical-align:top ; font-family: 'PT Sans', sans-serif; font-weight:700;color:#0080C0;  margin:20px 15px 25px 10px;  padding:5px ; text-align:left !important ;  border:0px solid #FFFFFF  }        
.menum div:hover {  color:#000000 } 



.menum div > div { display:none ; border:0px solid #FF0000 ;padding:5px 5px ; width:250px ; background-color:#FFFFFF  }
.menum div > div a div{ display:block !important ; text-align:left !important ;  margin:0px 0px 2px 0px;border-bottom:1px solid #DDDDDD }
      


.ortalatan{width:100%; max-width:1100px ; margin:0px auto ;  left:0px ; right:0px }
 
 
.ackapa {  display:none;  }  
#ackapaUST {  display:none;  }  

.dil {  
  
    line-height: 1;
    border: 0;
    border-radius: 5px;
    padding:3px;
    background: url("../images/ok2.png") no-repeat right #EEEEEE;
    -webkit-appearance: none;
    background-position-x: 51px; 
    }
 
 

  .enTepe{ padding-top:5px}     
 
 
 .slogan { background-color:rgba(11,92,171,.7); padding:20px 40px 20px 40px;width:100%  ; max-width:600px;margin:0px auto; left:0px  ; right:0px ;  margin-top:27%; margin-bottom:7%; text-align:center ;font-family: 'Oxygen', sans-serif; color:#FFFFFF; font-size:2em; font-weight:300 ;     }
  .slogan  span{ font-family:News Cycle; font-size:.8em; font-weight:400; line-height:1.1em}


.araslo {  max-width:1000px ; left:0px ; right:0px ; margin:0px auto; margin-top:30px; margin-bottom:32px ; background-color:#f3f3f3; text-align:center;  padding:35px 50px 35px 50px }

 .slo2 { font-family: 'News Cycle', sans-serif; color:#3C3C3C; font-size:2em; font-weight:700 ;    }
 .slo2alt {  font-family: 'News Cycle', sans-serif;  color:#5B5B5B; font-size:large ; font-weight:300 ; line-height:20px}
 

.blist div { border:1px solid #D8D8D8; background:#F3F3F3; display:inline-block; margin:10px; padding:12px; font-family: 'News Cycle', sans-serif; color:#3C3C3C; font-size:1.2em; font-weight:700 ;   }  
 
 .acilan{position:relative}
     
.altMenu {  position:absolute ;z-index:9999; border:0px solid #ff0000 !important ; max-width:1100px ; left:0px ; right:0px ; margin:0px auto;  padding:55px 0px 55px 0px ;   } 
.altMenu div  {  display:inline-block; vertical-align:middle;  font-family: 'News Cycle', sans-serif;  font-size:1em ; color:#1d3ca7; margin-right:30px } 
.altMenu div:hover  {  color:#09AFFF; } 
 
 .altbar { font-family: 'News Cycle', sans-serif;  color:#3C3C3C; font-size:1em ; color:#5B5B5B;  } 
  .altbar a{ font-family: 'News Cycle', sans-serif;  color:#3C3C3C; font-size:1em ; color:#5B5B5B;  }
                   
 
  .atla {  white-space: pre-wrap   } 
    
  .teperes {position:relative;  background-size: cover;     background-position:top  center;      height: 200px;    width: 100%; }
  
 .tepeYazi {
 position:absolute; bottom:40px;text-align:center ; width:100%;  
 font-family: 'Oxygen', sans-serif; color:#FFFFFF; font-size:2.5em; font-weight:400 ;  text-shadow: 0px 0px 20px rgba(0, 0, 7, 1);   
 } 


.solmenu { margin-top:50px  }

.solmenu div {
font-family: 'PT Sans', sans-serif; color:#0080C0; font-size:1.1em ;
border-bottom:1px solid #DADADA;width:250px; padding:5px 0px 5px 25px; margin-bottom:10px;
-webkit-box-shadow: 0px 3px 3px 0px rgba(71,71,71,0.2);
-moz-box-shadow: 0p 3px 3px 0px rgba(71,71,7,0.2);
box-shadow: 0px 3px 3px 0px rgba(71,71,71,0.2);

-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;

}

.solmenu div:hover { background-color:#098be6;color:#FFFFFF }
  
 
.icTas {  margin-top:43px; margin-left:45px; width:750px ;}
 
.icBas {  border-bottom:1px solid #CFCFCF; width:100%;font-family: 'PT Sans', sans-serif; color:#494949; font-size:1.8em ; margin-bottom:8px ; padding-bottom:4px } 
.icerik {   font-family: 'News Cycle', sans-serif;  color:#5B5B5B; font-size:medium ; font-weight:300 ;  }        
.icerik a {color:#B90000}
  
.altbasliklar div{  }
  
.altbasliklar   a div{border:none !important ; font-size:.7em !important; margin:0px 0px 0px 0px !important ; padding:5px 0px 5px 10px !important ;color:#414141 !important }
  
    
.ortaTas {  max-width:1100px;margin:0px auto; left:0px ; right:0px; padding:0px 10px 0px 10px; margin-top:35px }
  
.bas{   font-family: 'PT Sans', sans-serif; font-weight:700;font-size:2em ; color:#0c8ddf ; border-bottom:1px solid #C0C0C0 ; margin-bottom:15px }
.bas a {   font-family: 'PT Sans', sans-serif; font-weight:300;font-size:0.9em ; color:#0c8ddf ; }   
.bas a:first-child {    font-size:0.7em ; color:#A0A0A0  } 
   
.udAnares{  max-width:1100px; width:100%; -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;     background-size: cover;background-position:center  ; text-align:right ; padding:30px 0px 30px 0px }
  
.gMenu {display:inline-block;margin:150px 0px 150px 0px }  

.gMenu div{ display:block; background-color: rgba(255, 255, 255, 0.8); width:200px; padding:5px 12px 5px 12px ; margin:5px 12px 5px 12px; text-align:left ;     
font-family: 'PT Sans', sans-serif; font-weight:300;font-size:1.5em ; color:#000000 ;

     -webkit-transition: background .3s ease-out;
     -moz-transition: background .3s ease-out;
      -o-transition: background .3s ease-out;
      transition: background .3s ease-out;  
          
     transition: transform 0.6s;
             
 }  

.gMenu div:hover{ background-color: rgba(255, 255, 255, 1); 
    transition: transform 0.6s;
    transform: translate(25px, 0px);
 }


      
 
 .haber { font-family: 'News Cycle', sans-serif;   display:inline-block; vertical-align:top;  margin-right:20px; position:relative  ; background-color:#FFFFFF; width:224px;  padding:18px }      
.haber:hover  a{   color:#FFFFFF  }
.haber:hover{    background-color:#2f3265;   } 
.haber:hover span {     color:#FFFFFF  }

.haber:hover div { opacity:1}
.renk{position:absolute;background-color:#2f3265; width:204px; height:150px;opacity:0}       
.renk2{position:absolute;background-color:#2f3265; width:160px; height:150px;opacity:0}

.haber a{  font-size:13px; color:#3B3B3B; }     

.haberbas {  font-size:18px; color:#3B3B3B; font-weight:700}     


.refers div {  display:inline-block; border:1px solid #DDDDDD; padding:10px 20px 10px 20px  ; margin-right:40px ; margin-bottom:40px }


.kutular > div { display:inline-block ; box-sizing: border-box; background-position:center center; background-size:cover ;cursor:pointer; height:450px;  border:4px solid #FFFFFF; padding:0px }

.kutular  div >  a div { display:table !important; height:100%;width:100%; text-align:center ; background-color:rgba(0,0,0,.35);opacity:1;  }
   
.kutular > div > a div > span {display: table-cell;      vertical-align: middle; height:auto; text-align:center ; font-family: 'News Cycle', sans-serif;color:#ffffff ;font-size:2.5em; padding:60px 85px 0px 85px }

.kutular > div > a div > span > p {font-size:.7em;}

.kutular  div:hover > a div{opacity:1;}


.alt div { font-family: 'News Cycle', sans-serif; display:inline-block; vertical-align:top;   color:#FFFFFF ; border:0px solid #FF0080;  margin-right:15px;  width:200px; padding-top:55px;  text-align:left} 

.alt div:last-child {  margin-right:0px;BORDER:0PX solid #ff0000}
.alt div span {displaY:block ; font-weight:700;margin-bottom:8px; border-bottom:1px solid #83cee7; width:100% ; padding-bottom:9px ;color:#808080 }       
.alt a {font-weight:400 !important;font-size:1em;  line-height:1.1em ;color:#808080; displaY:inline-block;  vertical-align:top; width:180px;border:0px solid #ff0000; margin-right:15px; margin-bottom:5px}
.alt a:hover {color:#202020 }

.altHiz {width:400px !important ;  bordeR:0px solid #80ff00}
.altUrunler {width:140px !important}



.tablo span{  display:block;background-color:#0c8ddf ;font-family:News Cycle; font-size:1.4em; font-weight:700; color:#FFFFFF; padding:0px 0px 3px 10px ; margin-top:15px  }
     .satirlar > Div { displaY:block ; font-family:News Cycle; font-size:1em; font-weight:400; color:#7E7E7E; border-bottom:1px solid #E5E5E5; padding:2px 0px 4px 10px !important;   } 
     .satirlar > Div:nth-child(odd) {background-color:#F4F4F4 } 
     .satirlar > Div > div { displaY:inline-block; width:180px }   

   .urunOzel div { display:inline-block; width:100%; bordeR:0px solid #F4F4F4 ; vertical-align:top; margin-right:25px   }



  
@media (min-width:320px) and (max-width:760px) {  
              
             .menuTas { margin-top:0px !important; padding:15px 0px 15px 0px ;background-color:rgba(255,255,255,0.9)  }
            .logoTas {  width:200px !important; padding-left:10px  }
           
            .menum {  display:none;  margin-top:-20px ;  }
            .menum div { display:block; margin-right:5px;text-align:right !important }    
            
			.acilan{width:200px}
			.altMenu { left:120px; right:0px }
			
            .menum div > div {  margin-left:-90px  }
            .menum div > div a div{ text-align:right !important }
            
            .ackapa {  display:block !important; padding:8px 15px 0px 0px; float:right; text-align:right; font-size:2.8em}  
            
              #ackapaUST {  display:block !important; padding:8px 15px 0px 0px; float:right; text-align:right; font-size:2.8em}
            
              .enTepe{ font-size:0.9em; display:none }   
              
              .ara {  display:block !important; font-size:xx-large ; color:#098edb }   
              .slogan {  font-size:1.4em; display:block; text-align:center; widtH:100%; max-width:300px ; padding:20px  } 
              
			  .slo2{font-size:1.6em; line-height:1em}
			  .slo2:after {
    			  content: "";
    			  display: inline-block;
    			  height: 8px;
				  border:0px solid #ff0000;
				  width:100%
}

              .araslo { padding:25px 20px 25px 20px !important; text-align:center !important }     
              
               .kutular  div > a div{opacity:1;}
              
              .altbar div{ display:block !important ; float:none !important  }   
              
              .altHiz {width:300px !important ; }
             .solmenu { display:none; width:90% ; margin:0px; margin-bottom:25px; margin-top:2px  }
              .solmenu div { width:100% !important; border:1px solid #CFCFCF } 
              
              .icTas { margin:0px ; width:93%; padding:0px 10px 0px 10px  }       
              
              
              .gMenu {  margin:50px 0px 50px 0px;text-align:center !important  } 
              .gMenu div{ display:inline-block; }    
              
              
                .bas  span:nth-child(3){  display:block;    }
               .bas a { font-size:0.8em !important}
               .bas  { font-size:1.8em !important; padding-bottom:20px}    
               
               
                .ortaTas {margin-top:10px !important}
				.alt div { width:90%; margin:10px; padding-top:25px }   
.alt div:first-child {padding-right:0px; text-align:center; border-bottom:1px solid #D1D1D1; padding-bottom:20px;  }  	


     .satirlar > Div > div { displaY:inline-block; width:75px }  
	 
	  .urunOzel div { display:inline-block; width:100%; max-width:90%;}
              
        }
    
    
    
    
    
    
select
	{
font-family: 'PT Sans', sans-serif;
		Font-Size: 13px;
		background-color:#F0F0F0;
		 border:none;
		 padding:15px 0px 15px 10px   ;
		 width:100% ;
		 color:#454545
	}
	  
  
 
textarea
	{
font-family: 'PT Sans', sans-serif;
		Font-Size: 13px;
		background-color:#F0F0F0;
		 border:none;
		 padding:15px 0px 15px 10px   ;
		 width:100% ;
		 color:#454545
	}


	
	
  
 input   {         
 font-family: 'PT Sans', sans-serif;
   	background-color:#F0F0F0 ;
          border:none;
          	 padding:15px 0px 15px 10px   ;
          	 width:100%  ;
          	 		 color:#454545
 }   
 
 
input[type=submit]  {  
cursor:pointer;  
font-family: 'PT Sans', sans-serif;
		Font-Size: 13px;
     	 width:120px;
     	 	background-color:#F0F0F0 ;   
     	 			 color:#000000

 }