@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,900&subset=latin-ext);

body { margin:0; padding:0; background:url(images/bg-top.jpg) center 101px repeat-y;}
A { text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} A:hover { text-decoration:none;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:400;}
p { margin:0px; padding:0px;}
hr { clear: left;}
div > div_alt { position: fixed;}	

.fontozel { font-family:'Dosis', sans-serif;} .fontarial { font-family:Arial;} .fonttahoma { font-family:Tahoma;} .fontref { font-family:"Courier New";} .fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet { font-family: "Trebuchet MS";} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} 

.boyut9 { font-size:9px;} .boyut10 { font-size:10px;} .boyut11 { font-size:11px;} .boyut12 { font-size:12px;} .boyut14 { font-size:14px;} .boyut16 { font-size:16px;} .boyut18 { font-size:18px;} .boyut20 { font-size:20px;} .boyut22 { font-size:22px;} .boyut24 { font-size:24px;} .boyut26 { font-size:26px;} .boyut28 { font-size:28px;} .boyut30 { font-size:30px;} .boyut32 { font-size:32px;}

.bold { font-weight:700;} .bold3 { font-weight:300;} .bold4 { font-weight:400;}

.renkbeyaz { color:#FFFFFF;} .renksiyah { color:#000;} .renkgri { color:#959595;} .renkgri1 { color:#CCCCCC;} .renkgri2 { color:#999999;} .renkgri3 { color:#939393;} .renkgri4 { color:#484848;} .renkkirmizi { color:#FF0000;} .renkkahve { color:#755b1b;} .renkmavi { color: #034ea2;} .renkyesil { color:#aeff00;} .renkkoyuyesil { color:#004206;} .renkturuncu { color:#ffc200;} .renkpembe { color:#FF33CC;} .renksari { color:#e2ca7b;}

.renksite1 { color:#666565;} .renksite2 { color:#f3c208;}

.wr { width:844px; margin-left:auto; margin-right:auto; display:table;} 
.pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;} .cl { clear:left;} .mc { width:100%; height:auto; display:table;}
.mkwrapper div { width: 80px; height: 20px; margin-right:0px; }
.mk div { width: 20px; height: 20px;}
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}
.morkarinca { float:right; margin:25px 45px 0px 0px;}

#ust { float:left; width:100%; height:101px; margin:0px 0px 50px 0px; background:url(images/row2-tail.gif)left top repeat-x #fff;}
#ust .logo { float:left; width:844px; height:auto; margin:19px 10px 0px 30px; display:inline-block; font-size:36px; line-height:1.2em; color:#262626; cursor:pointer; letter-spacing:-3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#ust .logo p{ float:left; font-weight:normal; margin-right:8px;}
#ust .logo strong{ float:left; color:#ff9601; font-weight:normal;}
#ust .logo span{ float:left; font-weight:normal; display:inline-block; font-size:28px; line-height:1.2em; color:#949494; letter-spacing:-1px; padding:29px 0 0 4px;}

#galeri { float:left; width:100%; height:auto; margin-bottom:60px;}
#galeri h1 { float:left; width:100%; height:auto; margin:15px 0px; font-size:26px; font-weight:500; text-align:center;  color:#e6c980; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
#galeri .geridon { float:left; width:auto; height:auto; font-size:14px; font-weight:500; padding:5px 10px; border-radius:5px; background:#e6c980; color:#000;}
#galeri .ileri { float:right; width:auto; height:auto; font-size:14px; font-weight:500; padding:5px 10px; border-radius:5px; background:#e6c980; color:#000;}
#galeri .galeri_detay { position:relative; float:left; width:848px; height:638px; padding:4px; background:#9c7f31; background: -moz-linear-gradient(left, #9c7f31 0%, #e6ca7f 25%, #9c7f31 50%, #e6ca7f 75%, #9c7f31 100%); background: -webkit-linear-gradient(left, #9c7f31 0%,#e6ca7f 25%,#9c7f31 50%,#e6ca7f 75%,#9c7f31 100%); background: linear-gradient(to right, #9c7f31 0%,#e6ca7f 25%,#9c7f31 50%,#e6ca7f 75%,#9c7f31 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7f31', endColorstr='#9c7f31',GradientType=1 );}
#galeri .galerikat { position:relative; float:left; width:200px; height:190px; margin:0px 5px 20px 5px; }
#galeri .galerikat img{  padding:1px; box-sizing:border-box;background:#9c7f31;
background: -moz-linear-gradient(left, #9c7f31 0%, #e6ca7f 25%, #9c7f31 50%, #e6ca7f 75%, #9c7f31 100%);
background: -webkit-linear-gradient(left, #9c7f31 0%,#e6ca7f 25%,#9c7f31 50%,#e6ca7f 75%,#9c7f31 100%);
background: linear-gradient(to right, #9c7f31 0%,#e6ca7f 25%,#9c7f31 50%,#e6ca7f 75%,#9c7f31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7f31', endColorstr='#9c7f31',GradientType=1 ); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#galeri .galerikat:hover img { padding:4px; }
#galeri .galerikat .galerikatad { float:left; width:100%; height:31px; padding-top:9px; color:#e6c980; text-align:center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
#galeri .galerikat .galericon { position:absolute; bottom:40px; right:0px; width:33px; height:33px; background:url(images/icons2.png) no-repeat;}

.resimad { position:absolute; bottom:20px; left:20px; font-size:22px; font-weight:500; color:#FFF; text-shadow:0px 0px 5px #000;}