@charset "utf-8";
/* CSS Document 
@media screen and (min-width: 400px) and (orientation: portrait)
@media screen and (min-width: 400px) and (max-width: 720px)
240-320
320-480 iphone 5 yükseklik biraz fazla
360-640 galaxy s4
480-640 küçük tablet dikey
768-1024 ipad
800-1280 

bu durumda 320 altında en fazla 240 genişlik olmalı
			360 altında en fazla 320 genişlik olmalı
			480	altında en fazla 360
			800 altında en fazla 480
			1024 altında en fazla 800
			
Renkler
treehouse 	yeşili 	5FCF80
			sarısı 	FFD466
			mavisi 	39ADD1
			pembesi FF8EB4
			siyah 	384047
			grisi	C7CFD1

*/
.temizle{clear:both;}
.sola {float:left;}
.saga {float:right;}

ul {
	margin:0;
	padding:0;
	list-style:none;
}
a {	text-decoration:none; }

#tamKapsayan{
	width:100%;
	box-sizing:border-box;
	min-width:712px;
}
#kapNav {
	background-color: #5FCF80;
	height:30px;
	border-bottom:2px solid #384047;
}

#kapNav #nav {
	height: 40px;
	width:712px;
	margin-left:auto;
	margin-right:auto;
}
#nav ul a li {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background-color: #5FCF80;
	padding: 9px;
	float: right;
	width: 90px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(153,153,153,1);
	-moz-box-shadow: 0px 2px 10px 0px rgba(153,153,153,1);
	box-shadow: 0px 2px 10px 0px rgba(153,153,153,1);
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #5FCF80;
    border-bottom: 2px solid #384047;
}

#nav ul a li:last-child{ margin-right:10px;}
.aktif {
    border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFD466 !important;
	background-color: purple;
}
#nav ul a li:hover {
	border-top-color: #FFD466;
	-webkit-transition: border-top-color 0.2s ease-in-out 0s;
	-moz-transition: border-top-color 0.2s ease-in-out 0s;
	-ms-transition: border-top-color 0.2s ease-in-out 0s;
	-o-transition: border-top-color 0.2s ease-in-out 0s;
	transition: border-top-color 0.2s ease-in-out 0s;
}
#kapLogo {background-color: #fff;}
#kapSlider
{
	/*background-color: #FFD466; /*#f0ede2;*/*/
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,212,102,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(255,212,102,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,212,102,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,212,102,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,212,102,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(255,212,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ffd466', GradientType=0 );
}
#kapLogo #logoAlani {
	height: 70px;
	max-width: 950px;
	background-image: url(../Gorseller/logo.png);
	background-repeat: no-repeat;
	background-position: left 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:30px;
	border-bottom: 2px solid #5FCF80;
}

#kapSlider #slider {
	position:relative;	
	max-width: 950px;
	height:480px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
	overflow:hidden;
}

#kapOzellik{
	background-color:#5FCF80;
	margin-top:-30px;
}

#kapOzellik #ozellikTutan{
	max-width:950px;
	padding-bottom:50px;
	margin-left: auto;
	margin-right: auto;
}

#kapOzellik #ozellikTutan .ozellikKapsul{
	width:250px;
	float:left;
	margin:50px auto 0;
}

#kapOzellik #ozellikTutan .ozellikKapsul .ozellik{
	width:200px;
	height:180px;
	background-color:#C7CFD1;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;    
	border: 0px solid #fff;
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
}

#kapOzellik #ozellikTutan .ozellikKapsulSon {
	width:200px;
}

#kapOzellik #ozellikTutan .ozellikKapsul .ozellik img{
	width:200px;
	height:50px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000;
	//opacity:0.9;
	//filter: alpha(opacity=90); /* IE8 */
}
#kapOzellik #ozellikTutan .ozellik h3 {
	position:relative;
	//float:right;
	top:-30px;
	margin:0 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align:center;
}
#kapOzellik #ozellikTutan .ozellik p{
	position:relative;
	top:-30px;
	margin:14px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #384047;
	text-align:center;
}
/*#kapOzellik #ozellikTutan .ozellik .sekil{
	width:32px;
	height:32px;
	float:left;
	position:relative;
	top:-44px;
	left:14px;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	line-height:32px;
	background-color:#39ADD1;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-box-shadow:inset 0px 0px 6px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0px 0px 6px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0px 0px 6px 3px rgba(0,0,0,0.4);
}
*/
#kapUrunler {
	background-color: #fff;
}

#urunlerTutan, #bizKimizTutan{
	max-width:950px;
	padding-bottom:50px;
	margin-left: auto;
	margin-right: auto;
}

#urunlerTutan .urunSol{
	box-sizing:border-box;
	width:450px;
	margin:50px auto 0;
	height:160px;
	padding:20px;
	background-color:#5FCF80;
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4);
}

.yuksek { height: 212px !important;}

#urunlerTutan img{
	float:left;
	width:120px;
}

#urunlerTutan .metinTutan{
	width:270px;
	float:left;
	margin-left:20px;
}
#urunlerTutan h3{
	margin:0;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

#urunlerTutan p{
	margin-top:14px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-align:left;
}
#iletisimTutan {
    background-color:#5FCF80;
}
#kapIletisim{
    background-color:#5FCF80;
    max-width:950px;
	margin-left: auto;
	margin-right: auto;
}

#kapIletisim #kapIletisimAdres{
    float: left;
    width: 540px;
}

#kapIletisim #kapIletisimAdres #harita{
    border: 10px solid white;
    margin: 10px;
}

#kapIletisim #kapIletisimAdres .metinTutan{
    margin :10px;
    background-color: #bfffbf; 
    padding: 10px;
    border: 10px solid white;
}

#kapIletisim #kapIletisimAdres .metinTutan label{
    display: block;
    color: #384047;
    font-size: 16px;
    font-family: Tahoma, Geneva, sans-serif;
    margin: 10px;
}

#kapIletisim #kapIletisimForm{
    float: left;
    width: 380px;
    background-color: #bfffbf;
    margin: 10px 10px 10px 0;
    border: 10px solid white;
}

#kapIletisim #kapIletisimForm h4{
    margin: 10px 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    color: #384047;
    text-align: center;
    font-size: 18px;
}
#kapIletisim #kapIletisimForm form .iletisimFormYazi{
    margin: 0 12px;
    display: block;
    text-align: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    color: #384047;
    font-size: 16px;
}
#kapIletisim #kapIletisimForm form .iletisimFormKutucuk, #kapIletisim #kapIletisimForm form .iletisimFormMesajAlani{
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin: 0 10px 20px;
    padding: 8px;
    width: 360px;
    color: #666;
    font-size: 14px;
}

#kapIletisim #kapIletisimForm form .iletisimFormMesajAlani{
    height: 200px
}

#kapIletisim #kapIletisimForm form .iletisimFormBtn{
    border-radius: 3px;
    margin: 0 10px 18px;
    padding: 8px;
    width: 360px;
    color: #666;
    font-size: 16px;
    background-color: #bfffbf;
}
#bizKimizTutan h3{
    margin: 10px 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    color: #384047;
    font-size: 22px;
}

#bizKimizTutan label{
    margin: 10px 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    line-height: 20px;
    color: #384047;
    font-size: 16px;
}
#kapIletisim #kapIletisimForm form .iletisimFormBtn:hover{
    background-color: #5FCF80;
}
#footer {
	background-color: #384047;
}
#footer #kapFooter{
    max-width: 950px;
    padding: 20px 0;
    margin-left: auto;
    margin-right: auto;
}

#footer #kapFooter #footerSolKap {
    float: left;
    line-height: 120px;
}

#footer #kapFooter #footerSolKap a{
    //display: table-row;
    color:#fff;
    font-size: 14px;
    //vertical-align: middle;
    
}
#footer #kapFooter #footerSagKap {
    float: right;
}

#footer #kapFooter #footerSagKap .footerYazi{
    display: block;
    text-align: right;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}