/* CSS Document GDiamond */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese);
@import url(font-face.css);


HTML			{ height: 100%;}
BODY			{ height: 100%; font-family: 'Open Sans', sans-serif, Arial; padding: 0px 0px 0px 0px; background-color:#f5f5f5; font-size: 12px; color:#383a3d; }
TABLE			{ border-collapse: collapse;}
IMG				{ border: 0px black none;}
*				{ font-family: 'Open Sans', sans-serif, Arial; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; color:#383a3d}
A:visited		{ text-decoration: none;}
A				{ text-decoration: none; border:none;}
A:hover			{ text-decoration: none;}
input			{ border:none; outline:none; background:none; }
.divtemizle 	{ clear:both; float:none;}
ul li			{ list-style:none;}



.fleft{float:left;}
.fright{float:right;}
.border-bottom{border-bottom:1px solid #d2d2d2}
.content{width:1024px; margin:0 auto;display:table;}
.mtop20{margin-top:20px;}
.border-yok{border:none;}
.urunyok{font-size:18px; font-weight:600; text-align:center; float:left; width:100%;}


#page, #top, #center, #bottom{
	float:left;
	width:100%;
	min-width:1024px;
}

#top{float:left;width:100%;}
#top .ust{
	width:100%;
	height:40px;
	background-color:#f5f5f5;
	float:left;
}

#top .ust ul.ustbar li.duyuru {float: left;margin: 0;padding: 12px 0;font-weight:normal;}
#top .ust ul.ustbar li.duyuru.red,
#top .ust ul.ustbar li.duyuru.red b{color: #f00 !important;}
#top .ust ul.ustbar li{float:right; margin-left:11px; padding:8px 0px 8px 7px; text-align:right; font-weight:600;}
#top .ust ul.ustbar li a:hover{color:#a2a2a2;}
#top .ust ul.ustbar li.ayrac{padding: 12px 0px;}
#top .ust ul.ustbar li i{margin-top: 1px; display: inline-table;font-size:24px;}
#top .ust ul.ustbar li.dil{position: relative; cursor:pointer;}
#top .ust ul.ustbar li.dil:hover ul.diller{display:block;}

#top .ust ul.diller{position:absolute; display:none; width:100%; float:left; background-color:#fff; border:1px solid #d2d2d2; right: 0; top: 40px;}
#top .ust ul.diller li{
	float:left; 
	width:100%; 
	text-align:center; 
	padding:0;
	margin:0;
}
#top .ust ul.diller li a{
	float:left;
	 width:100%;
}
#top .ust ul.diller li span{
	clear:both;
	margin:8px 15px 8px 15px;
	float:left;
}
#top .ust ul.diller li:hover{background-color:#383a3d; color:#fff;}
#top .ust ul.diller li:hover span{color:#fff;}

#top .logo{
	width:100%;
	height: 106px;
	float:left;
}
#top .logo .content img.logogorsel{width:278px;  margin:20px 0; }
#top .logo .content a.logo{display:inline-block;}

#top #menu{
	width:100%;
	height: 55px;
	background-color:#f5f5f5;
	float:left;
}
#top #menu ul.menunav{position:relative;float:left;width:100%;}
#top #menu ul.menunav li.anamenu {float:left; font-weight:600; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
#top #menu ul.menunav li.anamenu a,
#top #menu ul.menunav li.anamenu span{float:left; padding:18px 18px 18px 18px; font-size:14px;cursor:pointer;}
#top #menu ul.menunav li.anamenu:hover{background-color:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
#top #menu ul.menunav li.anamenu:hover a,
#top #menu ul.menunav li.anamenu:hover span{padding-bottom:19px;}
#top #menu ul.menunav li.anamenu:hover a.AltMY,
#top #menu ul.menunav li.anamenu:hover span.AltMY{padding-bottom:18px;}
#top #menu ul.menunav li.anamenu:hover ul.altmenu,
#top #menu ul.menunav li.anamenu:focus ul.altmenu{display:block;}

#top #menu ul.menunav li.search {float: right;}
#top #menu ul.menunav li.search input {
    background: #fff;
    padding: 5px;
    border: 1px solid #d2d2d2;
    margin: 12px 0px;
}

#top #menu ul.menunav li ul.altmenu{
	float:left;
	position:absolute;
	background-color:#fff;
	border:1px solid #d2d2d2;
	border-top:none;
	margin-top:56px;
	max-width:1022px;
	min-width:1022px;
	width:1022px;
	left: 0;
	display:none;
	z-index:2;
}
#top #menu ul.menunav li ul.altmenu li.li-altmenu{float:left; margin:0; padding:15px 0px 15px 10px; width:191px;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu a{margin:0; padding:0;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu span{font-size:14px; float:left; width:100%;padding:0;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu span.gorsel{width:55px; height:55px; padding:0px 10px 0px 5px; margin:0; border-right:1px solid #d2d2d2;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu span.gorsel img{width:55px; height:55px;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu ul.altmenuler{float:left; width:110px; padding:0; margin:10px 0 0 10px;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu ul.altmenuler li{float:left; clear:both; width:100%; margin:0; padding:0; color:#767676; font-size:12px;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu ul.altmenuler li a{margin:0; width:100%; padding:0; color:#767676; font-size:12px;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu ul.altmenuler li a:hover{color:#383a3d;}
#top #menu ul.menunav li ul.altmenu li.li-altmenu:last-child span.gorsel{border:none;}


#center{
	float:left;
	width:100%;
}
#center  #slider{
	float:left;
	width:1024px;
	height:400px;
}

ul.flex-direction-nav{
	position: absolute;
	width: 1024px;
	margin-top: -179px;
}
ul.flex-direction-nav{
	position: absolute;
	width: 1024px;
	margin-top: -220px;
}
ul.flex-direction-nav li a {
	float:left;
	width: 41px;
	height: 41px;
	background: url(/img/slider_btn.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	margin-left:10px;
	z-index:1;
	outline:none;
}
ul.flex-direction-nav li a.flex-next{
	float: right;
	background: url(/img/slider_btn.png) no-repeat -41px 0;
	margin-right:10px;
}
#center .baslik, #center .harita, #center .page, #center .number{
	float:left;
	width:1024px;
	border:1px solid #d2d2d2;
	padding:15px;
	background-color:#fff;
	font-size:14px;
	font-weight:600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#center .number{padding:0 !important; background-color:inherit; border:none;}
#center .page{font-size:12px;}
#center .harita span{
	float:left;
	margin-right:7px;
}
#center .harita span.active a,#center .harita span.active{color:#a2a2a2;}

#center  #koleksiyonlar,#center  #urunlerimiz{
	float:left;
	width:1024px;
}
#center  #koleksiyonlar ul li{float:left; border:1px solid #d2d2d2; position: relative; overflow: hidden;}
#center  #koleksiyonlar ul li.buyuk{float:left; width:503px; height:244px; }
#center  #koleksiyonlar ul li.kucuk{float:left; width:244px; height:114px; }
#center  #koleksiyonlar ul li.yanbosluk{float:left; width:13px; height:244px; border:none; }
#center  #koleksiyonlar ul li.dikbosluk{float:left; width:503px; height:14px; border:none; }
#center  #koleksiyonlar ul li.arabosluk{float:left; width:14px; height:114px; border:none; }

.boxcaption {
	position: absolute;
	background: #fff;
	width: 97%;
	padding:2%;
	opacity: .7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	bottom: -260px;
	left: 0;
}

#center  #urunlerimiz ul li{float:left; border:1px solid #d2d2d2; background-color:#fff; margin-bottom: 14px;}
#center  #urunlerimiz ul li a{float:left; width:244px; height:327px;position:relative; }
#center  #urunlerimiz ul li img{margin:10px;width:224px;}
#center  #urunlerimiz ul li .bilgi{width:206px; margin:0 auto; border-bottom:1px solid #d2d2d2;position:relative;}
#center  #urunlerimiz ul li .bilgi>span.carat {
    position: absolute;
    width: 206px;
    text-align: center;
    margin-top: -30px;
    font-weight: bold;
    font-size: 16px;
    color: #000 !important;
}
#center  #urunlerimiz ul li span{color:#a2a2a2;}
#center  #urunlerimiz ul li span.type { 
	position: absolute; width: 100%; text-align: center; 
	top: 15px; font-weight: 600; font-size: 14px; color: #a2a2aa !important; 
}
#center  #urunlerimiz ul li span.urunadi,
#center  #urunlerimiz ul li span.fiyat{float:left; padding: 10% 6% 5% 6%; width: 88%; font-size: 13px;}
#center  #urunlerimiz ul li span.fiyat{text-align:center;font-weight:600;font-size:14px;/*color:#000;*/}
#center  #urunlerimiz ul li span.detay{float:left; padding:0; width: 100%;text-align:center;}
#center  #urunlerimiz ul li span.detaytxt{font-size:11px;}
#center  #urunlerimiz ul li span.detay i{margin-top:3px; color:#a2a2a2;}
#center  #urunlerimiz ul span.bosluk{float:left; border:none; width:13px; height:327px; background-color:#f5f5f5; }
#center  #urunlerimiz ul span.bosluk.iki{width:14px; }

#center  #urunlerimiz ul li:hover{border:1px solid #a3a3a3; }
#center  #urunlerimiz ul li:hover span{color:#5e5e5e; }
#center  #urunlerimiz ul li:hover span.detay i{color:#5e5e5e; }
#center  #urunlerimiz ul li:hover .bilgi{border-bottom:1px solid #a3a3a3; }

#center  #urunlerimiz ul.montur li:hover{border:1px solid #d2d2d2; }
#center  #urunlerimiz ul.montur li:hover span{color:#000; }
#center  #urunlerimiz ul.montur li:hover span.detay i{color:#5e5e5e; }
#center  #urunlerimiz ul.montur li:hover .bilgi{border-bottom:1px solid #d2d2d2; }
#center  #urunlerimiz ul.montur li span.fiyat{width:100%;padding:15px 0;}
#center  #urunlerimiz ul.montur span.bosluk{height:295px;}
#center .page.txt{font-size:14px;font-weight:normal;}
#center h2.satirbaslik {margin: 15px 0;font-size: 14px !important;}



#center #urundetay{float:left;width:100%;}
#center #urundetay .urunimg {
    float: left;
    width: 400px;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 10px;
}
#center #urundetay .urunimg img,
#center #urundetay .urundetay .detay{float: left;width: 100%;}
#center #urundetay .urundetay {
    float: left;
    width: 550px;
    margin-left: 20px;
}
#center #urundetay .urundetay h1.urunadi{font-size: 20px;font-weight:600;}
#center #urundetay .urundetay hr{margin: 20px 0;font-weight: normal;font-size: 8px;border: none;border-top: 1px solid #d2d2d2;float:left;width:100%;}
#center #urundetay .urundetay .satinal {
    float: left;
    width: 100%;
	margin-top:20px;
}
#center #urundetay .urundetay .satinal>.button {
	float: right;
    padding: 10px;
    background: #333;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 125px;
    text-align: center;
}
#center #urundetay .urundetay .satinal>span.fiyat {
	float: left;
    font-size: 24px;
    font-weight: 600;
    border: 1px solid #333;
    padding: 2px 11px 3px 11px;
    width: 381px;
    background: #fff;
}

ul#OzellikList {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    font-weight: normal;
}
ul#OzellikList>li {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:14px;
}
ul#OzellikList>li>b,
ul#OzellikList>li>span{
    width: 25%;
	float:left;
    font-size: 14px;
	display:inline-table;
	font-weight:600;
}
ul#OzellikList>li>span>a{font-size:14px;text-decoration:underline;}
ul#OzellikList>li>span {width:73%;font-weight:normal;}
ul#OzellikList>li>span.ikinokta {width:2%;font-weight:600;}

#center #urundetay .urundetay .strbslk{font-size:18px;font-weight:600;}
#center #urundetay .urundetay p.bilginotu{float:left;width:100%;font-weight:normal;margin-top:15px;}
#bottom{
	float:left;
	background-color:#fff;
}
#bottom .footer_ust{border-bottom:1px solid #d2d2d2; float:left; width:1024px;}
#bottom .footer_ust ul.sol{
	float:left;
}
#bottom .footer_ust ul.sosyalaglar{
	float:right;
}
#bottom .footer_ust ul.sol li, #bottom .footer_ust ul.sosyalaglar li{
	float:left;
	padding:10px 0;
}
#bottom .footer_ust ul.sol li{
	margin-right:15px;
	font-weight:bold;
	padding-top: 16px;
}
#bottom .footer_ust ul.sosyalaglar li{
	margin-left:2px;
}
#bottom .footer_ust ul.sosyalaglar li i{
	font-size:24px;
}
#bottom .footer_orta{float:left; width:1024px;}

#bottom .footer_orta ul.footer{float:left; width:1024px;}
#bottom .footer_orta ul.footer li.footer_kategoriler, .footer_bilgi, .footer_iletisim{float:left; width:160px; margin-right: 10px;}
#bottom .footer_orta ul.footer li.footer_iletisim{margin-right:0;}

#bottom .footer_orta ul.footer li.footer_iletisim{ width:100%; float:left; }
#bottom .footer_orta ul.footer li span.AnaBaslik{float:left; width:100%; margin-bottom: 5px;}
#bottom .footer_orta ul.footer li span.AnaBaslik a{	font-size:16px; font-weight:600;}
#bottom .footer_orta ul.footer li ul.footer_altkategori{
	float:left;
	margin:10px;
	width:100%;
}
#bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li, #bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li a{float:left; width:100%;}
#bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li.baslik a{font-weight:600; color:#383a3d; float:left; width:100%; font-size:12px;}
#bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li.baslik a:hover{text-decoration:none;}
#bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li a:hover{text-decoration:underline;}
#bottom .footer_orta ul.footer li.footer_kategoriler ul.footer_altkategori li a{color:#a2a2a2; font-size:11px;}

#bottom .footer_orta ul.footer li.footer_bilgi ul.footer_altkategori li , #bottom .footer_orta ul.footer li.footer_bilgi ul.footer_altkategori li a{float:left; width:100%;}
#bottom .footer_orta ul.footer li.footer_bilgi ul.footer_altkategori li a{float:left; width:100%; color:#a2a2a2; font-size:11px;}

#bottom .footer_orta ul.footer li.footer_iletisim ul.iletisim{margin:10px;}
#bottom .footer_orta ul.footer li.footer_iletisim ul.iletisim li{ float:left; width:100%; margin-bottom:10px;}
#bottom .footer_orta ul.footer li.footer_iletisim ul.iletisim li i{ font-size:18px; color:#444; margin-right: 10px;}
#bottom .footer_orta ul.footer li.footer_iletisim ul.iletisim li span{ float:left; color:#a2a2a2; font-size:14px;}



#bottom .footer_alt{border-top:1px solid #d2d2d2; float:left; width:1004px; padding:10px;}
#bottom .footer_alt span.copyright{float:left; width:1004px; color:#a2a2a2; font-size:11px;}
#bottom .footer_alt span.footer_logo{float:left; width:1004px; text-align:center;}



.iletisim_page{
	float:left;
	width:992px;
	margin-bottom:20px;
}
.iletisim_map{
	float:left;
	width:992px;
}
.iletisim_sol, .iletisim_sag{
	float:left;
	width:45%;	
}
.iletisim_sag{}

.iletisim_sol{margin-right:5%;}


ul.iletisim_bilgileri li{width:100%; margin-bottom:10px; margin-left: 40px;}
ul.iletisim_bilgileri li span{font-size:14px; font-weight:normal; float:left;}
ul.iletisim_bilgileri li i{font-size:18px; margin-right:10px;}
ul.iletisim_formu li span{font-size:11px; font-weight:normal; float:left;}
ul.iletisim_formu li input.iletisim_form_input,
ul.iletisim_formu li input.iletisim_form_guvenlik{border:1px solid #d2d2d2; padding: 11px; width: 400px;}
ul.iletisim_formu li input.gonder_btn{cursor:pointer; border:1px solid #d2d2d2; background-color:#333; color:#fff; font-weight:bold; padding: 8px; width: 100px;}
ul.iletisim_formu li textarea.iletisim_form_text{border:1px solid #d2d2d2; resize:none; padding: 11px; width: 400px; height:80px; outline:none;}
ul.iletisim_formu li img.guvenlik {float:left;}
ul.iletisim_formu li input.iletisim_form_guvenlik {
    width: calc(100% - 194px);
    margin-left: 10px;
	text-transform:uppercase;
}


ul.iletisim_bilgileri li.iletisim_baslik{margin-bottom:15px; margin-left:0px;}
ul.iletisim_bilgileri li.iletisim_baslik i{font-size:30px; margin-right:10px;}
ul.iletisim_bilgileri li.iletisim_baslik span{font-size:18px; font-weight:600; margin-top:3px; float:left;}
.iletisim_sag ul.iletisim li.sosyal i{margin-left:-3px;}




ul#number-nav{
	float:right;
}
ul#number-nav li{float:left;}
ul#number-nav li a{float:left; margin-left:4px; padding:4px; background-color:#fff; border:1px solid #d2d2d2; text-align:center;}
ul#number-nav li i{float:left; font-size:20px;}
ul#number-nav li.sayi a{padding:6px 10px 5px 10px;}
ul#number-nav li.secili a,ul#number-nav li a:hover{border:1px solid #A3A3A3;}


#sayfaalani ul{list-style:inherit; margin: 10px 30px 10px 30px;}
#sayfaalani ul li{list-style:inherit;}




#UrunForm ul{float:left;width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#UrunForm ul>li{float:left;width:30%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-right:30px;
}
#UrunForm ul>li:last-child{padding-right:0;}
#UrunForm ul>li.iletisim{float:left;width:40%;margin-right:0;}
#UrunForm ul>li .gorsel{padding:10px;border:1px solid #d2d2d2;float:left;width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align:center;
}
#UrunForm ul>li .urunbilgi{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}
#UrunForm ul>li .gorsel>img {
    max-height: 291px !important;
    width: 100% !important;
	max-width:291px !important;
    text-align: center !important;
    float: none !important;
}
#UrunForm ul>li .gorsel>img,
#UrunForm ul>li:nth-child(2) .satir{float:left;width:100%;}
#UrunForm ul>li:nth-child(2) .satir{margin-bottom:30px;}
#UrunForm ul>li:nth-child(2) .satir>b{font-size:16px;font-weight:bold;}
#UrunForm ul>li:nth-child(2) .satir>span{font-size:16px;font-weight:normal;}

#UrunForm .iletisimformu {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#UrunForm .iletisimformu input, #UrunForm .iletisimformu textarea, #UrunForm .iletisimformu select {
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
    outline: none;
	font-size:14px !important;
}
#UrunForm .iletisimformu textarea {
    height: 80px;
}
#UrunForm .iletisimformu .guvenlikkodu,
#UrunForm .iletisimformu .teksatir{float:left;width:100%;}
#UrunForm .iletisimformu .teksatir .x2{width:50%;float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#UrunForm .iletisimformu .teksatir .x2:last-child {padding-left: 5px;}
#UrunForm .iletisimformu .teksatir .x2:first-child {padding-right: 5px;}

#UrunForm .iletisimformu .guvenlikkodu>img.guvenlik{float:left;margin-right:10px;}
#UrunForm .iletisimformu .guvenlikkodu>input{float:left;width:calc(100% - 130px);text-transform:uppercase;}
#UrunForm .iletisimformu .formbtn{
    float: right;
    padding: 10px;
    background: #333;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 145px;
    text-align: center;	
	font-weight:600;
	border:none;
}
div#uyari{float:left;width:100%;margin-top:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div#uyari>.hata,div#uyari>.bilgi {
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background: #f00;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}
div#uyari>.bilgi{background: #4caf50;}
hr.footer{
    border: none;
    border-top: 1px solid #d2d2d2;
    float: left;
    width: 100%;
    margin: 10px 0;
}


table#UrunList {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
table#UrunList tr th {
    background: #e6e6e6;
    border: 1px solid #d2d2d2;
    padding: 10px 0;
}
table#UrunList tr td {
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 10px 0;
    background: #fff;
}
table#UrunList tr:hover td {
    background: #f5f5f5;
}
table#UrunList tr td.resim>img,table#UrunList tr td.resim>a>img {
    height: 40px;
}
table#UrunList tr td.resim {padding: 4px 0;}
.sort {
    float: right;
    width: 52px;
    height: 19px;
}
.sort .list {
    background-image: url(/img/sort.png);
    width: 26px;
    height: 19px;
    float: left;
}
.sort .grid {
    background-image: url(/img/sort.png);
    background-position: right top;
    width: 19px;
    height: 19px;
    float: left;
    margin-left: 7px;
}
.sort .active {
    background-position-y: bottom;
}
a.developer {
    font-size: 11px;
    float: right;
    color: #a2a2a2;
}
a.hizliduzenle{
	font-size: 12px;
    float: right;
    color: #f00;
    margin-top: 5px;
}

@media (max-width: 1024px) {
	#page{padding:0 35px !important;}
}