@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');
* {
font-family : 'Open Sans', sans-serif;
}
::selection {
color : #fff;
background : #df0000;
text-shadow : 0px 0px;
}
::-moz-selection{
color : #fff;
background : #df0000;
text-shadow : 0px 0px;
}
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.jpg) #eee;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
.center {
margin : 0 auto;
width : 980px;
}
.bold {
font-weight : bold;
}
.ciz {
text-decoration : underline;
}
#bar {
width : 100%;
height : 39px;
background : url(../img/bar.png) #e70000;
padding : 8px 0;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
position :absolute;
Z-index : 999;
top : 30px;
}
#headeric{
display:none;
}
#logo {
position : absolute;
z-index : 9;
margin-top : -38px;
margin-left : -20px;
}
a #online {
float:right;
}
#mega {
float : right;
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
position : relative;
border-left : 1px dotted #c60c0c;
line-height : 39px;
text-shadow : 1px 1px #c60c0c;
}
#mega li:first-child{
border-left : 0 dotted #c60c0c;
}
#mega li:last-child {
border-left : 0 dotted #c60c0c;
margin-left : 10px;
transition : all 0.2s;
}
#mega li:last-child:hover {
background : none;
border-radius : 5px;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
#mega a {
padding : 0 10px;
color : #fff;
text-decoration : none;
display : block;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
}
#mega a#online {
padding : 0 10px;
text-decoration : none;
display : block;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
background : #ffb400;
color : #910000;
text-shadow : 1px 1px #ffbf24;
border-radius : 5px;
}
#mega a.sec {
color : #c60c0c;
}
#mega li:hover {
background : #c60c0c;
}
#mega li:hover a {
color : #fff;
text-shadow : 1px 1px #c60c0c;
}
#mega div {
position : absolute;
left : -999em;
border : 0;
font-weight : normal;
text-align : left;
background : url(../img/menu.png);
min-width : 150px;
padding : 6px 10px;
padding-top : 12px;
z-index : 3;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.45);
}
#mega li:hover div {
left : -1px;
top : 39px;
}
#mega li:hover div.rgt {
left : -100px;
top : 39px;
background : url(../img/menu.png) top right;
}
#mega li.dif:hover div {
left : -221px;
background : url(../img/menu.png) top right;
}
#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 : #910000;
text-shadow : 1px 1px #ffbf24;
font-weight : normal;
font-size : 13px;
border-bottom : 1px dotted #ffea00;
}
#mega li:hover div a {
color : #910000;
text-shadow : 1px 1px #ffbf24;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration : none;
background : #ff9c00;
color : #fff;
text-shadow : 1px 1px #ffbf24;
}
#slide {
margin : 0 auto;
width : 100%;
height : 600px;
background : url(../img/load.gif) center center no-repeat #333;
overflow : hidden;
border-bottom : 5px solid #e70000;
margin-bottom : -20px;
}
#slide2 {
width : 100%;
height : 600px;
background : url(../img/load.gif) center center no-repeat #333;
overflow : hidden;
border-bottom : 5px solid #e70000;
position : fixed;
z-index : -1;
top : 0;
}
.flexslider {
width : 100%;
height : 600px;
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%;
position : absolute;
z-index : 99999;
top : 250px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
overflow : hidden;
}
#slide2 .flex-direction-nav {
display : none;
}
.flex-direction-nav li a {width: 37px;height: 76px; background : ; display: block; text-indent: -9999px;}
.flex-direction-nav li a.next {opacity:0.8;filter:alpha(opacity=80);float : right; margin-right :0px; background : url(../img/right.png) center center no-repeat;}
.flex-direction-nav li a.prev {opacity:0.8;filter:alpha(opacity=80);float : left; margin-left :0px; background : url(../img/left.png) center center no-repeat;}
.flex-direction-nav li a.next:hover {opacity:1;filter:alpha(opacity=100); background : url(../img/right.png) center center no-repeat;}
.flex-direction-nav li a.prev:hover {opacity:1;filter:alpha(opacity=100); background : url(../img/left.png) center center no-repeat;}
.flex-direction-nav li a.disabled {cursor: default;}

#page {
margin : 0 auto;
width : 960px;
background : #fff;
padding : 8px 10px;
padding-top : 70px;
padding-bottom : 150px;
margin-top : 65px;
border-left : 5px solid #e70000;
border-right : 5px solid #e70000;
min-height : 400px;
}
#page h1 {
font-size : 15px;
color : #a00;
margin-bottom : 15px;
}
#page h2 {
font-size : 13px;
}
#footer2,#footer {
width : 100%;
height : 295px;
background : url(../img/footer.png) top center no-repeat;
position : absolute;
margin-top : -155px;
margin-bottom : -175px;
padding-top : 110px;
left : 0;
}
#footer2{
margin-top : -15px;
}
#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:#a00;
text-decoration:none;
}
a:visited{
color:#a00;
text-decoration:none;
}
a:hover{
color:#a00;
text-decoration:underline;
}
#pageleft {
float : left;
width : 135px;
padding : 10px;
border-radius : 10px;
border : #a00 dashed 1px;
}
#pageright {
float : right;
width : 790px;
min-height : 350px;
margin-top : -45px;
}
#left,#right {
display:none;
}
a.alt_kategori {
display : block;
text-decoration : none;
color : #a00;
line-height : 22px;
}
a.alt_kategori:hover {
display : block;
text-decoration : underline;
color : #a00;
}
.urunbox {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 165px;
height : 290px;
border : #df0000 dashed 1px;
background : #fff;
border-radius : 10px;
cursor : pointer;
}
.urunbox:hover {
border : #df0000 solid 1px;
background : #df0000;
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;
height : 90px;
}
.resimbox:hover {
border : #ffb400 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;
display : block;
margin : 0 auto;
margin-right : 3px;
padding : 10px;
color : #910000; 
background : #ffb400; 
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 : #a00;
color : #fff; 
}
input.ilet{
outline : 0;
width : 765px;
margin : 0 auto;
padding : 10px;
color : #a00; 
border : #a00 dotted 1px;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
input.ilet:focus{
border : solid 1px #a00;
}
select.ilet{
outline : 0;
width : 787px;
margin : 0 auto;
padding : 10px;
color : #a00; 
border : #a00 dotted 1px;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
select.ilet:focus{
border : solid 1px #a00;
}
textarea.mesaj{
font-family: arial;
outline : 0;
width : 765px;
height : 100px;
margin : 0 auto;
padding : 10px;
color : #a00; 
border : #a00 dotted 1px;
margin-bottom : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
textarea.mesaj:focus{
border : solid 1px #a00;
}

#hizli1 {
width : 980px;
height : 40px;
border-top : 2px solid #fec524;
border-bottom : 2px solid #fec524;
margin : 10px 0 ;
padding : 5px 0 ;
}
#hizli2 {
width : 980px;
height : 40px;
border-top : 2px solid #df0000;
border-bottom : 2px solid #df0000;
margin : 10px 0 ;
padding : 5px 0 ;
}
#hizli1 a,#hizli2 a{
float:left;
line-height : 30px;
padding :5px 10px;
color : #333;
font-weight : 700;
}
#hizli1 a:hover{
color : #fff;
background :#fec524;
text-decoration : none;
}
#hizli2 a:hover{
color : #fff;
background :#df0000;
text-decoration : none;
}
.ac {
display : block;
}
.kapa {
display : none;;
}
.menu{
float:left;
width : 190px;
min-height : 180px;
margin-right : 10px;
margin-bottom : 10px;
position : relative;
background : #ffb400;
transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
-o-transition: all .4s;
opacity: 0.8;
filter: alpha(opacity=80);
overflow : hidden;
border-radius : 7px;
}
.menures{
float:left;
width : 190px;
height : 143px;
overflow : hidden;
background : #eee;
text-align : center;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.menures img{
height : 143px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.menu:hover .menures img{

	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
a.menua{
display : block;
width : 190px;
height : 35px;
line-height : 35px;
text-align : center;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
color : #910000;
text-shadow : 1px 1px #ffbf24;
text-decoration : none;
}
.menu:hover{
background : #e70000;
cursor : pointer;
opacity: 1;
filter: alpha(opacity=100);
}
.menu:hover a.menua, a.menua:hover{
color : #fff;
text-shadow : 0px 0px #ffbf24;
text-decoration : none;
}
.uruncc{
float:left;
width : 790px;
padding-bottom : 10px;
margin-bottom : 10px;
min-height : 90px;
position : relative;
transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
-o-transition: all .4s;
border-bottom:#ddd solid 1px;
}
.urunccbilgi{
float:left;
width : 660px;
padding-left : 10px;
}
.urunccbilgi b{
float:left;
width : 670px;
padding-bottom : 5px;
color : #a00;
text-decoration : none;
}
.menuress{
float:left;
width : 120px;
height : 90px;
overflow : hidden;
background : #eee;
text-align : center;
position : relative;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.menuress img{
height : 90px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.menuress:hover img{
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.sipari{
float:right;
padding : 5px;
position : absolute;
bottom : 0;
right : 0;
border : #ddd solid 1px;
border-bottom : 0px;
background : #eee;
font-size : 11px;
color: #333;
}
.fiyat{
float:left;
padding : 10px;
margin : -5px;
margin-right : 5px;
background : #fff;
font-size : 12px;
color: #a00;
border-right : #ddd solid 1px;
font-weight : bold;
}
select.porsi{
outline : 0;
width : 63px;
border : #ddd solid 1px;
font-size : 12px;
padding : 1px;
margin-right : 5px;
}.hide {
    display: none;
}
input.adet{
outline : 0;
width : 35px;
border : #ddd solid 1px;
padding : 2px;
font-size : 12px;
margin-right : 5px;
}
input.ekle{
float:right;
padding : 2px 10px;
color : #111;
text-decoration : none;
display : block;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
background : #ddd;
border : 0;
outline : 0;
}
input.ekle:hover{
float:right;
padding : 2px 10px;
background : #ffb400;
color : #910000;
text-decoration : none;
display : block;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
border : 0;
outline : 0;
cursor:pointer;
}
.sptable {
border-collapse : collapse;
border:1px solid #ddd;
background : #fff;
}
.sptable a:link,.sptable a:visited{
float : left;
text-decoration : none;
color : #333;
}
.sptable a:hover{
text-decoration : underline;
color : #ff6600;
}
input.login2{
margin : 0;
outline : 0;
padding : 3px;
border : 1px solid #ddd;
background : #fbfbfb;
color : #333;
line-height:25px;
margin-top : 10px;
width : 128px;
height : 25px;
border-radius : 3px;
}
input.hmnuye {
border : 0;
outline: 0;
float : right;
padding: 5px 10px;
background : #ffb400;
color : #910000;
text-shadow : 1px 1px #ffbf24;
font-weight:700;
cursor : pointer;
margin-top : 10px;
border-radius  : 5px;
}
a.tamamla {
display:inline-block;
float : right;
text-decoration : none;
padding: 10px 15px;
color : #fff;
background : green;
font-size : 14px;
font-weight : 600;
margin-top : 10px;
border-radius  : 5px;
}
input.tamamla {
display:inline-block;
float : right;
text-decoration : none;
padding: 10px 15px;
color : #fff;
background : green;
font-size : 14px;
font-weight : 600;
margin-top : 10px;
border-radius  : 5px;
border:0;
outline:0;
cursor:pointer;
}
a.yeniuye {
display : block;
width : 115px;
text-align : center;
text-decoration : none;
padding: 5px 10px;
color : #fff;
background : green;
font-size : 13px;
margin-top : 10px;
border-radius  : 5px;
}
a.tamamlama {
display:inline-block;
float : right;
text-decoration : none;
padding: 10px 15px;
color : #aaa;
background : #eee;
font-size : 15px;
font-weight : 600;
margin-top : 10px;
border-radius  : 5px;
}
a.tamamla:hover,input.tamamla:hover {
background : darkgreen;
}
ul.tabs {
float:left;
list-style:none;
height:41px;
margin:0;
padding:0;
margin-left : -8px;
}
ul.tabs li {
float:left;
height:40px;
line-height:40px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
overflow:hidden;
position:relative;
background:#f5f5f5;
}

ul.tabs li a {
text-decoration:none;
color:#666;
display:block;
outline:none;
padding:0 10px;
}
ul.tabs li a.card {
background : url(../img/card.png) center left no-repeat;
padding-left : 30px;
}
ul.tabs li a.eft {
background : url(../img/eft.png) center left no-repeat;
padding-left : 30px;
}
ul.tabs li a.door {
background : url(../img/door.png) center left no-repeat;
padding-left : 30px;
}

html ul.tabs li.active,html ul.tabs{
background:#fff;
border-bottom:1px solid #fff;
}
html ul.tabs li.active a{
color : #333;
}