@charset "utf-8";
/* CSS Document */
@font-face{font-family:Myriad Pro; src:url('../font/MyriadWebPro.ttf'),url('../font/MyriadWebPro-Bold.ttf'),url('../font/MyriadWebPro.eot'),url('../font/MyriadWebPro-Bold.eot');}
body { margin:0px; padding:0px; font-family:Myriad Pro; background:url(../images/background.png); background-position:left top;}

#ustbenlik { width:100%; position:absolute; z-index:2; left:0; top:0; right:0; }
#ust_serit { width:100%; height:121px; float:left; background:url(../images/userit.png) repeat-x;}
.ust_logo { width:984px; height:121px; margin:0px auto; background:url(../images/ustlogo.png) no-repeat;}
.ust_logoen { width:984px; height:121px; margin:0px auto; background:url(../images/ustlogoen.png) no-repeat;}
img.dil { width:984px; height:37px; float:left; margin-top:84px;}
#alt_serit { width:100%; height:71px; float:left; background:url(../images/aserit.png) repeat-x;}
.menu { width:600px; margin:10px auto; background:#CCC;}
.menu ul { margin:0; padding:0; list-style:none;}
.menu li { width:120px; float:left; position:relative; text-align:center;}
.menu li ul { display:none; position:absolute; left:0; top:20px;}
.menu ul li a { font-size:18px; text-decoration:none; color:#A0C429; -webkit-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; transition:color 0.5s ease-out;}
.menu ul li a:hover { color:#DF2516;}
.menu li:hover ul { padding-top:20px; display:block; background:#e8f6d7; border-bottom-left-radius:25px; border-bottom-right-radius:25px;}
.menuar { width:600px; margin:10px auto; background:#CCC;}
.menuar ul { margin:0; padding:0; list-style:none;}
.menuar li { width:120px; float:left; position:relative; text-align:center;}
.menuar li ul { display:none; position:absolute; left:0; top:20px;}
.menuar ul li a { font-size:17px; text-decoration:none; color:#A0C429; -webkit-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; transition:color 0.5s ease-out;}
.menuar ul li a:hover { color:#DF2516;}
.menuar li:hover ul { padding-top:20px; display:block; background:#e8f6d7; border-bottom-left-radius:25px; border-bottom-right-radius:25px;}

#genel { width:950px; position:absolute; z-index:1; top:165px; left:50%; margin-left:-475px; background:#fff;}
.slider { width:950px; height:400px; float:left; border-bottom:5px solid #83bc40;}
.koalalist li div { background:url(../images/trans.png); width:100%; top:130px; height:26px; padding:0; margin:0; text-align:center; font-weight:bold; font-size:18px; padding-top:4px;}
.urun_grup li { margin:0 0 20px 15px;}
.urun_grup li div { background:url(../images/trans.png); width:100%; top:130px; height:26px; padding:0; margin:0; text-align:center; font-weight:bold; font-size:18px; padding-top:4px;}
a.crsel { width:200px; float:left; margin-top:2px; text-decoration:none; color:#fff; -webkit-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; transition:color 0.5s ease-out;}
a.crsel:hover { color:#DF2516;}
#koalalisft1 { width:950px; height:200px; float:left; margin:15px 0 0 0;}
#koalalist1 li { margin:2px 12px; background-color:#000000; border:5px solid #A8C93B;}
#koalalist1 li div { background-image:url(../images/trans.png); width:100%; height:200px; top:0px; padding:0; margin:0; text-align:center; color:#fff; font-weight:bold; font-size:18px; padding-top:20px;}
#koalalis1 li div img { float:left; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; }
#koalalist1 li div a, #koalalist1 li div a:visited { color:#fff; text-decoration:none;}
#footer { width:950px; height:110px; float:left; margin:20px 0 -15px 0; background:url(../images/footer.png);}
#footeren { width:950px; height:110px; float:left; margin:20px 0 -15px 0; background:url(../images/footeren.png);}
.altbilgi { width:540px; float:left; margin:30px 0 0 180px;}
.altbilgi p { margin:0;}
.aglar { width:195px; height:71px; float:right; margin:20px 30px 0 0;}

.baslik { width:950px; height:50px; float:left; border-bottom:5px solid #83bc40;}
.baslik p { float:left; margin:15px 0 0 50px; color:#83bc40; font-size:24px;}
.urunler { width:950px; float:left;}
.hakkimiz img { width:339px; height:237px; float:left; margin:30px 0 0 30px; box-shadow:-10px -5px 10px #999;}
.hakkimiz p { width:550px; float:right; margin:30px 10px 0 0;}

.iletisim { width:950px; float:left;}
.maps { width:920px; height:400px; float:left; margin:15px;}
.bilgi { width:400px; float:left; margin-left:15px;}
.bilgi th { text-align:left; font-weight:normal;}
.iltformu { width:500px; float:right; margin-right:15px;}
.iltformu th { text-align:left; font-weight:normal;}
.gir { width:300px; height:30px; margin-left:30px; border:0px; padding-left:10px; border-left:1px dotted #000; }
.mesaj { width:300px; height:70px; margin-left:30px; padding:5px 5px 5px 10px; border:0px; border-left:1px dotted #000; font-family:Myriad Pro;}
textarea { resize:vertical;}
.gom { width:150px; margin-left:35px; border:0px; border-radius:10px; cursor:pointer;}

.videolar { width:950px; float:left;}
a.video { width:200px; height:150px; float:left; margin:20px 0 0 29px; background:url(../images/video.png) no-repeat; text-decoration:none; -webkit-transition:background 0.5s ease-out; -ms-transition:background 0.5s ease-out; -o-transition:background 0.5s ease-out; -moz--transition:background 0.5s ease-out; transition:background 0.5s ease-out; }
a.video:hover { background:url(../images/video2.png) no-repeat; cursor:pointer;}
a.video p { width:190px; height:29px; float:left; margin-top:113px; padding:8px 0 0 10px; background:url(../images/trans.png); text-align:left; color:#fff; font-size:18px;}

.urun { width:950px; float:left;}
.nuru li { margin:0 0 20px 15px; border:1px solid #83bc40;}
.nuru li div { background:#83bc40; width:100%; top:170px; height:26px; padding:0; margin:0; text-align:center; font-size:16px; padding-top:4px;}
a.ucrsel { width:200px; float:left; margin-top:2px; text-decoration:none; color:#fff; -webkit-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; transition:color 0.5s ease-out;}
a.ucrsel:hover { color:#DF2516;}

.urun_detay { width:950px; float:left;}
.genel_bilgi { width:500px; float:left; margin:60px 0 0 20px;}
.genel_bilgi p { margin:0;}
.genel_bilgiar { width:500px; float:left; margin:60px 0 0 20px; text-align:right;}
.genel_bilgiar p { margin:0;}
.gorsel li { width:400px; height:500px; float:right; margin:20px 20px 0 0;}
.urun_bilgi { width:737px; height:183px; float:left; margin:20px 0 0 20px; background:url(../images/urun_detay.png) no-repeat;}
.alan { width:90px; height:24px; float:left; margin:142px 0 0 8px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan1 { width:108px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan2 { width:105px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan3 { width:62px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan4 { width:130px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan5 { width:104px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}
.alan6 { width:85px; height:24px; float:left; margin:142px 0 0 6px; padding-top:10px; overflow:hidden; font-size:10px; text-align:center;}

.fotograf { width:950px; float:left;}
.foto { width:200px; height:187px; float:left; margin:20px 0 0 29px;}
.foto img { width:200px; height:150px; float:left; }
.foto:hover { cursor:pointer; opacity:1;}
.foto p { width:190px; height:29px; float:left; padding:8px 0 0 10px; background:#83bc40; margin:0px; color:#fff; font-size:16px; text-align:center;}