@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');
* {
font-family : 'Open Sans', sans-serif;
}
::selection {
color : #fff;
background : #94a22e;
}
::-moz-selection{
color : #fff;
background : #94a22e;
}
::-webkit-input-placeholder {
color : #94a22e;
}
:-moz-placeholder {
color : #94a22e;
opacity : 1;
}
::-moz-placeholder {
color : #94a22e;
opacity : 1;
}
:-ms-input-placeholder {
color : #94a22e;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
img {
border : 0;
}
body {
font-family : 'Open Sans', sans-serif;
font-size : 13px;
background : url(../img/bg.png) #c4be66;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
.center {
margin : 0 auto;
width : 920px;
}
.bold {
font-weight : bold;
}
.ciz {
text-decoration : underline;
}
#header {
width : 100%;
height : 60px;
}
#bar {
width : 100%;
height : 39px;
background : url(../img/bar.png);
padding : 8px 0;
}
#logo {
position : absolute;
z-index : 9;
margin : -10px;
margin-top : -55px;
}
#mega {
float : right;
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
position : relative;
border-left : 1px dotted #6e8a00;
line-height : 39px;
text-shadow : 1px 1px #fefefc;
}
#mega li:first-child {
border-left : 0 dotted #6e8a00;
}
#mega a {
padding : 0 10px;
color : #566d00;
text-decoration : none;
display : block;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
}
#mega a.sec {
color : #566d00;
}
#mega li:hover {
background : #566d00;
}
#mega li:hover a {
color : #fefefc;
text-shadow : 0 0 #fefefc;
}
#mega div {
position : absolute;
left : -999em;
border : 0;
font-weight : normal;
text-align : left;
background : #566d00;
min-width : 150px;
padding : 6px 10px;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
z-index : 3;
}
#mega li:hover div {
left : -1px;
top : 39px;
}
#mega li:hover div.rgt {
left : -100px;
top : 39px;
}
#mega li.dif:hover div {
left : -221px;
}
#mega div a {
text-decoration : none;
float : left;
width : 100%;
line-height : 30px;
padding : 0;
white-space : nowrap;
display : block;
padding : 0 5px;
margin-left : -5px;
text-transform : capitalize;
color : #fefefc;
font-weight : normal;
font-size : 13px;
}
#mega div a:last-child {
border-bottom-left-radius : 8px;
border-bottom-right-radius : 8px;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration : none;
background : #fefefc;
color : #566d00;
text-shadow : 0 0 #000;
}
#slide {
margin : 0 auto;
width : 950px;
height : 495px;
background : url(../img/load.gif) center center no-repeat #415200;
overflow : hidden;
}
.flexslider {
width : 950px;
height : 495px;
position : relative;
overflow : hidden;
}
.flexresim {
margin : 0 auto;
width : 100%;
display : block;
overflow : hidden;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
.flex-direction-nav {
width : 100%;
display : block;
position : absolute;
z-index : 99;
}
.flex-direction-nav li a {
width : 75px;
height : 95px;
display : block;
text-indent : -9999px;
opacity : 0.699999988079071044921875;
}
.flex-direction-nav li a.next {
position : absolute;
top : 400px;
right : 400px;
background : url(../img/l.png) bottom left no-repeat;
z-index : 3;
}
.flex-direction-nav li a.prev {
position : absolute;
top : 400px;
left : 400px;
background : url(../img/r.png) bottom right no-repeat;
}
.flex-direction-nav li a:hover {
opacity : 1;
}
.flex-direction-nav li a.disabled {
opacity : 0.300000011920928955078125;
cursor : default;
}
.flex-control-nav {
display : none;
}
#mask {
width : 100%;
height : 495px;
background : url(../img/mask.png) top center no-repeat;
top : 115px;
left : 0;
z-index : 2;
position : absolute;
}
#sise {
width : 350px;
height : 236px;
top : 380px;
z-index : 2;
position : absolute;
margin-left : 19px;
}
#reklam {
width : 102px;
height : 102px;
top : 439px;
margin-left : 739px;
z-index : 4;
position : absolute;
}
#katalog {
width : 102px;
height : 102px;
top : 487px;
margin-left : 663px;
z-index : 3;
position : absolute;
}
#facebook {
width : 102px;
height : 102px;
top : 370px;
margin-left : 800px;
z-index : 5;
position : absolute;
}
#reklam:hover, #katalog:hover, #facebook:hover {
z-index : 999;
}
#lang_sel_list {
width : 58px;
height : 11px;
padding : 15px 20px;
top : 19px;
margin-left : 809px;
z-index : 2;
position : absolute;
background : url(../img/lang.png);
}
#page {
margin : 0 auto;
width : 870px;
background : url(../img/page.png);
padding : 8px 40px;
padding-top : 60px;
}
#page h1 {
font-size : 15px;
color : #566d00;
margin-bottom : 15px;
}
#page h2 {
font-size : 13px;
}
#footer {
margin : 0 auto;
width : 870px;
height : 495px;
background : url(../img/footer.png);
padding : 0 40px;
}
#hr{
float:left;
width : 870px;
height:1px;
border-bottom: dashed 1px #bbb;
margin-bottom:20px;
}
.hbrstr{
float:left;
width : 700px;
height:90px;
border-bottom: dashed 1px #bbb;
margin-bottom : 10px;
}
.hbrrsm{
float:left;
width : 120px;
height: 80px;
overflow : hidden;
background : #eee;
margin-right : 10px;
}
.hbrrsm img{
width : 120px;
}
a:link{
color:#566d00;
text-decoration:none;
}
a:visited{
color:#566d00;
text-decoration:none;
}
a:hover{
color:#566d00;
text-decoration:underline;
}
#pageleft {
float : left;
width : 135px;
padding : 10px;
border-radius : 10px;
border : #566d00 dashed 1px;
}
#pageright {
float : right;
width : 700px;
margin-top : -45px;
}
a.alt_kategori {
display : block;
text-decoration : none;
color : #566d00;
line-height : 22px;
}
a.alt_kategori:hover {
display : block;
text-decoration : underline;
color : #566d00;
}
#page a {
text-decoration : none;
color : #566d00;
}
#page a:hover {
text-decoration : underline;
color : #566d00;
}
.urunbox {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 165px;
height : 290px;
border : #566d00 dashed 1px;
background : #fff;
border-radius : 10px;
cursor : pointer;
}
.urunbox:hover {
border : #566d00 solid 1px;
background : #566d00;
transition : all 0.2s;
}
.resimbox {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 163px;
border : #ddd solid 1px;
background : #fff;
overflow : hidden;
padding : 1px;
}
.resimbox:hover {
border : #c7eb00 solid 3px;
padding : 0px;
margin-bottom : 9px;
margin-right : 9px;
margin-top : -1px;
margin-left : -1px;
}
.urunbox .resim {
width : 165px;
height : 228px;
}
.resim img {
width : 220px;
height : auto;
transition : all 0.2s;
}
.urunbox:hover .resim img {
margin-top : -80px;
margin-left : -25px;
width : 230px;
height : auto;
transform: rotate(4deg);
}
.isim {
margin-top : 10px;
width : 165px;
overflow : hidden;
text-align : center;
}
.urunbox:hover .isim {
color : #d9d861;
font-weight: bold;
}
img.urun_resim {
border : 0;
width : 165px;
height : auto;
}
input.sub{
outline : 0;
float:right;
width : 85px;
margin : 0 auto;
margin-right : 3px;
padding : 10px;
color : #fff; 
background : #94a22e; 
border : 0;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
input.sub:hover{
cursor : pointer;
}
input.sub:active{
background : #566d00;
}
input.ilet{
outline : 0;
width : 675px;
margin : 0 auto;
padding : 10px;
color : #566d00; 
border : #566d00 dashed 1px;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
input.ilet:focus{
border : solid 1px #566d00;
}
textarea.mesaj{
font-family: arial;
outline : 0;
width : 675px;
height : 100px;
margin : 0 auto;
padding : 10px;
color : #566d00; 
border : #566d00 dashed 1px;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
textarea.mesaj:focus{
border : solid 1px #566d00;
}