@import url("fonts.css");
@import url("skitter.styles.css");
@import url("colorbox.css");

* { margin: 0; padding: 0; }
body { font: normal 12px Arial; color: #000; background: #abc6db url(../images/backg-top.jpg) no-repeat; }
a { text-decoration: none; }
.kapla { width: 100%; overflow: hidden; }
.container { width: 980px; overflow: hidden; margin: 0 auto; }

.header { width: 980px; height: 150px; }
.logo { width: 270px; height: 150px; margin: 0 auto; }
.menu { width: 900px; height: 50px; margin: 0 auto; border: 1px solid #FFF; border-radius: 10px; background: url(../images/menu-bg.jpg) repeat-x; overflow: hidden; }
.menu ul { margin: 0; padding: 0; list-style-type: none; }
.menu ul li { display: block; padding: 0 15px; float: left; line-height: 50px; background: url(../images/bayaz.png) center right no-repeat; }
.menu ul li a { font: normal 14px 'open_sanssemibold'; color: #2e4359; text-decoration: none; }
.menu ul li:hover { background: #c50e14; color: #FFF; }
.menu ul li:hover a { color: #FFF !important; }
.menu-active { background: #c50e14; /*url(../images/menu-hover.jpg) repeat-x;*/ color: #FFF; }
.menu ul li.menuactive { background: #c50e14; }
.menu ul li.menuactive a { color: #FFF !important; }
.menu-shadow { width: 980px; height: 20px; background: url(../images/menu-shadow.png) no-repeat; }

.slider-bg { width: 966px; height: 340px; background: #cedeec; padding: 7px; }
.slider { width: 966px; height: 340px; background: #FFF; }
.slider-menu { width: 253px; height: 320px; float: right; background: url(../images/kat-menubg.png) repeat; position: relative; z-index: 99; margin: -340px 0 0 0; padding: 20px 0 0 7px; }
.slider-menu ul { margin: 0; padding: 0; list-style-type: none; }
.slider-menu ul li { float: left; margin: 0 0 3px; padding: 5px 0 5px 20px; width: 233px; }
.slider-menu ul li a { font: normal 14px 'open_sanssemibold'; color: #FFF; }
.slider-menu ul li:hover { background: #ea1c23; }
.slider-menu-active { background: #ea1c23; }
.slider-shadow { width: 980px; height: 35px; background: url(../images/slider-shadow.png) no-repeat; float: left; margin: 7px 0 0 0; }

.main-icerik { width: 980px; height: 140px; background: #d1e0eb; float: left; }
.main-icerik-img { width: 154px; height: 116px; float: left; margin: 12px 25px 12px 12px; box-shadow: 0 0 10px #888888; overflow: hidden; }
.main-icerik-txt { float: left; height: 120px; margin: 15px 0; width: 780px; }
.main-icerik-txt a { color: #45576C; line-height: 24px;}
.main-icerik-txt p { margin: 5px 0 0 0; color: #45576c; line-height: 24px; }
.icerik-baslik { font: normal 15px 'open_sanssemibold'; color: #0e233a; }

/* Detay Sayfa */
.dtycontentbg { width: 980px; overflow: hidden; margin: 10px 0; }
.dtycontent-title { width: 940px; height: 55px; background: url(../images/detay-baslikbg.png) no-repeat; font: normal 30px 'pt_sansbold'; color: #FFF; padding: 20px; }
.dtycontent-icerik { width: 980px; overflow: hidden; margin: 10px 0; }
.dtysolkategori { width: 213px; overflow: hidden; float: left; margin: 0 25px 0 0; background: #394f62; border-radius: 10px; padding: 10px 0; }
.dtysolkategori ul { margin: 0; padding: 0; list-style-type: none; }
.dtysolkategori ul li { width: 200px; float: left; }
.dtysolkategori ul li a { font: normal 14px 'pt_sansregular'; color: #FFF; padding: 10px; display: block; width: 100%; }
.dtysolkategori ul li a:hover { background: #ea1c23; }
.dtysolkategori-active { background: #ea1c23; }
.active { background: #ea1c23; }
.dtysagicerik { width: 735px; overflow: hidden; float: right; color: #394f62; text-align: justify; }
.dtysagicerik ul { width: 735px; overflow: hidden; float: left; padding: 0; margin: 0; }
.dtysagicerik ul li { width: 150px; height: 150px; float: left; margin: 0 30px 10px 0; list-style: none; }
.dtysagicerik ul li img { width: 150px; height: 150px; }
/* Detay Sayfa */



/* Carousel */
.fotogaleri { width: 980px; margin: 30px 0 65px 0; float: left; overflow: hidden; }
.fotogaleri-title { width: 980px; height: 26px; margin: 0 0 10px 0; background: url(../images/fotogaleri-title.png) no-repeat; }
.fotogaleri-btn { width: 46px; height: 20px; margin: 8px 0 0 0; padding: 0 25px 0 909px; background: url(../images/fotogaleri-btn.png) no-repeat; }
.newsticker-demo { width: 980px !important; height: 150px !important; overflow: hidden; }
.newsticker-demo li a { height: 150px; float: left; width: 150px; color: #666666; text-decoration: none; }
.newsticker-demo ul { margin: 0; padding: 0; }
.newsticker-demo li { float: left; list-style: none; display: block; height: 150px !important; font-family: Arial; margin-right: 14px; width: 150px; }
.prev { outline: none; cursor: pointer; background: url(../images/prev.png) no-repeat; width: 20px; height: 18px; float: left; margin: 0 5px 0 0; }
.next { outline: none; cursor: pointer; background: url(../images/next.png) no-repeat; width: 20px; height: 18px; float: left; }
/* Carousel */

/*Uygulama Örnekleri*/
ul.gallery { width: 830px; overflow: hidden; margin: 0 auto; padding: 0px; list-style: none; }
ul.gallery li { float: left; width: 152px; margin-right: 12px; margin-bottom: 35px; border: 1px solid #ccc; }
ul.gallery li img { width: 140px; height: 137px; padding: 5px; border: none; /*margin-bottom: 10px;*/ }
.urun-yazi { padding: 10px; text-align: center; }

ul.gallery1 { width: auto; height: auto; margin: 0px; padding: 0px; list-style: none; height: 200px; }
ul.gallery1 li { float: left; width: 180px; margin-right: 18px; margin-bottom: 35px; border: 1px solid #ccc; height: 200px; }
ul.gallery1 li img { width: 168px; height: 137px; padding: 5px; border: none; /*margin-bottom: 10px;*/ }
/**/

/*-----iletisim*/
.contentfull { width: 1170px; margin: 10px auto; overflow: hidden; font-family: Arial; font-size: 12px; }
.contentfulltitle { font-size: 18px; font-family: Arial; font-weight: bold; width: 1120px; overflow: hidden; float: left; }
/*iletisim*/

/* Footer */
.footer { width: 980px; height: 90px; float: left; margin: 0 0 10px 0; font-family: 'open_sanssemibold'; color: #FFF; }
.footer-sol { width: 800px; height: 90px; float: left; line-height: 22px; font-size: 12px; }
.footer-sag { width: 150px; height: 90px; float: right; font-size: 11px; text-align: right; padding: 0 15px 0 0; line-height: 150px; }
.footer-sag a { color: #87cbfe; }
.footer-sag a:hover { text-decoration: underline; }
.footer-bottom-kapla { width: 100%; height: 300px; background: url(../images/backg-bottom.jpg) no-repeat; margin: -300px 0 0 0; }
/* Footer */

/*Bize Ulaşın Form*/
.formalan { float: left; overflow: hidden; width: 735px; margin: -25px 10px 0 20px; }
.detay { width: 380px; overflow: hidden; float: left; }
.input-holder { font-family: Arial; font-size: 12px; font-weight: bold; margin-top: 10px; }
.txt { background: url("../images/txt-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 40px; margin: 10px 0 5px; padding: 0 0 0 5px; width: 350px; }
.txtbig { background: url("../images/txt-mesaj-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 120px; margin-top: 10px; padding: 5px 0 0 5px; width: 350px; }

.alan { float: left; width: 345px; overflow: hidden; }
.alan img { margin: 100px auto; }