body         { background: #003F8E url('/images/bck.jpg') no-repeat center top;  }
#uisim       { border:1px solid #C0C0C0; color: #FFFFFF; padding: 3px; background-color: #1E7BD1;;border-radius: 8px; position:relative; top:5px }
#uacik      { border:1px solid #FFCC00; padding: 3px; background-color: #FEF3C7;border-radius: 8px; position:relative; top:5px }

.tabmarkalar { list-style-type: none; font-family: Tahoma; color: #97E6FF; text-decoration: 
               none; font-size: 10pt; font-style: italic }
#ictas       { position: relative; top: 200px; left:5px; bottom:0px }
#formlarso     { position: absolute; left: 20px; top: 35px; font-family:Tahoma; font-size:10pt; color:#808080 }

a{text-decoration:none}
#katbut          { border-radius:5px;list-style-type:none; font-family:Century Gothic; color:#FFFFFF; font-size:10pt; padding-left:5px; padding-right:3px; padding-top:7px; padding-bottom:7px; background-repeat:no-repeat; text-decoration:none;overflow: hidden; margin-bottom:2px; background-color:#3666A5 }
:hover#katbut {background-color:#FFFFFF; color:#1E7BD1 }
.aktif  {border-radius:5px;background-position: left top; list-style-type:none; font-family:Century Gothic; color:#FFFFFF; font-size:10pt; padding-left:5px; padding-right:3px; padding-top:7px; padding-bottom:7px;background-color:#FFFFFF; color:#1E7BD1; font-family:Tahoma; font-size:10pt; font-weight:bold }

.urunler        { width: 697px; height: 130px; background-image: url('/images/urun-alti.jpg'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-position: left top; position:relative}
#solalt      { width: 734px; height: 26px; background-image: url('/images/icalt.png'); 
               background-repeat: no-repeat; background-position: center top }
#skat        { position: relative; left:-20px; width:230px; }
#sbas        { position: relative; left: 25px; top: 13px; font-family: Arial; font-size: 12pt; color: #FFFFFF; font-weight: bold }
#sagpanel    { background-image: url('/images/icyan.png'); background-repeat: no-repeat; 
               background-position: center top; position:relative; left:20px; top:200px; width:309px; min-height:450px; float:left }
#solust      { width: 735px; height: 89px; background-image: url('/images/icust.png'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-position: center top }
#solorta     { background-image: url('/images/icorta.png'); background-repeat: repeat; 
               background-position:  
               left top;padding-left:20px; padding-right:20px; background-attachment:scroll; width:700px;   }
#sol         { position: absolute; left: 225px; top: 175px}
#bar         { position: relative }
#orta         { position: relative}
#baryazi         { position: absolute; left:60px; top:43px; font-family:Arial; color:#FFFFFF; font-size:18pt; font-style:italic; font-weight:bold;text-shadow: #000 1px 1px 2px ; }
#alt     { background-image: url('/images/arama_alt.jpg');width:189px; height:41px; position:absolute }
#araf        {  border:1px solid #FFFFFF; top:4px; left:6px; position:absolute; width:125px; height:26px }
#abut       {left:148px; top:4px; position:absolute}

#icimag      { position: absolute; left: 280px; top: 55px }
#anac        { width: 980px; margin: 0 auto;  }
#main { background: #fff; margin: 0 }
#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }
#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; font-size: small }
#slideshow-galeri { left: 10px; float: left; margin: 10px }
#navg { width: 320px; margin: 5px; float: left; background-color:#E9E9E9;border-radius: 6px; }
#navg li { width: 50px; float: left; margin: 8px; list-style: none }
#navg a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#navg li.activeSlide a { background: #0099FF;  }
#navg a:focus { outline: none; }
#navg img { border: none; display: block }
pre { clear: left }
pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 280px; width: 320px; 
padding:0; margin:0; 
overflow: hidden;
-o-transition: 0.3 all linear;
	-moz-transition: 0.3s all linear;
	transition: 0.3s all linear; 
	-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius:10px;
border: 10px solid #CCCCCC;	}
	
.pics img { height: 262px; width: 300px; padding: 10px;  background-color: #FFFFFF;

 }
.pics:hover{	
	box-shadow:0px 0px 25px #1E7BD1;border: 10px solid #66CCFF;
}
#hov         { color: #808080; height:30px; font-family:Century Gothic; font-size:10pt; padding-left:3px; text-decoration:none;cursor: pointer; }
#hov:hover         { color: #FFFFFF; background-color:#000000; font-weight:bold }
.kose { border:2px solid #DFDFDF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px }
h1           { margin:0;padding:3px;font-family: Century Gothic; font-size: 18pt; color: #FFFFFF; font-weight: bold; }
h2           { font-weight: normal;font-family: Century Gothic; font-size: 10pt; color: #808080}