/* CSS Document */
/* GLOBAL SETTING */
.clear { clear: both;}
.flw { width: 100%; float: left;}
.m30{ margin: 30px 0;} .m10{ margin: 10px 0;} .m20{ margin: 20px 0;} .m5{margin: 5px 0;} .m2{ margin:2px 0; }
.p20{ padding:20px 0;}
.y50{ width: 50%; float: left;}
.y20{ width:20%; float:left;}
.y80{ width:80%; float:left;}
.y30 { width: 30%; float: left;}
.center { width: 950px; margin: 0 auto; }
.fl{ float: left; } .fr { float: right;}
.none { display: none; }
.solid { border: solid 1px black; }
.fs9{ font-size:9px;} .fs10{ font-size:10px;} .fs12{ font-size:12px;}
.fs14{ font-size:14px;} .fs16{ font-size:16px;} .fs18{ font-size:18px;} .fs20{ font-size:20px;} .fs22{ font-size:22px;}
.fs24{ font-size:24px;} .fs26{ font-size:26px;} .fs28{ font-size:28px;} .fs30{ font-size:30px;}
.bold{ font-weight:bold;}
.mr10{ margin-right:10px;}
header, footer, section { float: left; width: 100%;}

/* GLOBAL SETTING END */

header { height:137px; float:left; background:url(../design/header.png) repeat;}
.logo{ width:317px; height:100px; float:left; }
header .top{ width:625px; height:60px; float:right;}
.menu{ width:100%; height:30px; margin-top:5px; float:left;}
.home{ width:30px; height:30px; float:left; background:url(../design/home.png) no-repeat; margin-left:10px;}
/*.menu a { float:left; margin-top:6px; line-height:20px;  color:#FFFFFF; cursor:pointer; height:24px; border-right:solid 1px #FFFFFF; padding:0 5px; font-size:14px; }*/
.menu a:hover, .menu a.aktiv{ color:#FFFFFF;}

.menu ul { list-style:none; float:left; width:100%; height:30px;}
.menu ul li{ float:left; height:25px; margin-top:7px; width:auto; padding:0 2px; border-right:solid 1px #FFFFFF;}
.menu ul li a { height:20px; padding:0 3px; line-height:20px; float:left; color:#FFFFFF; font-size:14px;}
.menu ul li:hover .hoverul{ opacity:1; display:block; }
.hoverul{ width:auto !important;  position:absolute; height:auto !important; border-bottom-left-radius:5px; border-bottom-right-radius:5px; float:left; z-index:99999; margin-top:25px; margin-left:-15px !important; background:#000000; opacity:0; display:none;}
.hoverul li{ height:20px;  border-right:none !important; margin:0 !important; font-size:13px; color:#FFFFFF; border-bottom:solid 1px #FFFFFF !important; padding:5px 10px !important; float:none !important; }

.top .searchbg{ width:200px; height:37px; background:url(../design/search_bg.png) no-repeat; float:right; margin-top:5px; margin-right:15px;}
.lang{ width:435px; float:right; height:20px;}
.top .tel{ width:177px; height:60px; float:left; background:url(../design/tel-top.png) no-repeat; margin-right:20px; margin-top:10px;  color:#FCEE21;text-shadow: 1px 1px 4px rgba(0, 0, 0, 1); text-indent:57px; line-height:30px;}
.lang a{ font-size:11px; color:#FFFFFF; line-height:14px; border-right:solid 1px #FFFFFF; padding-right:5px; height:14px; float:left; 
margin-top:7px; margin-right:5px;}
.lang a:hover{ color:#FFFFFF; cursor: pointer;}
.lang .tr{ height:14px;  background:url(../design/lang/tr.png) no-repeat; padding-left:22px;}
.lang .en{ height:14px;  background:url(../design/lang/en.png) no-repeat; padding-left:22px;}
.lang .ge{ height:14px;  background:url(../design/lang/ge.png) no-repeat; padding-left:22px;}
.lang .fr{ height:14px;  background:url(../design/lang/fr.png) no-repeat; padding-left:22px;}
.lang .ru{ height:14px;  background:url(../design/lang/ru.png) no-repeat; padding-left:22px;}
.lang .ar{ height:14px;  background:url(../design/lang/ar.png) no-repeat; padding-left:22px;}
.lang .is{ height:14px;  background:url(../design/lang/is.png) no-repeat; padding-left:22px;}


.container{ width:100%; float:left; margin:25px 0;}
.newsbg{ width:554px; height:300px; background:url(../design/newsbg.png) no-repeat; float:left;}
.servicesbg{ width:170px; margin-left:30px; height:300px; background:url(../design/servicesbg.png) no-repeat; float:left;}
.servicesbg1{ width:170px; height:300px; background:url(../design/nbg.png) no-repeat; float:right;}
.title{ width:100%; height:50px; line-height:70px; text-indent:30px; color:#FFFFFF; font-weight:bold; }
.newsbg .image{ width:300px; height:210px;  float:left;margin: 15px 30px;}
.newsbg .newsul { width:180px; float:right; height:210px;  margin-right:5px; margin-top:15px;}
.newsbg .newsul ul { width:100%; float:left;}
.newsbg .newsul ul li{ width:80%; float:left; list-style:none; margin:10px 20px;}
.newsbg .newsul ul li a{ color:#FFFFFF; font-size:12px;}
.newsbg .newsul ul li a:hover, .newsbg .newsul ul li a.aktiv { color:#BFDAFF;}
.servicesbg ul,  .servicesbg1 ul { width:90%; float:left; list-style:none; margin-top:20px !important;}
#marquee-vertical li{ height:100px !important; margin-top:0; }
.servicesbg ul li, .servicesbg1 ul li { width:100%; float:left; margin:5px 0; margin-left:10px;}
.servicesbg ul li a, .servicesbg1 ul li a{ color:#FFFFFF; font-size:11px;}
.servicesbg ul li a:hover, .servicesbg1 ul li a:hover{ color:#BFDAFF; }
.left{ width:552px; float:left;}
.right{ width:365px; float:right;} 
.tit{ width:90%; float:left; min-height:25px; margin-bottom:5px; border-left:solid 3px #999999; color:#003798;  font-size:17px; line-height:25px; padding-left:10px;}
.gree { background:url(../design/gree.png) repeat;}
.mavi { background:url(../design/mavi.png) repeat;}
.i-text{ width:73px; height:89px; background:url(../design/i-text.png) no-repeat;}
.i-place{ width:84px; height:88px; background:url(../design/i-place.png) no-repeat;}
.i-com{ width:83px ; height:70px; background:url(../design/i-coment.png) no-repeat;}
.left .text{ width:500px; padding:20px 26px; float:left; font-size:14px;}
.right .text{ width:325px; float:left; padding:20px !important;}
.left .text p{ color:#666666; font-size:14px; line-height:17px;}
.left .text ul li, .right .text ul li { width:100%; list-style:none; margin:5px 0;}
.left .text ul li a, .right .text ul li a {   font-size:14px;  color:#666666; cursor:pointer; }
.left .text ul li a:hover, .right .text ul li a:hover{ color:#3FA9F5;}
.text ul li a { font-size:15px;}

footer{ background:url(../design/mavi.png) repeat;  height:110px;}
.footer { width:900px; height:100px;  margin-top:5px; margin-left:25px; float:left;}
.footertel{ width:183px; height:33px; float:left; background:url(../design/fotertel.png) no-repeat;
color:#FCEE21;text-shadow: 1px 1px 4px rgba(0, 0, 0, 1); font-size:15px;   margin-top:5px;   margin-left:12px;
}
footer .menu ul li{  height:15px;}
footer .menu ul li a{ font-size:12px !important;}
.footer .alt{ width:650px; float:right; height:40px; margin-top:25px; }
.copy{ font-size:12px; color:#FFFFFF; float:left; width:200px;  height:12px; float:left; margin-left:20px; margin-top:15px;  }
.footersoial{ width:124px; height:44px;  float:right; background:url(../design/social.png) no-repeat;}
.footersoial a{ float:left; width:30px; height:30px; margin:5px 2px;}
.titlebg{ width:930px; padding:0 10px; float:left; height:40px; background:url(../design/mavi.png) repeat;}
.titlebg a{ color:#FFFFFF; height:40px; line-height:40px; padding:0 5px; margin:0 5px; cursor:pointer;  float:left;}
.titlebg a:hover, .titlebg a.aktiv{ color:#3FA9F5;}
.container{ color:#666666;}
.icerik p{ margin:15px 0; line-height:20px; font-size:14px; }
.icerik .tit{ color:#3FA9F5; font-size:20px; min-height:20px;}
.ref { width:900px; margin:25px;}
.ref li { list-style:none; border:solid 10px #86C7FF; float:left; margin:5px; width:150px; height:100px;  background:#FFFFFF;}
.ref li .image{ width:150px; height:100px; vertical-align:middle; display:table-cell;}
.ref li .image img{ max-height:100px; max-width:150px;}


.basin { width:900px; margin:25px;}
.basin li { list-style:none; border:solid 10px #86C7FF; float:left; margin:13px; width:250px; height:160px;  background:#FFFFFF;}
.basin li .image{ width:250px; height:130px; vertical-align:middle; display:table-cell;}
.basin li .image img{ max-height:120px; max-width:250px;}
.basin li p{ width:250px; height:20px; line-height:20px; text-align:center; margin:0;}

.form input, .form textarea, .form select, .inps { width:55%; padding:0 5px; float:right; height:27px; border:solid 1px #C5C7C9; background:url(../design/input.png) repeat-x; border-radius:15px; }
.inps{ float:left; margin-left:40px; width:290px;}
.form textarea{ height:100px; background:#FFFFFF; resize:none; }
.form label { width:38%; float:left; font-size:14px;  height:27px; line-height:27px;}
.form .buton{ width:106px; margin:5px; height:34px; background:url(../design/buton.png); text-align:center; line-height:34px; color:#FFFFFF; }
.ilan{ width:250px; height:250px; padding:20px 10px; float:left; margin:15px; color:#FFFFFF; overflow:scroll;}
.ilanbg1{ background:url(../design/r1.png) repeat;}.ilanbg2{ background:url(../design/r2.png) repeat;}.ilanbg3{ background:url(../design/r3.png) repeat;}.ilanbg4{ background:url(../design/r4.png) repeat;}
.mans{ background:url(../design/mans.png) top right no-repeat; height:766px; color:#86C7FF;}
.icerik table { float:left; width:100%; }
.icerik table td{ padding:3px; font-size:14px;}
.qr{ background:url(../design/qr.png) no-repeat; width:55px; height:55px; float:left;margin-top:15px;}
.form select { width:58%;}
.dil a {  float:left; cursor:pointer; margin:3px 10px;}
.dil a:hover{ color:#0000FF; }
.burps{
	 color:#3FA9F5;
	  
	}
.burps td{ padding:3px !important; }