@import url("skin.css");
@font-face { font-family: 'oswaldregular'; src: url('../Fonts/oswald-regular-webfont-webfont.eot'); src: url('../Fonts/oswald-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/oswald-regular-webfont-webfont.woff') format('woff'), url('../Fonts/oswald-regular-webfont-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
* { margin: 0px; padding: 0px; text-align: justify; }
img { border: 0px; }
ol { list-style: none; }
ul { list-style: none; }
li { float: left; }
a { text-decoration: none; color: inherit;height: inherit; }
h3 { border: 0px !important; background-color: #EFEDE6 !important; }

body { font-size: 12px; font-family: 'oswaldregular'; background-image: url(../Images/background.jpg); }
wrapper { width: 100%; }

#header { width: 100%; height: 200px; margin: auto; }
#header .headertop { width: 100%; height: 88px; margin: 0px auto; background-color: #F0F0F0; }
#header .logonavi { width: 1278px; height: 189px; margin: 0px auto; background: url(../Images/LogoBG.png) no-repeat top center; }
#header #logonav{ width:1021px; height:169px; margin:0 auto; padding:10px;}
#header #logonav #logo {width:251px; height:155px; margin:0 auto; float:left;}/*Logo boyutlarini giriniz*/
#header #logonav  #navigation { width: 521px;  float:right;}
#header #logonav  #navigation ul { margin: 0px auto; overflow: hidden; width: 521px; }
#header #logonav #navigation ul li { font-size: 18px; font-family: 'oswaldregular'; color: #141414; margin: 15px 0 0 0; height: 58px; background:url(../images/incecizgi.png) no-repeat center right; line-height: 58px; padding: 0px 15px 0px 15px; }
#header .headertop #navigation ul li a { text-align: center; }
#header .headertop #navigation ul li:first-child { border-left: 0px; }
#header .headertop #navigation ul li:hover { color: #970106; }

#container { width: 1278px; margin: 0px auto; }
#ccontainer { width: 1060px; min-height: 300px; background-color: #FCFCFC; margin-left: 108px; overflow: hidden; }
#ccontainer #slider { width: 1020px; height: 372px; margin: 0px auto; }
#ccontainer #maincontent { width: 1020px; min-height: 300px; margin: 20px auto; }
#ccontainer #maincontent #contentandgallery { width: 672px; height: 455px; float: left; }
#ccontainer #maincontent #contentandgallery .Content { width: 235px; height: 240px; }
#ccontainer #maincontent #contentandgallery .Content2 { width: 235px; height: 240px; }
#ccontainer #maincontent #contentandgallery .Content #aboutus { width: 617px; height: 240px; background: url(../Images/Tick.png) no-repeat; float: left; padding-left: 55px; }
#ccontainer #maincontent #contentandgallery .Content2 #services { width: 1170px; background-color:Red; height: 240px; background: url(../Images/Tick.png) no-repeat; float: left; padding-left: 55px; position: relative; }
#ccontainer #maincontent #contentandgallery #gallery { background: url(../Images/Tick.png) no-repeat; width: 672px; height: 215px; }
#ccontainer #maincontent #contentandgallery #gallery #carousel { padding-top: 30px; }
#ccontainer #maincontent #contentandgallery #gallery #carousel ul li { width: 184px; height: 138px; border: 1px solid #E5E5E5; margin-top: 18px; margin-right: 42px; padding: 5px; }
#ccontainer #maincontent #contentandgallery #gallery #carousel ul li:first-child { margin-left: 0px; }
#ccontainer #maincontent #contentandgallery #gallery #carousel ul li img { width: 184px; height: 138px; }
#ccontainer #maincontent #news { width: 265px; height: 455px; background: url(../Images/Tick.png) no-repeat; float: left; padding-left: 55px; margin-left: 28px; overflow: hidden; }
#ccontainer #maincontent #news ul { border-top: 1px solid #DDDDDD; }
#ccontainer #maincontent #news ul:first-child { border-top: 0px; }
#ccontainer #maincontent #news ul li { float: none; }

#footer { width: 1278px; margin: 0px auto; }
#footer #footerim { width: 1060px; height: 55px; background-color: #FCFCFC; margin-left: 108px; padding-top: 20px; }
#footer #footerim #line { width: 1020px; height: 5px; background: url(../Images/FooterLine.png); margin: 0px auto; }
#footer #footerim ul li { margin: auto; margin: 20px; color: #666666; cursor: pointer; }
#footer #footerim p a { margin: auto; margin: 20px; color: #666666; float: right; }

/****HABER****/
#ccontainer #mainnews { background: url(../Images/Tick.png) no-repeat; width: 1020px; min-height: 300px; margin-left: 20px; }
#ccontainer #mainnews #newss { margin-left: 60px; }

/****İCERİK****/
#ccontainer #about { width: 1020px; min-height: 300px; margin: 0px auto; }
#ccontainer #about #aboutleft { width: 200px; min-height: 300px; float: left; }
#ccontainer #about #aboutleft ul li:hover { color: #970106; cursor: pointer; }
#ccontainer #about #aboutcontent { width: 800px; min-height: 30px; float: left; margin-left: 20px; }
#ccontainer #about #aboutfullcontent { width: 1020px; min-height: 30px; float: left; }


/****FOTOGALERİ****/
.foto { width: 1020px; height: 156px; }
 .foto ul { width: 1020px; margin-left: 20px; }
.foto ul li { width: 156px; margin: 0 0 13px 20px; }
 .foto ul li img { width: 156px;}
 .group4{margin: 0 0 13px 20px;}

/****URUNDETAY****/
#ccontainer #uruncontainer { width: 805px; margin-top: 10px; float: left; overflow: hidden; margin-left: 20px; }
#ccontainer #uruncontainer #urundetaycontent { overflow: hidden; width: 810px; height: 500px; }
#ccontainer #uruncontainer #urundetaycontent .urundetayresim { width: 220px; height: auto; float: left; overflow: hidden; }
#ccontainer #uruncontainer #urundetaycontent .urundetayresim img { width: 220px; height: auto; float: left; overflow: hidden; }
#ccontainer #uruncontainer #urundetaycontent .urundetayadi { font-family: Lucida Sans Unicode; font-size: 20px; color: #000000; width: 563px; margin-left: 30px; overflow: hidden; }
#ccontainer #uruncontainer #urundetaycontent .urundetayaciklama { font-family: Myriad Pro; font-size: 14px; color: #888888; width: 563px; margin-left: 30px; margin-top: 20px; overflow: hidden; }


/****  CLASS  ****/
.baslik { font-size: 16px; font-family: Lucida Sans Unicode; color: #000000; line-height: 46px; font-weight: bold; width: 600px; overflow: hidden; float: left; }
.gallerybaslik { font-size: 16px; font-family: Lucida Sans Unicode; color: #000000; line-height: 46px; font-weight: bold; width: 500px; overflow: hidden; float: left; }
.contentdetail { font-size: 12px; font-family: Arial; height: 145px; width: 600px; color: #666666; margin-top: 5px; }
.contentdetail2 { font-size: 12px; font-family: Arial; height: 145px; width: 975px; color: #666666; margin-top: 5px; }
.contentnewsdetail { font-size: 12px; font-family: Arial; height: 132px; width: 264px; color: #666666; margin-top: 5px; }
.DateBG { background: url(../Images/NewsBG.png) no-repeat; width: 70px; height: 20px; line-height: 20px; text-align: left; text-indent: 5px; }
.title { color: #970106; font-size: 12px; font-family: Arial; font-weight: bold; }
.gallerybg { width: 46px; height: 30px; float: right; margin-top: 15px; background: url(../Images/GalleryArrowBG.png) no-repeat; }
.prev { width: 7px; height: 13px; position: absolute; margin-top: 9px; margin-left: 10px; }
.next { width: 7px; height: 13px; position: absolute; margin-top: 9px; margin-left: 28px; }
.prev img { width: 7px !important; height: 13px !important; }
.next img { width: 7px !important; height: 13px !important; }
.maintitle { font-size: 16px; font-family: 'Myriad Pro'; color: #000000; line-height: 46px; font-weight: bold; width: 960px; overflow: hidden; float: left; margin-left: 5px; }
.newssDateBG { background: url(../Images/NewsBG.png) no-repeat; width: 70px; height: 20px; line-height: 20px; text-align: left; text-indent: 5px; margin-top: 20px; }
.newssdetail { font-size: 12px; font-family: Arial; height: auto; width: 1020px; color: #666666; margin-top: 5px; }
.newsstitle { line-height: 20px; padding-left: 5px; color: #970106; font-size: 12px; font-family: Arial; font-weight: bold; margin-top: 20px; }
.newssline { background: url(../Images/NewsLine.png) no-repeat; width: 964px; height: 1px; }

.leftmenu { font-size: 12px; font-family: Arial; color: #444444; font-weight: bold; overflow: hidden; width: 182px; border-bottom: 1px solid #DADADA; line-height: 25px; }
.leftmenu a { background: url(../Images/LeftMenuArrow.png) no-repeat left; padding-left: 8px; color: #444444; }
.leftmenu a.active { color: #970106; background-image: url(../Images/LeftMenuArrowColor.png) !important; }
.leftmenu a:hover { background: url(../Images/LeftMenuArrowColor.png) no-repeat left !important; color: #970106; }

.leftmenugaleri { font-size: 12px; font-family: Arial; color: #444444; font-weight: bold; overflow: hidden; width: 182px; border-bottom: 1px solid #DADADA; line-height: 25px; }
.leftmenugaleri a { background: url(../Images/LeftMenuArrow.png) no-repeat left; padding-left: 8px; color: #444444; }
.leftmenugaleri a.active { color: #970106; background-image: url(../Images/LeftMenuArrowColor.png) !important; }
.leftmenugaleri a:hover { background: url(../Images/LeftMenuArrowColor.png) no-repeat left !important; color: #970106; }



.leftmenugaleri *:hover { color: #970106 !important; }
.contenttitle { font-size: 18px; font-family: Lucida Sans Unicode; color: #000000; font-weight: bold; width: 960px; overflow: hidden; float: left; }
.contentfulltitle { font-size: 18px; font-family: Lucida Sans Unicode; color: #000000; font-weight: bold; width: 1020px; overflow: hidden; float: left; }
.contentt { width: 800px; margin: 20px 0px; }
.content { width: 1020px; margin: 20px 0px; }
.contentfull { width: 1020px; margin: 20px 0px; }
.subcontent { width: 1030px; min-height: 300px; margin: 0px auto; }
.fotocontent { width: 1020px; min-height: 300px; margin: 0px auto; }
.Services_item { font-size: 12px; font-family: Arial; width: 200px; color: #666666; }
.Services_item:first-child { margin-top: 5px; }
.sayfa { width: 1020px; margin: 0px auto; }


/*.ilform { width: 740px; font-family: Georgia; color: #fff; margin-bottom:30px; display:none;}
.ilform h4 { margin: 15px 0px 5px 0px; font-weight:normal;}*/
.btn { text-align: center; font-family: Georgia; color: #000; background-color: #E5E5E5; border: 1px solid #fff; border-radius: 7px; cursor: pointer; }
.btn:hover { background-color: #fff; border: 1px solid #666666; color: #666666; }
.txt { margin-bottom: 20px; margin-top: 5px; }


#accordion { overflow: hidden; line-height: 25px; }
#accordion div { overflow: hidden; padding: 20px; padding-left: 30px; background-image: url(../Images/SoruSpr.png); background-repeat: no-repeat; background-position: top; height: auto !important; }

.gallerybg { width: 46px; height: 30px; float: right; background: url(../Images/GalleryArrowBG.png) no-repeat; }
.prev { width: 7px; height: 13px; position: absolute; margin-top: 9px; margin-left: 10px; }
.next { width: 7px; height: 13px; position: absolute; margin-top: 9px; margin-left: 28px; }
.prev img { width: 7px !important; height: 13px !important; }
.next img { width: 7px !important; height: 13px !important; }


#ccontainer #galerialan { width: 1021px; overflow:hidden; }
#ccontainer #gallery { width:1020px; margin:auto;}
#ccontainer #gallery #carousel { width:1020px; margin:0 auto;}
#ccontainer #gallery #carousel ul li { width: 156px; height: 156px;  padding: 5px; }
#ccontainer #carousel ul { width: 1020px; }
#ccontainer #carousel ul li { height: 156px; margin-left: 5px; }
#ccontainer #gallery #carousel ul li img { width: 156px; height: 156px; }
.image_carousel{ width:1000px;}

.cizgi{ width:390px; border:1px solid #bebebe; float:left; margin-top: 22px;margin-left: 17px;}
.rsm{ background:url(../images/clock.png) no-repeat; height:56px; width:330px; margin:20px auto; text-indent:60px; float:left; }
.rsmm{background:url(../images/motor.png) no-repeat; height:86px; width:100px; margin:0 auto; text-indent:-200px; float:right;}
.alan{ width:765px; height:86px; float:right; margin:-9px auto; background-color:#f7f7f7;}

#about { width: 1020px; overflow: hidden; margin: 20px auto; }
#about #aboutleft { width: 200px; overflow: hidden; float: left; font-weight: bold; font-size: 14px; }
#about #aboutleft .leftmenu { width: 220px; color: #00294e; }
#about #aboutleft .leftmenu a { width: 150px; }
#about #aboutcontent { width: 800px; overflow: hidden; float: left; margin-left: 20px; }
#about #aboutleft ul li { border-bottom: 1px solid #cccccc; padding: 8px 0 8px 0; background: url(../images/yancizgi.png)no-repeat left center; width: 150px; height: 12px; text-indent: 18px; }