@charset "utf-8";
/* CSS Document */

@-ms-viewport{width:device-width}
body{ font-family: 'gotham_narrowlight'; margin:0px; height:100%}
p{ font-size:18px}
.tamEkran{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	z-index:9999;
	background-image:url(../img/siyah.png);

  }
#Kapsul{
	display: table;
	height: 100%;
	#position: relative;
	overflow: hidden;
	width:100%;
}
#IcerikAlani{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
#alan{
	#position: relative;
	#top: -50%; width:1200px; margin-left:auto; margin-right:auto
}
a{ font-family: 'Courgette', cursive; text-decoration:none}

img{border:0px}
.left {float: left; }
.right{ float:right}
.ClearFixAll {	clear: left;}
.kapsamaAlani{ max-width:1412px; min-width:800px; margin:auto; }
.fotoBoyut{ width:100%; height:auto}
.genislik52{ width:52%}
.genislik48{ width:48%}
.genislik20{ width:20%}
.genislik25{ width:25%}
.genislik55{ width:55%}
.genislik75{ width:75%; margin-left:auto; margin-right:auto}
.baslikBeyaz{ color:#ffffff; font-size:37px; line-height:75px; letter-spacing:-2px; font-family: 'Courgette', cursive;}
.baslikBeyaz2{ color:#ffffff; font-size:23px;  letter-spacing:-1px; font-family: 'gotham_narrowlight', cursive;}
.baslikText{ color:#958451; font-size:55px; line-height:85px; letter-spacing:-2px;font-family: 'Courgette', cursive;}
.baslikText2{ color:#ffffff; font-size:35px; line-height:45px; font-family: 'Courgette', cursive;}
.baslikText3{ color: #999; font-size:35px; line-height:45px; font-family: 'Courgette', cursive;}
.menuZmn{background-image:url(../img/headerZmn.png); background-position:top center; background-repeat:no-repeat;  height:117px; width:100%}
.ustMenuLink{ line-height:103px; font-size:23px;  color:#786a3e}
.ustMenuLink:hover{   color:#000}
.urunMenuLink{ line-height:40px; font-size:20px;  color:#786a3e}
.urunMenuLink:hover{ color:#000}
.iletisimText{ color:#FFF; font-size:18px}
.iletisimLink{ color:#FFF; font-size:18px}
.iletisimLink:hover{ color:#F00}
.altAlta{ display:block; margin-bottom:4px}
.menuSagSol{ margin-left:20px; margin-right:20px}

.urunMenu{ padding-bottom:30px; padding-top:10px; padding-left:33px}
.urunMenu ul{float:left;margin:0;padding:0; list-style-image:url(../img/bulut.png)}
.urunMenu ul li{float:left;margin-left:1.2em; margin-right:40px}

.sagSol20Mobile{ padding-left:20px; padding-right:20px}
.Container {
	width: 100%; 
}

.MainContainer {

		max-width: 1412px; 
		min-width: 400px;
	 	margin: auto; 

}
.urunimg{ width:200px; height:280px}
.urunimg:hover{opacity: 0.9; filter: alpha(opacity=80); /* For IE8 and earlier */}

.vitrinImg{ width:420px; height:587px; margin-right:5px;  }


.formKapsar{ width:390px; margin-right:5px}
.form{ background-color:#d97a33; border:1px solid #c1722d; padding:10px; width:90%; color:#4f2503; margin-bottom:5px}
.formB{ background-color:#d97a33; border:1px solid #c1722d; padding:10px; width:90%; color:#4f2503; margin-bottom:5px; height:75px}
.formButton{ padding:10px; background-color:#c45603; color:#FFF; border:#8c3d02 1px solid ; width:95%; ; margin-bottom:5px}
.formButton:hover{ background-color:#bb5101}

.formText{ font-family: 'gotham_narrowlight'; font-size:20px; letter-spacing:-1px}
.iletisimFrame{width:100%; height:250px}
.urunDetayText{font-family: 'gotham_narrowlight'; color:#000; }
.sagSol2{ padding-right:2px; padding-left:2px}


@media only screen and (max-width: 1050px) {
.kapsamaAlani{ max-width:100%; min-width:100%; }
.sagSol20Mobile{ padding-left:20px; padding-right:20px}
.MainContainer {max-width: 100%; min-width: 100%; width:100%;margin: auto; }
#alan{
	#position: relative;
	#top: -50%;
	max-width:1000px; min-width:400px; 
	margin-left:auto; margin-right:auto;
}
}