
* body {top: 0; background: #F0F0F0; font-family: 'Josefin Sans', sans-serif; font-size: 12pt; max-width:1420px; margin:auto;}  
 .mobilmenu {display: none;}
 .pcde {display: inline-block;}
 .mobilde{ display: none;}
 
            @media (max-width: 750px) { 
                           nav ul {display: none;}
                           .pcde  {display: none;} 
                           .mobilmenu {display: inline-block;}
                           }
h1 {color: #E22400;}        
h2 {color: #E22400;}  
h3 {color: #E22400;}  

img {border-radius: 0px;  padding:2px; margin:2px; transition: .2s linear 0s;}
img:hover{transform: scale(1.1);}
               
a { font-family: 'Josefin Sans', sans-serif; font-size: 12pt; color: #E22400;}
a:link { font-family: 'Josefin Sans', sans-serif; font-size: 12pt; color: #E22400; text-decoration: none}
a:visited { font-family: 'Josefin Sans', sans-serif; font-size: 12pt; color: #E22400;} 
a:hover { font-family: 'Josefin Sans', sans-serif; font-size: 12pt; color: #000;}
tr {padding:10px; margin:10px; cursor:pointer;}


.ust {z-index:1; width: 100%; height:200px; postion:fixed; background:#fff; top:0px;}
.orta{z-index:50; width: 92%; margin: auto;}
.ortaic {display: inline-table; width:48%; min-width:310px; padding:10px;}	
.bos{z-index:18; width: 90%; height: 20px;	clear: both;}

.mavi{display: inline-block; width:45%; min-width:300px; overflow: hidden; border:#1C9CEC solid 1px; margin: 10px; padding: 5px; box-shadow: 0px 0px 2px #333333; text-align: center; border-radius:0px;	transition: linear 0s;}
.mavi:hover{border:#E22400 solid 1px; background-color: #EBEBEB;}
.linkler{display: inline-block; border-radius:0px; padding:5px; border: 1px solid #cccccc; margin: 5px; cursor:pointer; font-size:10pt; transition: .2s linear 0s;}
.linkler:hover{border: 1px solid #E22400; background-color:#FFF;}
.menulinkler{padding:1px; margin-top: 10px; width: 100%; height:30px; border-bottom: 1px solid #fff; color:#E22400;}

.resimlink{border-radius:0px; border-bottom:1px solid #E22400; padding:10px; padding-top:25px; padding-bottom:2px; margin: 5px; cursor:pointer; transition: .2s linear 0s;  }
.resimlink:hover{border-radius:10px; color:#55aa45; border-bottom:1px solid #55aa45; background-color:#fff;}

.sari{border:#E22400 solid 1px; display:inline-block; width:270px; vertical-align: top; overflow:hidden; margin: 10px; padding:2px; text-align: center; transition: background-color .5s linear 0s; cursor:pointer;}
.sari:hover{border:#333333 solid 1px; background-color: #FFFFFF; }

.sosyalbuton {display:inline-table; width:48px;}

.urun{display: inline-block; min-width: 310px; padding:5px; width:45%; border:0px solid #ccc; height:310px; overflow: hidden; }
.haber{display: inline-block; min-width: 310px; padding:5px; width:45%; border:2px solid #ccc; height:75px; overflow: hidden; margin: 5px;}
.galeri{display: inline-block; min-width: 220px; height:190px; border:1px solid #ccc; padding:5px;  margin: 5px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 0px; border-radius: 0px; overflow: hidden;}
.galeri:hover{border:1px solid #E22400; }
.detay{display: inline-table; min-width: 310px; padding:5px; border:0px solid #ccc; overflow: hidden; }
.sayfalar{float:left; width:100%;	height:90px; margin-right: 5px;	margin-left: 5px;	margin-bottom: 10px;	margin-top: 5px;	background-color: #f4f5f4;	}
.sayfalink{display: inline-block; background-color: #eeeeee; padding: 15px; margin: 5px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 0px; border-radius: 0px;}
.sayfalink:hover{ background-color: #E22400; color:#fff}

input {padding:15px; margin: 5px; border-radius:0px; border:2px solid #1c9cec; }
textarea {padding:15px; margin: 5px; border-radius:0px; border:2px solid #1c9cec;}
select:not([multiple]) {padding:15px; margin: 5px; border-radius:0px; border:2px solid #1c9cec;}
input[type=text]:focus {border-color:#333;}
input[type=submit] {padding: 20px;  margin: 5px; border-radius:0px; background:#1c9cec; color: #FFF; font-weight: bold; border:0 none; cursor:pointer;}
input[type=reset] {padding: 20px;  margin: 5px; border-radius:0px; background:#1c9cec; color: #E22400;  border:0 none; cursor:pointer;}
input[type=button] {padding: 5px;  margin: 5px; border-radius:0px; background:#1c9cec; color: #E22400;  border:0 none; cursor:pointer;}