*{ text-decoration:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px;padding:0px;font:normal 12px arial;color:#666; list-style:none}
.clearer { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; visibility: hidden; }
body{overflow-x:hidden; margin:0; padding:0;font-family: 'OpenSans';}
img{border:0px;}
.left{ float:left;}
.right{ float:right;}

@font-face{
	font-family: 'OpenSans';
	src: url('fonts/opensans-regular.eot');
	src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
				url('../fonts/opensans-regular.woff') format('woff'),
				url('../fonts/opensans-regular.ttf') format('truetype'),
				url('../fonts/opensans-regular.svg#opensans-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'OpenSansBold';
src: url('../fonts/opensansbold.eot');
src: url('../fonts/opensansbold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/opensansbold.woff') format('woff'),
			url('../fonts/opensansbold.ttf') format('truetype'),
			url('../fonts/opensansbold.svg#opensans-regular') format('svg');
font-weight: normal;
font-style: normal;
}

h1{color:#213263;font-family:'OpenSansBold'; font-size:18px; margin:0 0 10px 0}

.headerTopWidth{width:100%; background:#c4c6c7; height:30px}
.headerTopWidth .headerTopWrap{width:990px; margin:0 600px auto;}
.headerTopWidth .headerTopWrap ul.topMenu{ width:400px; height:auto; float:right; margin:0; padding:0;}
.headerTopWidth .headerTopWrap ul.topMenu li{ float:left; list-style:none; margin:2px 15px 0 0;}
.headerTopWidth .headerTopWrap ul.topMenu li a{ color:#505050; font:bold 10px arial; padding:8px 4px 0 4px; display:inline-block; text-align:center;}
.headerTopWidth .headerTopWrap ul.topMenu li a.active{border-top:2px solid #203264;position:relative; top:-2px}

.headerMenuWidth{ width:100%; height:51px; background:url(../images/menu-bg-x-repeat.jpg) repeat-x;}
.headerMenuWidth .menuWrap{ width:990px; margin:0 auto; height:70px;}
.headerMenuWidth .menuWrap a.logo{float:left; background:url(../images/canteknoloji-logo.png) no-repeat; width:350px; height:148px; position:relative; z-index:10; margin:-12px 0 0 0;}



/*dropdown*/
ul.dropdown{position: relative; left:1px;  }
ul.dropdown li{font-weight: bold; float: left; zoom: 1; background:none; list-style:none;border-right: 1px solid #b8b8b8; padding:17px 0 17px 0; position:relative; z-index:10}
ul.dropdown a:hover{color:#fff;}
ul.dropdown a:active{color: #fff; }
ul.dropdown li a{display:inline-block; margin:0px 8px;color:#999999; font:bold 13px arial;}
ul.dropdown li:last-child a{border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover{background:#CCC}
ul.dropdown li.bg-colm a:hover{ color:#999999}
ul.dropdown li.bg-colm:hover a{color:#999999; border-bottom:2px solid #666; padding-bottom:2px}
ul.dropdown li.bg-colm:hover{ background:none !important}
ul.dropdown li.hover a{color:#fff; }
ul.dropdown ul{ width: 150px; visibility: hidden; position: absolute; top: 100%; left:-1px; border:1px solid #c9ccce; margin-top:-3px}
ul.dropdown ul li{ font-weight: normal;color: #000; float: none; background-color:#203264;background:#ffffff url(../images/menu-dropdown-border.jpg) left bottom no-repeat; }
ul.dropdown ul li a{ width: 100%; display: inline-block;  height:16px; font-size:12px; color:#000 !important; border:0 !important;padding: 4px 0; } 
ul.dropdown ul li a:hover{ text-decoration:underline; color:#fff !important; border:0 !important}
ul.dropdown ul ul{ left: 100%; top: 0; }
ul.dropdown li:hover > ul{visibility: visible; }
ul.sub_menu li{ padding:5px !important;}
ul.sub_menu li a{ font:normal 12px arial !important;}
/*dropdown*/

/*footer*/
.footerWidth{ width:100%; background:#606063; height:40px; padding:10px 0 0 0}
.footerWidth ul.footerCenter{ width:990px; margin:0 auto; list-style:none}
.footerWidth ul.footerCenter li{ float:left; margin:10px 84px 0 0}
.footerWidth ul.footerCenter li a{ color:#c8c2c2;}
.footerWidth ul.footerCenter li a:hover{text-decoration:underline}
.footerWidth .footerBottom{ width:990px; margin:20px auto 0 auto;}
.footerWidth .footerBottom .left{ font:normal 11px arial; color:#606063; margin:3px 0 0 0}
/*footer*/


/*content*/
.contentArea{width:100%}






.ContentDetail{width:100%;margin:0 auto; background:url(../images/content-bg.jpg) no-repeat center top fixed;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; overflow:hidden; min-height:650px}
.centerArea{ margin:0 auto 0 auto; width:990px;}



#altMenu {width:990px; padding:10px 0 10px 0; margin:0 auto; overflow:hidden;}
#altMenu .navigation{width:auto; padding:0; margin:0px; text-align:left; float:left;}

#altMenu .navigation #menu{width:auto; padding:0px; margin:0px; display:inline-block; list-style:none; text-align:right; float:right; border-left:1px solid #d6d6d6;  border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6;}
#altMenu .navigation #menu li{padding:5px 20px 5px 10px; width:auto; margin:0; text-align:left; float:left; color:#0baae5; font-weight:bold; background:#ffffff url(../images/navigator-bg.jpg) no-repeat right center; }
#altMenu .navigation #menu li a{font:normal 11px Arial, Helvetica,sans-serif; color:#999999; text-decoration:none;}
#altMenu .navigation #menu li a.selected{color:#213263; }

.navigation{ width:auto;margin:18px 0;border-right:2px solid #cecece; border-bottom:2px solid #cecece; overflow:hidden}
.navigation ul{margin:0; padding:0;list-style:none;}

.ContentWrapperArea{ width:990px; margin:0 auto}
.leftArea{float:left; width:248px; margin:0}
.leftArea ul.leftMenu{ width:246px; border-right:2px solid #cac9c7; border-bottom:2px solid #cac9c7; background:#ffffff}
.leftArea ul.leftMenu li{ border-bottom:1px solid #e5e5e5;}
.leftArea ul.leftMenu li a{ color:#999999; font-size:14px;padding:10px 0px 10px 13px; display:inline-block; width:233px}
.leftArea ul.leftMenu li div{ color:#999999; font-size:14px;padding:10px 0px 10px 13px; display:inline-block; width:233px}
.leftArea ul.leftMenu li a span{ padding:0 0 0 20px}
.leftArea ul.leftMenu li a.selected{ background:url(../images/left-menu-active.jpg) no-repeat center center; color:#213263; font-weight:bold;}
.leftArea .imagesArea{ width:238px; height:233px; border-right:2px solid #cac9c7; border-bottom:2px solid #cac9c7; margin-top:13px; background:#fff; padding:4px 4px 4px 4px}

.rightWrapper{ float:left; width:726px}

.rightColm{width:689px; background:#fff; border-right:2px solid #fff border-bottom:2px solid #fff; margin:0px 0 15px 10px; float:left; padding:18px;}
.rightColm p{font-size:13px;font-family:'OpenSans';}

ul.subeCaption li{list-style-image: url(../images/ok.png);font-family: 'OpenSans'; font-size:13px; margin:0 0 5px 20px}
/*content*/

.leftArea_iletisim{float:left; width:400px; margin:0}

.rightWrapper_iletisim{ float:left; width:526px}

.rightColm_iletisim{width:489px; background:#fff; border-right:2px solid #fff; border-bottom:2px solid #fff; margin:0px 0 15px 10px; float:left; padding:18px;}
.rightColm_iletisim p{font-size:13px;font-family:'OpenSans';}


/*ContentBannerArea*/
.ContentBannerArea{ width:715px; padding:5px; background:#fff; margin:0 0 20px 10px; border-right: 2px solid #cac9c7; border-bottom: 2px solid #cac9c7;}
#slideshow {position:relative;height:270px;}
#slideshow IMG {position:absolute; top:0;right:0;z-index:8;opacity:0.0;}
#slideshow IMG.active { z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

#slideshow2 {position:relative;height:270px;}
#slideshow2 IMG {position:absolute; top:0;right:0;z-index:8;opacity:0.0;}
#slideshow2 IMG.active { z-index:10;opacity:1.0;}
#slideshow2 IMG.last-active {z-index:9;}
/*ContentBannerArea*/


/*Projeler*/
.projelerContainer{width:968px; background:#fff; border-bottom:2px solid #cac9c7; border-right:2px solid #cac9c7; padding:10px; overflow:hidden;}
.projelerContainer h2{ font:bold 32px arial; color:#203061; margin:0 0 10px 0}
.projelerContainer .boxAreaWrapper{width:100%;}

.project-logos div.box{background:url(../images/proje-box-bg.jpg) no-repeat; width:164px; height:116px; text-align:center; float:left;margin-right:8px;margin-bottom:12px;}
.project-logos a{display:block;cursor:pointer; width:155px; height:108px; padding:4px;}




/*İletişim*/
.iletisimContent{ font-family: 'OpenSans';}
.iletisimContent p{font-size:14px !important; font-family: 'OpenSans'; color:#31363c;}
.iletisimContent p span{ color:#15295d; font-family: 'OpenSans';}
.iletisimContent .leftColm{ float:left; width:370px; margin:28px 0 0 0}
.iletisimContent .leftColm .input-cl{ padding:10px 5px; color:#716e6e; width:156px; outline:none; border:1px solid #cdcccc; background:#f1f1f1; margin:0 14px 10px 0; font-size:13px}

.iletisimContent .rightColm-iletisim{width:319px; float:left;}
.iletisimContent .rightColm-iletisim textarea{ width:306px !important; border:1px solid #cdcccc;outline:none; border:1px solid #cdcccc; background:#f1f1f1; margin:28px 0 0 0; resize:none; padding:10px 5px 0px 5px;font-size:13px; height:122px;}
.iletisimContent .rightColm-iletisim input{padding:5px 0; text-align:center; background:url(../images/button-bg.png) no-repeat; width:83px; height:auto; color:#fff; border:none; float:right; cursor:pointer; margin:10px 0 0 0; font-size:14px}
a.print-icon{ background:url(../images/print-icon.png) no-repeat; width:30px; height:23px; display:block; position:absolute; right:20px; top:20px}
a.mapsText{display:block; float:right; color:#000;width: 120px;margin-top: 5px;}
a.mapsText:hover{ text-decoration:underline;}

.rightColmMap{width:174px; height:auto; float:right;}
.rightColmMap a.googleMaps{display:block; width:auto; padding-left:34px; color:#000; background:url(../images/google-maps-icon.png) no-repeat; float:left; line-height:33px; height:39px;}
.rightColmMap a.kroki{display:block; width:auto; padding-left:18px; color:#000; background:url(../images/kroki-icon.png) no-repeat; float:left; margin:0 0 0 18px; line-height:33px; height:39px;}
.rightColmMap a:hover{ text-decoration:underline;}
/*İletişim*/


/*Site-Haritası*/
.item-Area{width:170px; float:left;margin-bottom:25px;}
.item-Area .titleArea{font-size:18px !important; color:#393939 !important; margin-bottom:12px !important; background:none !important; padding:0 !important}
.item-Area a.rows{background:url(../images/site-haritasi-item.png) no-repeat; width:auto; display:block; padding-left:10px; font-size:12px; color:#393939; line-height:10px; margin:0 0 8px 0}
/*Site-Haritası*/


/*Fotoğraf Galerisi*/
ul#fotograf-galerisi {display:inline-block; float:left;} 
ul#fotograf-galerisi li {margin:0px 36px 20px 0px; display:block; float:left; width:192px; height:186px;} 
ul#fotograf-galerisi li .newspic{width:199px; height:153px;}
ul#fotograf-galerisi li .newspic a img{width:199px; height:153px;}
ul#fotograf-galerisi li .newstitle{font-size:12px; color:#fff; padding:10px 0; background:#112d74; text-align:center; margin:1px 0 0 0; width:199px; font-weight:normal} 
/*Fotoğraf Galerisi*/

/*patent*/
ul.patentler {display:inline-block; float:left;} 
ul.patentler li {margin:0px 36px 20px 0px; display:block; float:left; width:192px; height:260px;} 
ul.patentler li .newspic{width:199px; height:auto;}
ul.patentler li .newspic a img{}
ul.patentler li .newstitle{font-size:12px; color:#fff; padding:10px 0; background:#112d74; text-align:center; margin:1px 0 0 0; width:199px; font-weight:normal;} 
.textShowArea{ background:#112d74; padding:10px 0px; text-align: center;color: #fff;margin: 1px 2px 0 2px; font-size:11px; display:inline-block;}
.titleSub{ font-size:12px; font-weight:bold; color:#fff;}
.box-line{ width:193px; height:2px; background:url(../images/box-line.jpg) no-repeat; float:left; margin:8px 0 8px 2px}
.icons{ width:65px; margin:auto;}
.fotoLinkIcon{ width:26px; height:21px; background:url(../images/fotoLinkIcon.png) no-repeat; display:block; float:left; margin-right:15px;}
.pdfLinkIcon{ width:21px; height:23px; background:url(../images/pdfLinkIcon.png) no-repeat; display:block; float:left;}
/*patent*/

/*tvbasin*/
ul.tvbasin {display:inline-block; float:left;} 
ul.tvbasin li {margin:0px 30px 20px 0px; display:block; float:left; width: 198px; height: auto;} 
ul.tvbasin li .newspic{width:199px; height:auto;}
.textShowArea{ background:#112d74; padding:10px 0px; text-align: center;color: #fff;margin: 1px 2px 0 2px; font-size:11px; display:inline-block; width:196px;}
.titleSub{ font-size:12px; font-weight:bold; color:#fff; margin:0 0 8px 0}
.box-line{ width:193px; height:2px; background:url(../images/box-line.jpg) no-repeat; float:left; margin:8px 0 8px 2px}
.icons{ width:85px; margin:auto;}
.videoLinkIcon{ width:28px; height:20px; background:url(../images/videoLinkIcon.png) no-repeat; display:block; float:left; margin-right:10px; margin-top:2px; border-right:1px solid #7081ac; padding-right:10px;}
.pdfLinkIcon{ width:21px; height:23px; background:url(../images/pdfLinkIcon.png) no-repeat; display:block; float:left;}
/*tvbasin*/


.foto-text{background: #112d74;width: 199px;padding:8px 0px;text-align: center;color: #fff;margin: 1px 0 0 0; height:25px}