body,html,input {
margin : 0;
padding : 0;
font : 12px Arial;
background : url(/img/bg.png);
}
img {
border : 0;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
.ortala {
margin : 0 auto;
width : 946px;
}
.renk {
color : #99cd1d;
}
#header {
margin : 0 auto;
width : 946px;
background : #fff;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
overflow : hidden;
margin-bottom:15px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
#page {
margin : 0 auto;
width : 946px;
margin-bottom:15px;
}
#bar {
margin : 0 auto;
width : 946px;
height : 48px;
background : url(/img/bar.png) repeat-x;
border-bottom : 3px solid #99cd1d;
z-index : 999;
}
img.home {
width : 37px;
float : left;
padding-left : 10px;
}
img.logo {
position : absolute;
z-index : 999;
margin : 25px;
}
#ustreklam {
margin : 0 auto;
width : 946px;
}
.golge {
width : 946px;
height : 17px;
background : url(/img/golge.png) center center no-repeat;
z-index : 999;
position : absolute;
}
.giris {
margin-left : 675px;
margin-top : 25px;
width : 220px;
height : 170px;
padding : 15px;
background : url(/img/trans.png);
z-index : 999;
position : absolute;
border-radius : 10px;
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
}
.giris span {
display: block;
font-weight:bold;
line-height:20px;
color: #000;
font-size:14px;
background : url(/img/user.png) center left no-repeat;
padding-left : 20px;
}
.giris div {
float : left;
margin-top:5px;
color: #000;
font-size:12px;
background : url(/img/right2.png) center left no-repeat;
padding-left : 15px;
}
.giris:hover {
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);
}
input.gir{
outline : 0;
font-weight:bold;
padding : 10px;
background : url(/img/bar1.png);
color: #1d2900;
border-radius : 5px;
border : 0;
margin-top : -15px;
float : right;
font-size:14px;
cursor : pointer;
}
input.login{
outline : 0;
width : 198px;
padding : 10px;
background : #fff;
border-radius : 5px;
border : 1px solid #aaa;
box-shadow:inset 0 0 15px #ccc;
margin-top : 10px;
}
input.login:focus{
padding : 9px;
border : 2px solid #9bd01f;
box-shadow:inset 0 0 15px #d2f779;
}
select.login{
outline : 0;
width : 198px;
padding : 8px 10px;
background : #fff;
border-radius : 5px;
border : 1px solid #aaa;
box-shadow:inset 0 0 15px #ccc;
margin-top : 10px;
}
select.login:focus{
padding : 7px 9px;
border : 2px solid #9bd01f;
box-shadow:inset 0 0 15px #d2f779;
}
input.submit{
outline : 0;
width : 50px;
padding : 5px 10px;
background : #333;
border-radius : 5px;
margin-top : -31px;
margin-right : 8px;
color : #fff;
cursor:pointer;
border:0;
}
#copyright {
margin : 0 auto;
padding-top : 20px;
margin-bottom : 7px;
width : 100%;
height : 30px;
color : #333;
background : #bbb;
border-top : 1px solid #aaa;
border-bottom : 1px solid #aaa;
}
#header h1 {
display : none;
}
.ustlink {
float : right;
text-align : right;
}
#ust {
margin : 0 auto;
width : 950px;
margin-bottom : 10px;
background : #fff;
border-bottom : 4px solid #99cd1d;
}
img.tel {
float : right;
margin-top : 15px;
margin-bottom : 12px;
}
.slide {
margin : 0 auto;
width : 946px;
height : 250px;
overflow : hidden;
background : url(/img/load.gif) center center no-repeat #111;
}
.w100 {
width : 100%;
min-height : 250px;
background : #fff;
margin : 5px;
margin-bottom : 5px;
}
.haberresim {
border : 2px solid #99cd1d;
width : 380px;
height : 214px;
background : url(/img/loader.gif) center center no-repeat #eee;
overflow : hidden;
float : left;
}
.haberyazi {
width : 331px;
height : 214px;
overflow : hidden;
float : left;
}
.haberyazi a{
display : block;
padding-left : 10px;
line-height : 35px;
}
.haberyazi a:hover{
display : block;
background : #99cd1d;
text-decoration:none;
}
.w735 {
width : 735px;
min-height : 250px;
background : #fff;
box-shadow : 0 0 10px #999;
}
.w200 {
width : 200px;
margin-bottom : 10px;
background : #fff;
box-shadow : 0 0 10px #999;
}
.baslik {
height : 20px;
background : url(/img/bar.png) repeat-x;
border-bottom : 3px solid #99cd1d;
color : #fff;
font-size : 12px;
text-shadow : 1px 1px #000;
outline : 0;
text-decoration : none;
display : block;
line-height : 2em;
padding : 11px;
}
.baslik h2 {
vertical-align : baseline;
font-weight : inherit;
font-family : inherit;
font-style : inherit;
font-size : 100%;
border : none 0;
outline : 0;
padding : 0;
margin : 0;
float:left;
}
.baslik a:link,.baslik a:visited {
float:right;
padding : 0 5px;
background : #000;
border-radius:5px;
border: 1px solid #333;
color : #eee;
margin-top : -4px;
margin-right : -4px;
}
.baslik a:hover {
text-decoration:none;
color : #99cd1d;
}
.yazi {
padding : 10px;
font-size : 12px;
}
.hr {
height : 1px;
border-bottom : 1px solid #ddd;
margin-bottom : 8px;
margin-top : 8px;
}
a:link.alt_kategori {
display : block;
padding-bottom : 8px;
margin-bottom : 8px;
border-bottom : 1px solid #ddd;
}
a:visited.alt_kategori {
display : block;
padding-bottom : 8px;
margin-bottom : 8px;
border-bottom : 1px solid #ddd;
}
a:link,a:visited {
color : #000;
text-decoration : none;
}
a:hover {
color : #000;
text-decoration : underline;
}
#loginbox {
margin : 0 auto;
margin-top : 10px;
padding : 10px;
padding-left : 0;
padding-top : 15px;
width : 300px;
border : #aaa solid 1px;
box-shadow : 0 0 6px #999;
background : #fff;
}
.urunbox {
float : left;
margin-top : 10px;
margin-right : 10px;
padding : 10px;
width : 209px;
height : 151px;
border : #ddd solid 1px;
background : #fff;
}
.urunbox:hover {
border : #99cd1d solid 1px;
}
.resim {
width : 207px;
height : 143px;
border : #ddd solid 1px;
overflow : hidden;
}
.isim {
margin-top : 10px;
width : 191px;
height : 40px;
overflow : hidden;
text-align : center;
}
img.urun_resim {
border : 0;
width : 207px;
height : auto;
}
img.haber_resim {
border : 0;
width : 112px;
height : 63px;
float : left;
margin-bottom : 10px;
margin-right : 10px;
}
.urunpageimage {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 300px;
}
.zoom {
position : absolute;
width : 60px;
height : 60px;
background : url(/img/zoom.png) center center no-repeat;
display : none;
}
.urunbox:hover .zoom{
display : block;
}
.urunpageimage:hover .zoom{
display : block;
}