@charset "utf-8";

html, body { margin: 0px auto; padding: 0px 0px 0px 0px; background-color: #c8c8c8; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #1a1a1a; height: 100%;}

form { margin: 0px auto; padding: 0px 0px 0px 0px;}

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

.siyah { color: #000;}
.siyahacik { color: #414141;}
.fume { color: #393535;}
.beyaz { color: #fff;}
.beyazduman { color: #f5f5f5;}
.krem { color: #e2e4c8;}
.kirmizi { color: #ff0000;}
.bordo { color: #990000;}
.giracik { color: #c0c0c0;}
.griorta { color: #666;}
.grikoyu { color: #333;}
.mavi { color: #0066ff;}
.lacivert { color: #003366;}
.sari { color: #FFE300;}
.yesil { color: #61AB00;}
.yesilsoluk { color: #9aa30f;}
.turuncu { color: #ff6600;}
.mor { color: #4E1B68;}

.yazi09px { font-size: 9px;}
.yazi10px { font-size: 10px;}
.yazi11px { font-size: 11px;}
.yazi12px { font-size: 12px;}
.yazi14px { font-size: 14px;}
.yazi16px { font-size: 16px;}
.yazi18px { font-size: 18px;}
.yazi22px { font-size: 22px;}
.yazi24px { font-size: 24px;}
.yazi32px { font-size: 32px;}

.karakterArial { font-family: Arial;}
.karakterGeorgia { font-family: Georgia;}
.karakterHelvetica { font-family: Helvetica;}
.karaktermonospace { font-family: monospace;}
.karakterImpact { font-family: Impact;}
.karakterLucida { font-family: "Lucida Sans Unicode";}
.karakterTimes { font-family: "Times New Roman";}
.karakterTrebuchet { font-family: "Trebuchet MS";}
.karakterTahoma { font-family: Tahoma;}
.karakterVerdana { font-family: Verdana;}

.arkaSiyah { background-color: #000;}
.arkaBeyaz { background-color: #fff;}
.arkaGri { background-color: #999;}
.arkaKirmizi { background-color: #ff0;}
.arkaMor { background-color: #4E1B68;}
.arkaMavi { background-color: #0069ab;}

.sol { text-align: left;}
.orta { text-align: center;}
.sag { text-align: right;}

.normal { font-weight: normal;}
.kalin { font-weight: bold;}
.italik { font-style: italic;}
.altcizgi { text-decoration: underline;}
.altcizgiyok { text-decoration: none;}

.kenar { border: 1px solid;}
.kenarust { border-top: 1px solid;}
.kenarsag { border-right: 1px solid;}
.kenaralt { border-bottom: 1px solid;}
.kenarsol { border-left: 1px solid;}

.bosluk { padding: 5px;}
.boslukust { padding-top: 5px;}
.bosluksag { padding-right: 5px;}
.boslukalt { padding-bottom: 5px;}
.bosluksol { padding-left: 5px;}

br.temizle { clear: both;}

.menu div { margin: 0px auto;}
.menu ul { margin: 0px auto; padding: 0px 0px 0px 0px; list-style: none;}
.menu li { margin: 0px auto; padding: 0px 0px 0px 0px; display: inline; text-align: left;}
.menu a { margin: 0px auto; padding: 0px 0px 0px 0px;}
.menu a span { margin: 0px auto; padding: 0px 5px 20px 5px; color: #313131; cursor: pointer;}
.menu a:hover { background-color: transparent;}
.menu a:hover span { color: #0069ab;}
.menu a.secili { background-color: transparent;} 
.menu a.secili span { color: #0069ab; text-decoration: none;}
.menu a:hover.secili span { color: #0069ab;}

.menu a.alt { margin: 0px auto; padding: 0px 0px 0px 0px;}
.menu a.alt span { margin: 0px auto; padding: 0px 5px 0px 5px; color: #1a1a1a; cursor: pointer;}
.menu a.alt:hover { background-color: transparent;}
.menu a.alt:hover span { color: #1a1a1a; text-decoration: underline;}
.menu a.alt span.secili { color: #5B0005; text-decoration: underline;}

input.arama { margin: 0px auto; padding: 2px; border: 1px solid #c0c0c0; background-color: #f5f5f5; width: 200px; height: 16px;}
input.button { margin: 0px auto; padding: 0px; border: 1px solid #c0c0c0; background-color: #404040; width: 40px; height: 22px; font-size: 10px; color: #fff;}

#png { border: none;}

ul.cafe { list-style: none; margin: 0px auto; padding: 0px 0px 0px 0px; float: left; width: 300px;}
ul.cafe li { text-align: right; width: 140px; font-size: 17px; width: 200px; border-bottom: 1px solid #666; padding-top: 4px;}
ul.cafe li span { text-align: left; font-size: 14px; float: left; font-weight: bold;}