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

body {
	margin: 0px;
	font-family:"Arial";
	font-size:13px;
}
#ust {
	height: auto;
	width: 100%;
	position: relative;
}
#ust #cizgi {
	background-image: url(../images/cizgi.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 100%;
}
#ust #orta {
	height: 150px;
	width: 100%;
	background-color: #FFF;
}
#ust #orta #ic {
	height: 150px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#ust #orta #ic #logo {
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}
#ust #orta #ic #reklam {
	float: left;
	height: 135px;
	width: 800px;
	margin-top: 5px;
	margin-left: 10px;
}
#ust #orta #ic #sosyal {
	float: left;
	height: 28px;
	width: 130px;
	margin-top: 100px;
	margin-left: 10px;
}
#ust #orta #ic #sosyal .face {
	background-image: url(../images/sosyal.png);
	background-position: -79px 0px;
	height: 28px;
	width: 29px;
	float: left;
}
#ust #orta #ic #sosyal .face:hover {
	background-image: url(../images/sosyal1.png);
	background-position: -79px 0px;
	height: 28px;
	width: 29px;
	float: left;
}
#ust #orta #ic #sosyal .twitter {
	background-image: url(../images/sosyal.png);
	background-position: -39px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #orta #ic #sosyal .twitter:hover {
	background-image: url(../images/sosyal1.png);
	background-position: -39px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #orta #ic #sosyal .google {
	background-image: url(../images/sosyal.png);
	background-position: -157px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #orta #ic #sosyal .google:hover {
	background-image: url(../images/sosyal1.png);
	background-position: -157px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #orta #ic #sosyal .mail {
	background-image: url(../images/sosyal.png);
	background-position: 0px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #orta #ic #sosyal .mail:hover {
	background-image: url(../images/sosyal1.png);
	background-position: 0px 0px;
	height: 28px;
	width: 29px;
	float: left;
	margin-left: 4px;
}
#ust #altcizgi {
	height: 90px;
	width: 100%;
}
#ust #altcizgi #uzuncizgi {
	background-image: url(../images/uzuncizgi.png);
	background-repeat: repeat-x;
	height: 90px;
	width: 100%;
}
#ust #altcizgi #uzuncizgi #ic1 {
	height: 95px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#ust #altcizgi #uzuncizgi #ic1 #logoad{
	text-align: center;
	float: left;
	height: 95px;
	width: 220px;
	font-size: 22px;
	color: #FFF;
	background-image: url(../images/logoad.png);
	background-repeat: no-repeat;
}
#ust #altcizgi #uzuncizgi #ic1 #ustmenu {
	float: right;
	height: 60px;
	width: 350px;
}
#ust #altcizgi #uzuncizgi #ic1 #ustmenu a {
	color: #FFF;
}
#ust #altcizgi #uzuncizgi #ic1 #ustmenu .menum {
	float: left;
	height: 40px;
	width: 80px;
	margin-left: 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi #uzuncizgi #ic1 #ustmenu .menum .domres {
	background-image: url(../images/guzeldom.png);
	height: 35px;
	width: 36px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -8px;
	background-repeat: no-repeat;
	float: left;
	padding-top: 26px;
	padding-left: -7px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi #uzuncizgi #ic1 #ustmenu .menum .domres:hover {
	background-image: url(../images/guzeldomyes.png);
	height: 25px;
	width: 36px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -8px;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu {
	height: 35px;
	width: 970px;
	margin-left: 10px;
	float: right;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu a {
	color: #000;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu .menu {
	float: left;
	height: 22px;
	width: auto;
	margin-left: 5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu .menu .domeres {
	height: 17px;
	width: auto;
	background-image: url(../images/kirmizidom.png);
	float: left;
	margin-right: 3px;
	background-repeat: no-repeat;
	padding-left: 23px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu .menu .domeresa {
	height: 17px;
	width: auto;
	background-image: url(../images/akdoma.png);
	float: left;
	margin-right: 3px;
	padding-left: 23px;
	background-repeat: no-repeat;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi #uzuncizgi #ic1 #altmenu .menu .domeresa:hover {
	height: 17px;
	width: auto;
	background-image: url(../images/kirmizidom.png);
	float: left;
	margin-right: 3px;
	padding-left: 23px;
	background-repeat: no-repeat;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#ust #altcizgi .incecizgi {
	background-image: url(../images/incecizgi.png);
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;
}
#slider  {
	width: 1200px;
	height: auto;
	max-height: 380px !important;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#slider #ban {
	position: relative;
	height: 380px;
	margin:0px;
	padding: 0px;
	float: left;
	width: auto;
	list-style-type: none;
}

#slider .banner {
	height: 380px;
	width: 1200px;
	float: left;
	position: relative;
	z-index: 0;
}
#bilgiler {
	height: auto;
	width: 1000px;
	overflow: hidden;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#bilgiler #sayfa {
	float: left;
	height: auto;
	width: 700px;
}
#bilgiler #sayfa .saybasligim {
	text-align: center;
	float: left;
	height: 30px;
	width: 700px;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
#bilgiler #sayfa .sayicerik {
	float: left;
	height: 100px;
	width: 340px;
	margin-top: 10px;
	margin-left: 5px;
	display: inherit;
}
#bilgiler #sayfa .sayicerik .sayresimic {
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 5px;
	display: inherit;
}
#bilgiler #sayfa .sayicerik .sayiceriks {
	float: left;
	height: 90px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 235px;
	display: inline;
}

#bilgiler #bilgim {
	float: left;
	width: 700px;
	margin-top: 20px;
}
#bilgiler #bilgim .basligim {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	width: 680px;
	margin-left: 20px;
}
#bilgiler #bilgim .icerik {
	float: left;
	width: 700px;
	margin-top: 10px;
}
#bilgiler #bilgim .icerik .resimic {
	float: left;
	height: 200px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#bilgiler #bilgim .icerik .iceriks {
	margin-top: 20px;
	margin-left: 10px;
}
#bilgiler #bilgim #res {
	margin-top: 30px;
	width: 600px;
	margin-left: 30px;
	float: left;
}
#bilgiler #bilgim #res .pirobox_gall .resi {
	float: left;
	height: 70px;
	width: 100px;
	margin-left: 10px;
}

#bilgiler #saglist {
	float: right;
	height: 600px;
	width: 200px;
	margin-top: 20px;
}
#bilgiler #saglist #menuler {
	float: left;
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}
#bilgiler #saglist #menu {
	display: inherit;
	float: left;
	width: 193px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -35px;
	height: auto;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
#bilgiler #saglist #menu .icmenu {
	list-style-type: none;
	margin-top: 4px;
	margin-left: 2px;
	display: block;
}
#bilgiler #saglist #menuler #menu .icmenu a {
	text-decoration: none;
	color: #F00;
}

#bilgiler #saglist #resimler {
	margin-top: 5px;
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#bilgiler #saglist #resim {
	float: left;
	display: table-row-group;
	margin-left: -42px;
}
#bilgiler #saglist #resim .resimler {
	height: 65px;
	width: 65px;
	margin-top: 5px;
	margin-left: 5px;
	list-style-type: none;
	float: left;
}




#alt {
	height: auto;
	width: 100%;
	z-index:99999999;
}
#alt .incecizgi {
background-image: url(../images/incecizgi.png);
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;}
a {
	color: #000;
}

#alt #arka {
	height: 300px;
	width: 100%;
	position: absolute;
	z-index: -999999;
}
#alt #arka .hisar {
	background-image: url(../images/alt1.png);
	height: 100px;
	width: 100%;
	background-repeat: repeat-x;
}
#alt #arka .hisar1 {
	height: 100px;
	width: 100%;
}


#alt #icerik {
	height: auto;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#alt #icerik #haber {
	float: left;
	height: 320px;
	width: 300px;
	margin-top: 20px;
}
#haber .haberler {
	height: 312px;
	width: 300px;
	background-color: #FFF;
	margin: 0px;
}
#haber .haberler .baslik {
	font-size: 24px;
	text-align: center;
	float: left;
	height: 30px;
	width: 300px;
}

#haber .haberler .haberim {
	float: left;
	height: 80px;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #89BA91;
}
#haber .haberler .haberim .resim {
	float: left;
	height: 70px;
	width: 70px;
	margin-left: 5px;
}
#haber .haberler .haberim .habericerik {
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	height: 80px;
}
#haber .haberler .haberim .habericerik a {
	float: right;
	margin-top: -60px;
	margin-right:-20px;
	background-color: #89BA91;
	border-bottom-left-radius: 5px;
	width: 60px;
	color: #000;
	text-align: right;
}

h2 {
	font-size: 16px;
}
span  {
	font-size: 12px;
}


#alt #icerik #urunlerimiz {
	float: left;
	height: 320px;
	margin-top: 20px;
	width: 400px;
	margin-left: 10px;
}

#urunlerimiz .urunler {
	height: 312px;
	width: 400px;
	background-color: #FFF;
}
#urunlerimiz .urunler .baslik {
	font-size: 24px;
	float: left;
	height: 30px;
	width: 400px;
	text-align: center;
}
#urunlerimiz .urunler .urun {
	float: left;
	height: 80px;
	width: 200px;
	margin-top: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #89BA91;
}
#urunlerimiz .urunler .urun .resim {
	height: 70px;
	width: 70px;
	margin-left: 5px;
	float: left;
}
#urunlerimiz .urunler .urun .urunicerik {
	float: left;
	height: 80px;
	width: 120px;
	font-weight: bold;
	font-size: 15px;
}


#alt #icerik #iletisim {
	float: left;
	height: 320px;
	width: 300px;
	margin-top: 20px;
	margin-left: 10px;
}
#iletisim .ilet {
	height: 312px;
	width: 300px;
	background-color: #FFF;
}
#iletisim .ilet .baslik {
	font-size: 24px;
	text-align: center;
	float: left;
	height: 30px;
	width: 300px;
}
#iletisim .ilet .ileti {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #89BA91;
}
.kucres  {
	float:left;
	height: 120px;
	width: 280px;
	margin-top: 37px;
	margin-right: auto;
	margin-left: 50px;
	overflow: hidden;
}
.kucres #kuc    {
	height: 120px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	position: relative;
	padding: 0px;
	z-index: 0;
}
.kucres #kuc .kucukres  {
	float: left;
	position: relative;
	z-index: 0;
	height: 120px;
	width: 280px;
}
.kucres1  {
	float:left;
	height: 120px;
	width: 280px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: 10px;
	overflow: hidden;
}
.kucres1 #kuc1    {
	height: 120px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	position: relative;
	padding: 0px;
	z-index: 0;
}
.kucres1 #kuc1 .kucukres1  {
	float: left;
	position: relative;
	z-index: 0;
	height: 120px;
	width: 280px;
}
.kucres2  {
	float:left;
	height: 120px;
	width: 280px;
	margin-top: 32px;
	margin-right: auto;
	margin-left: 10px;
	overflow: hidden;
}
.kucres2 #kuc2    {
	height: 120px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	position: relative;
	padding: 0px;
	z-index: 0;
}
.kucres2 #kuc2 .kucukres2  {
	float: left;
	position: relative;
	z-index: 0;
	height: 120px;
	width: 280px;
}




.cizgim {
	height: 4px;
	width: auto;
	background-image: url(../images/incecizgim.png);
	background-repeat: repeat-x;
}
.altcizgim {
	background-image: url(../images/incecizgim.png);
	background-repeat: repeat-x;
	height: 4px;
	width: auto;
}
#bilgiler #bilgim .galeri {
	float: left;
	height: 115px;
	width: 155px;
	margin-top: 10px;
	margin-left: 10px;
}

#harita{
	float:left;
	display:block;
	width:750px;
	margin-top:10px;
}
#bilgiler #bilgim #baskan {
	float: left;
	height: 315px;
	width: 700px;
}
#bilgiler #bilgim #baskan .yardim {
	height: 315px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #F00;
}
#bilgiler #bilgim #baskan .yardim .basresim {
	width: 190px;
	margin: 3px;
	height: 250px;
	border: 2px double #060;
}
#bilgiler #bilgim #baskan .yardim .basicerik {
	height:50px;
	width: 190px;
	margin: 3px;
	border: 2px solid #060;
	text-align: center;
	font-size: 14px;
}
#bilgiler #bilgim #altbirlik 
{
	width: 460px;
	margin-right: auto;
	margin-left: auto;
}
#bilgiler #bilgim .yardim1 {
	margin-top:20px;
	margin-left:22px;
	height: 315px;
	width: 200px;
	border: 2px solid #F00;
	float:left;
}
#bilgiler #bilgim .yardim1 .basresim {
	width: 190px;
	margin: 3px;
	height: 250px;
	border: 2px double #060;
}
#bilgiler #bilgim .yardim1 .basicerik {
	height:50px;
	width: 190px;
	margin: 3px;
	border: 2px solid #060;
	text-align: center;
	font-size: 14px;
}

.domeresa ul 
{
	margin: 0;    padding: 0;    border: 0;    outline: 0;    list-style:none; text-decoration:none;
}
.domeresa a{
	width:auto;
	height:17px;
	float:left;
	font-size:15px;
	color:#2e3192;
	padding-left:18px;
	padding-right:18px;
	line-height:17px;
	text-decoration:none;
    }
    
.domeresa a:hover{
	color: #FFF;
	background-color: #00CC33;
	background-image: url(img/cizgi.png);
	background-repeat: no-repeat;
	background-position: right;
    }



.domeresa  li{
    width:auto;
    height:46px;
    float:left;
    position:relative;
    }

.domeresa  ul li ul{
	background-color:#003300;
	width:220px;
	height:auto;
	float:left;
	position:absolute;
	top:35px;
	left:1px;
	z-index:1;
	display:none;
    }

.domeresa  ul li ul a{
	width:200px;
	height:30px;
	line-height:30px;
	float:left;
	padding:0 0 0 17px;
	border-top: dashed 1px gray;
	background:none;
    }

.domeresa  ul li ul li {
    height:30px;
    line-height:30px;
    }



.domeresa  li:hover >  ul{
    display: block;
    }



.domeresa  ul li ul li ul{
    width:180px;
    height:auto;
    float:left;
    position:absolute;
    background:#003300;
    top:0px;
    left:180px;
    z-index:1;
    display:none;
    }

.domeres ul 
{
	margin: 0;    padding: 0;    border: 0;    outline: 0;    list-style:none; text-decoration:none;
}
.domeres a{
	width:auto;
	height:17px;
	float:left;
	font-size:15px;
	color:#2e3192;
	padding-left:18px;
	padding-right:18px;
	line-height:17px;
	text-decoration:none;
    }
    
.domeres a:hover{
	color: #FFF;
	background-color: #00CC33;
	background-image: url(img/cizgi.png);
	background-repeat: no-repeat;
	background-position: right;
    }



.domeres  li{
    width:auto;
    height:46px;
    float:left;
    position:relative;
    }

.domeres  ul li ul{
	background-color:#003300;
	width:220px;
	height:auto;
	float:left;
	position:absolute;
	top:35px;
	left:1px;
	z-index:1;
	display:none;
    }

.domeres  ul li ul a{
	width:200px;
	height:30px;
	line-height:30px;
	float:left;
	padding:0 0 0 17px;
	border-top: dashed 1px gray;
	background:none;
    }

.domeres  ul li ul li {
    height:30px;
    line-height:30px;
    }



.domeres  li:hover >  ul{
    display: block;
    }



.domeres  ul li ul li ul{
    width:180px;
    height:auto;
    float:left;
    position:absolute;
    background:#003300;
    top:0px;
    left:180px;
    z-index:1;
    display:none;
    }
#footer {
	height: 40px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	background-image: url(../images/alt1.png);
	background-repeat: repeat-x;
}
#footer .incecizgi1{
	background-image: url(../images/incecizgi.png);
	background-repeat: repeat-x;
	height: 5px;
	width: 100%;
}
#footer .footer {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	margin-top: 5px;
}
#footer .footer samp {
	font-family: "Myriad Pro";
	font-size: 13px;
	width: 400px;
	margin-top: 5px;
	height: 20px;
	float: left;
	margin-left: 20px;
}

#footer .footer a img {
	float: left;
	height: 30px;
	width: 100px;
	margin-left: 40px;
}