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

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* Global */
* { margin:0; padding:0; }
a { text-decoration:none; color:#d2151e; }
.clear { clear:both; }
ol { margin:5px 0 5px 30px; font-weight:bold; }
ol li { padding:10px 0; }

/* yücesoy group */

#ctl00_oyleboyle {  margin:10px 0; padding-top:10px; border-top:2px solid #ccc; }
#ctl00_oyleboyle a {  display: block;
padding: 8px 5px;
background: #333;
color: #fff;
border-radius: 4px;
font-weight: bold;
margin: 2px 0;
text-decoration: none; }
#ctl00_oyleboyle a:hover { background:#666; }

#video .video { margin-bottom:33px; }
#video .video b { display:block; font-size:17px; padding:7px; background:#ccc; }
#video .video iframe { width:100%; }

#banners { position:fixed; left:0; top:0; height:100%; width:100%; z-index:1; overflow:Hidden; }
#banners  img { width:100%; height:100%; }

#baba { width:990px; margin:0 auto; position:relative; z-index:1;  }

#ustmenu { height:53px; position:absolute; right:-4px; z-index:18; top:45px; width:76%; background:url(../images/menubg.png) right center no-repeat; }
#ustmenu ul { }
#ustmenu ul li { list-style:none; float: left;}
#ustmenu ul li a { display:block; float:left;   padding:17px 15px; color:#fff; font-size:15px; text-decoration:none; }
#ustmenu ul li a:hover { color:#fff; background-color:#2694c5; }

.mvi { position:absolute; left:0; top:0; width:100%; z-index:1; }
.sitelogo { position:absolute; left:0; top:0; z-index:20; }	

#sosyal { position:Absolute; right:0; top:18px; color:#fff; font-size:15px; font-weight:bold; }
#sosyal .soc { float:Right; margin:-10px 2px 0 2px; }
#sosyal .soc:hover { opacity:0.7; }

#usthaberler { width:365px; height:42px; position:absolute; left:243px; top:105px; background:url(../images/black.png); border-radius:4px; overflow:hidden; }
#usthaberler strong { background:#477f97; float:left; display:block; padding:14px; color:#fff; }
#usthaberler ul { display:block; float:right; width:270px; margin-right:10px; } 
#usthaberler ul li { list-style:none; margin-top:14px; color:#fff; }
#usthaberler .prew, #usthaberler .next { position:Absolute; top:17px; right:25px; }
#usthaberler .prew { right:10px; }
#usthaberler .prew:hover, #usthaberler .next:hover { opacity:0.6; }


#ustarama { width:375px; height:41px; position:Absolute; right:0; top:105px; background:url(../images/ara.png); }
#ustarama .search-button { border-radius:4px; cursor:pointer; background:url(../images/srh.png) center center no-repeat #477f97; border:0; float:left; display:block; padding:13px 20px; color:#fff;  }
#ustarama .search-button:hover { background-color:#256683; }
#ustarama .search-input { padding:13px; border:none; width:245px; background:none; color:#fff; font-size:12px; }
#ustarama .yorum { float:Right; margin:6px 50px 0 0; }
#ustarama .yorum:hover { opacity:0.7; }

#welcome { width:980px; height:285px; background:url(../images/well.png); position:absolute; left:0; top:290px; color:#fff; }
#welcome > div { padding:20px; }
#welcome #left { width:300px; float:left; }
#welcome #right { width:600px; float:right; }
#welcome h2 { display:block; padding:5px 0; font-weight:bold; font-size:20px; border-bottom:1px solid #fff; }
#welcome .a3d3 { padding:7px 0; }

.genbutton  { display:block; border:none; width:100px; margin:10px 0 0 0; float:right; text-align:center; background:#2694c5; color:#fff; padding:6px; border-radius:5px; }
.genbutton:hover { background:#256683; }

#sonproje {  }
#sonproje li { list-style:none; float:left; margin:0 16px 5px 0; }
#sonproje li:hover { opacity:0.7; }
#sonproje li img { background:#fff; width:200px; height:200px; padding:2px; border-radius:4px; }

.e1 { float:Right; }
.e2 { float:Right; margin-left:5px; }
.e1:hover, .e2:hover { opacity:0.6; }

#maxpayne { width:980px; height:186px; background:url(../images/max.png) no-repeat; position:absolute; left:0; top:600px; color:#fff; }
#maxpayne h3 { display:block; padding:3px 0; color:#fff; font-size:15px; margin:0 0 6px 0; }
#maxpayne #left { width:625px; height:150px; float:left; }
#maxpayne #right { width:327px; height:150px; float:right; }
#maxpayne > div > div { padding:10px 20px; }


#ustfooter { position:fixed; width:100%; height:44px; background:url(../images/footer.png) repeat-x; left:0; bottom:0; color:#fff; }
#ustfooter a { color:#2694c5; }
#ustfooter a:hover  { text-decoration:underline; }
#ustfooter > div { width:980px; margin:0 auto; padding:20px 0 0 0; }
#ustfooter #left { float:left; }
#ustfooter #right { float:Right; }
#ustfooter #right span { color:#666; padding:0 5px; }

#referanslar {  margin-left:25px; }
#referanslar li { width:86px; height:86px; display:block; overflow:hidden; background:#fff; border-radius:200px; list-style:none; float:left; margin:0 25px 5px 0; }
#referanslar li:hover { opacity:0.7; }
#referanslar li img { max-width:86px; max-height:86px;}



/* Kapsayan */
div#wrapper { width:966px; margin:0 auto; }

/* Header */
div#header { height:107px; position:relative; }
div#header .logo { float:left; margin:15px 0 0 0; }
div#header .toplinks { width:406px; height:52px; color:#fff; margin:15px 0 0 0; padding:4px 0 0 8px; background:url(../images/toplink.gif) no-repeat; float:right; }
div#header .toplinks a { color:#fff; font-size:11px; }
div#header .toplinks a:hover { text-decoration:underline; }
div#header .navmenu { width:966px; left:0; height:31px; position:absolute; bottom:0; }
div#header .navmenu a { display:block; color:#fff; float:left; padding:8px 10px; background:url(../images/navmenu-sep.gif) right no-repeat; }
div#header .navmenu a:hover { background:#fff; color:#dd161e; }
div#header .navmenu .menu-selected { background:#fff; color:#dd161e; }
div#header .navmenu .search { width:175px; height:20px; float:right; margin:5px 0 0 0; background:url(../images/search.gif) no-repeat; }
div#header .navmenu .search .search-input { width:130px; height:20px; color:#999; padding:0 10px; border:none; background:none; font-size:11px; outline:none; }
div#header .navmenu .search .search-button { width:20px; height:16px; background:url(../images/search-but.gif) no-repeat; border:none; cursor:pointer; }

/* Banner */
div#banner { height:276px; border:1px solid #dbdcdd; }
div#banner img { padding:6px; border:1px solid #dfdfdf; background:white; }

/* Hot Spot */
div#hotspot { height:112px; margin:15px 0 0 0; }

/* Content */
div#content { color:#717171; padding:20px; font-size:11px;  min-height:500px; border-radius:5px; background-color:#fff; opacity:0.9;  }
div#content h2 { display:block; font-weight:normal; font-size:14px; color:#e01922; border-bottom:1px solid #f2f2f2; padding:5px 0 5px 25px; background:url(../images/h2.gif) left no-repeat; }
div#content h3 { margin-bottom:15px; display:block; padding:7px 5px; background:#2694c5; color:#fff; font-weight:bold; font-size:14px; border-radius:4px; }
div#content #left { width:190px; float:left; }

.social-left{ width:190px; height:100%; background-color:#fff; margin-top:20px; }

.face{ width:26px; height:26px; float:left; margin-left: 5px;  }
.face a img { width:26px; height:26px; }
.left-tel{ width:170px; margin:auto; text-align:center; font-size:18px; color:#2694c5; font-weight: bold;  margin-top: 14px;}


div#content #left h5 { font-size:11px; font-weight:bold; color:#ee1c25; display:block; padding:10px 0 0 10px; }
div#content #left h4 { display:block; padding:7px 5px; background:#2694c5; color:#fff; font-weight:bold; font-size:14px; border-radius:4px; }
div#content #right { width:710px; float:right; color:#000; font-size:13px; line-height:18px; }

div#content #left > a { display:block; padding:8px 5px; background:#ddd; color:#000; border-radius:4px; font-weight:bold; margin:2px 0; text-decoration: none; }
div#content #left > a:hover { background:#2694c5; color:#fff; }

/* Content Hizmetler */
div.content-services a { display:block; background:url(../images/serv-arr.gif) right no-repeat #dbdcdd; padding:6px; margin:0 0 2px 0; color:#939598; font-size:11px; }
div.content-services a:hover { background:#939598; color:#fff; }
div.content-services { margin:0 0 15px 0; }
div.content-acilgonderi { margin:0 0 15px 0; }
div.content-ekonomik { margin:0 0 15px 0; }
div.content-p1belgesi { margin:0 0 15px 0; }
div.content-tarihsaat { margin:0 0 15px 0; width:167px; height:89px; background:url(../images/tarih-saat.gif) no-repeat; }
div.content-dovizkuru { margin:0 0 15px 0; width:167px; height:134px; background:url(../images/doviz.gif) no-repeat; }
div.content-dovizkuru table { margin:8px 0 0 10px; }
div.content-dovizkuru table td { font-size:11px; color:#717171; padding:1px 0; }
div.content-tezelkurye { clear:both; }

/* Content Home */
div.content-home-spot { width:370px; height:140px; float:left; margin:0 0 45px 0; }
div.content-home-spot img { float:left; padding:5px; margin:15px 10px 0 0; border:1px solid #e5e5e5; }
div.content-home-spot-text { float:right; width:250px; height:57px; overflow:hidden; font-size:11px; color:#717171; margin:15px 0 0 0; }
div.devam img { margin:12px 0 0 2px; padding:2px; }
div.devam img:hover { border:1px solid #b6b6b6; }

/* Spot İçerik Gösterimi */
.spot { width:270px; height:140px; float:left; padding:20px 10px 10px 10px; margin:0 62px 22px 0; border:1px solid #e3e8e9; }
.spot .spot-img { float:left; }
.spot .spot-img img { width: 100px !important;height: 100px !important; }
.spot .spot-txt { width:135px; height:60px; overflow:hidden !important; float:right; margin-top: 23px;}
.spot .spot-txt h5 { display:block;   overflow:hidden; font-size:11px; font-weight:normal; color:#2d2d2d; padding:0; }
.spot .spot-txt a { background-color:#2694c5; color:#fff; font-weight:bold;padding: 3px;border-radius: 5px; position:absolute;margin-top: 10px; }
.spot .spot-txt a:hover { background: #ccc;  color:#fff;   }
.last-item { margin:0 0 22px 0; }

/* Sayfalama */
div#sayfalama { margin:10px 0; text-align:right; clear:both; }
div#sayfalama a { display:block; float:left; -moz-border-radius:3px; border-radius:3px; padding:4px 5px; margin:0 3px 0 0; border:1px solid #dfdfdf; }
div#sayfalama .selected { background:#f41922; color:#fff; }

/* Sol menü */
div.content-menu { margin:0 0 20px 0; }
div.content-menu a { display:block; color:#373737; width:159px; border-bottom:1px solid #d0d0d0; padding:6px 4px; background:url(../images/leftmenu-.gif) repeat-x; }
div.content-menu a:hover { font-weight:bold; }

/* Ebülten */
.ebulten-inp { margin-top:6px; background:url(../images/mssg.png) left center no-repeat #fff; display:block; border:none; width:100%; padding:4px 0; border-radius:5px; text-indent:50px; color:#6d777e; }

/* Footer */
div#footer { padding:7px; background:#dbdcdd; margin:60px 0 0 0; }
div#footer .footer { width:966px; margin:0 auto; color:#717171; font-size:11px; }
div#footer .footer-left { float:left; }
div#footer .footer-right { float:right; }

.falseAnswer { font-weight:normal; display:block; font-size:11px; padding:3px 10px; margin:10px 0px; border:1px solid #e5aaaa; background:#efcccc; color:#2b1116;}
.trueAnswer { font-weight:normal; display:block; font-size:11px; padding:3px 10px; margin:10px 0px; border:1px solid #9dcd82; background:#cdebbc; color:#021206;}

/* İletişim */
#contactForm td { padding:4px; }
.formInput { width:284px;  padding:7px; border:1px solid #e2e9f0; display:block; color:#999; font-size:11px; }
.formInput:hover { border:1px solid #bbb; }
.formInput:focus   { background:#e7e7e7; }
.fileUpload { border:1px solid #ccc; width:228px; padding:10px; margin-top:4px; }
.fileUpload2 { width:278px; }
.form-button { padding:2px 10px; display:block; background:#ad2323; border:0 none; color:#fff;  }
.falseInputValue { width:284px; padding:7px; background:url(images/inputField.gif) top repeat-x; border:1px solid #cb676a; display:block; color:#676767; font-size:11px; }
.field { padding:15px; border:1px solid #e2e9f0; }
.legen { color:#8a8383; padding:20px 10px; font-weight:bold; }

.searchLinks a { padding:8px 15px;  color:#999; display:block; clear:both; border-bottom:1px solid #e7e7e7; background:url(/images/arama_arrow.png) left no-repeat; }
.searchLinks a:hover { color:#666; text-decoration:underline; }


#cssPagingContainer { padding:15px 0px; margin:30px 0px; clear:both;}
.cssCurrent { padding:4px 8px; background:#AD2323; color:White; font-weight:bold; }
#cssPagingContainer a { padding:3px 8px; margin:0px 1px; border:1px solid #e8e8e8; color:Black; }
#cssPagingContainer a:hover { background:#333; color:White; }





.urunler { width:600px; height:240px; float:left; overflow:hidden; }
.markalar { width:295px; height:125px; float:right; overflow:hidden; }
.projelerimiz { width:295px; height:125px; float:right; overflow:hidden; }

#Ul1 {  }
#Ul1 li { list-style:none; float:left; margin:0 16px 5px 0; }
#Ul1 li:hover { opacity:0.7; }
#Ul1 li img { background:#fff; padding:2px; border-radius:4px; width:120px !important; height:120px !important; }

.e3 { float:Right; }
.e4 { float:Right; margin-left:5px; }
.e3:hover, .e4:hover { opacity:0.6; }

#projelerimiz {  }
#projelerimiz li { list-style:none; float:left; margin:0 16px 5px 0; height: 95px; }
#projelerimiz li:hover { opacity:0.7; }
#projelerimiz li img { background:#fff; border-radius:4px; height: 95px; }

.e5 { float:Right; }
.e6 { float:Right; margin-left:5px; }
.e5:hover, .e6:hover { opacity:0.6; }