@charset "utf8"; 

#contact {float:left; width: 100%;}
#contact h4 {float:left; width: 100%; color:#54504a; font-family: 'dosissemibold'; font-size:17px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; margin-bottom:15px;}
#contact .adres {float:left; background: url("../img/icons/adres.png") no-repeat left top; padding-left:44px; padding-top:15px; width:90%; color:#545453; font-family: 'dosismedium'; font-size: 15px; margin-top:5px; min-height: 27px;}
#contact .tel {float:left; background: url("../img/icons/tel.png") no-repeat left top; padding-left:44px; padding-top:15px; width:25%; color:#545453; font-family: 'dosismedium'; font-size: 15px; margin-top:5px; min-height: 27px;}
#contact .faks {float:left; background: url("../img/icons/faks.png") no-repeat left top; padding-left:44px; padding-top:15px; width:25%; color:#545453; font-family: 'dosismedium'; font-size: 15px; margin-top:5px; min-height: 27px;}
#contact .eposta {float:left; background: url("../img/icons/eposta.png") no-repeat left top; padding-left:44px; padding-top:15px; width:25%; color:#545453; font-family: 'dosismedium'; font-size: 15px; margin-top:5px; min-height: 27px;}
#contact .satiri {width:100%; margin-top:30px; float:left;}

#contact form {width: 630px; background: #f3f3f3; padding:20px; float:left; margin-top:30px;}
#contact form input[type="text"] {float:left; width: 285px; background: #FFF; height:42px; padding-left:18px; font-family: 'dosismedium'; font-size: 15px; color:#707070; border:none; margin-right:12px; margin-bottom:15px;}
#contact form textarea {float:left; width: 590px; background: #FFF; height:175px; padding:20px; font-family: 'dosismedium'; font-size: 15px; color:#707070; border:none; margin-right:12px; margin-bottom:15px;}
#contact form input[type="image"] {float:left; margin-top: 5px; width:285px; height: 40px;}
#contact .harita {width: 670px; float:left; margin-top: 15px; height: 250px;}

#productDetail {float:left;}
#productDetail .images {width:665px; float:left; border:1px solid #ccc9b6;}
#productDetail .images .bimage {float:left; width:665px; height:385px;  margin-top: 5px;}
#productDetail .images .bimage img {float:left; width: 665px; height: 380px;}
#productDetail .images ul.image {float:left;}
#productDetail .images ul.image li {border:1px solid #ccc9b6; border-bottom: none; width: 71px; height:65px; float:left; margin-left:7px; margin-bottom:5px;}
#productDetail .images ul.image li img {width: 71px; height: 65px;}

#productDetail .images ul.image li:hover img { opacity: 0.6;filter: alpha(opacity=60); }
#productDetail h3 {float:left; width: 100%; margin-top:25px; color:#bb1d2d; font-family: 'dosisextrabold'; font-size:18.42px; margin-bottom:20px;}

#product {float:left; width:205px; height: 252px; padding:5px; border:1px solid #e6e6e6; margin-right:7px; margin-bottom:10px;}
#product:hover {-webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.73); -moz-box-shadow:0px 0px 23px 0px rgba(50, 50, 50, 0.73); box-shadow:0px 0px 23px 0px rgba(50, 50, 50, 0.73);}
#product img {float:left; width:205px; height: 204px;}
#product p{float:left; margin-top: 15px; color:#5d5953; font-family: 'dosissemibold'; font-size: 16.22px; width:100%;}

#medyaResim {width:665px; margin-top:20px;  float:left;}
#medyaResim h3 { border-bottom:1px solid #e6e6e6;color:#5d5953; font-family: 'dosissemibold'; font-size: 16.22px; float:left; width: 100%; padding-bottom:10px; margin-bottom: 15px;}
#medyaResim .medyaresim {border:1px solid #ccc9b6;width: 71px; height:65px; float:left; margin-left:7px; padding:5px;}
#medyaResim .medyaresim:hover  { opacity: 0.6; filter: alpha(opacity=60); }


#popupBg {width: 100%; height: 100%; top: 0; left:0; position: fixed; background: url("../img/icons/popupbg.png"); display: none; z-index:888; }
#popkapat {display:none; position: absolute; left: 33.2%; margin-top:165px; background: url("../img/icons/kapat.png") no-repeat center center #FFF; cursor: pointer; padding: 5px;  width: 24px; height:35px; z-index:999; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.popup {padding:10px; position: absolute; left: 35%; margin-top:165px; background: #FFF; display: none; z-index:900;}

#nsatir {float:left; width: 645px; border:1px solid #eaeaea; padding:10px; margin-bottom:5px;}
#nsatir:hover {border:1px solid #ccc9b6; opacity: 0.8; filter: alpha(opacity=80); -webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.73); -moz-box-shadow:0px 0px 23px 0px rgba(50, 50, 50, 0.73); box-shadow:0px 0px 23px 0px rgba(50, 50, 50, 0.73);}
#nsatir img {float:left; width: 75px; height:60px; border-right:1px solid #eaeaea; padding:5px; padding-right: 10px;}
#nsatir h3 {width:525px; float:left; margin-top:5px; margin-left:10px; color:#5d5953; font-family: 'dosissemibold'; font-size: 14px;}
#nsatir p {width:525px; float:left; margin-top:2px; margin-left:10px; color:#5d5953; font-family: 'dosismedium'; font-size: 12px;}