@charset "utf-8";

@import "reset.css";
@import "default.css";

* {	margin: 0; }

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'MuseoSlab-500';
	src: url('../fonts/museoslab-500-webfont.eot');
	src: local('Museo Slab'), local('MuseoSlab500'), url('../fonts/museoslab-500-webfont.woff') format('woff'), url('../fonts/museoslab-500-webfont.ttf') format('truetype'), url('../fonts/museoslab-500-webfont.svg#webfontxxSxcEmr') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	width:100%;
	background-image:url(../images/back.jpg);
}

a img { border:none; }
#bg table, #bg td {
	height:100%;
	overflow:hidden;
	width:100%;
	z-index:1;
}

/*BACKGROUND*/
#bg div {
	height:200%;
	left:0;
	position:absolute;
	top:0;
	width:200%;
}

#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}

#bg td {
	text-align:left;
	vertical-align:top;
}


.left{
	display:inline;
	float:left;
	width:122px;
	margin:13px;
	height:35px;
	background:url(../images/button.png) no-repeat;
}


.left a{
	top:8px;
	position:relative;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}



.info-div
{
	
	height:400px;
	position:relative;


	
}

#menu-kurumsal
{
	left:24px;
	top:10px;
	position:relative;
}


#urunler
{
	height:760px;
	width:840px;
}


#uretim
{
	height:1500px;
}

.urun_text {
    color: #FFFFFF;
    cursor: pointer;
    left: -290px;
    margin: 0 auto;
    padding-left: 650px;
    position: relative;
    text-align: center;
    width: 300px;
}


.urun_cek{
	border:0px solid #999;
	margin:0 auto;
	width:800px;
	text-align:center;
}

.ur_but{
	background:#09F;
	margin:10px;
	height:20px;
	
}


#belge:hover
{
	background:url(../images/button2.png) no-repeat;
}


#cevre:hover
{
	background:url(../images/button2.png) no-repeat;
}




#egitim:hover
{
	background:url(../images/button2.png) no-repeat;
}


#surdurulebilirlik:hover
{
	background:url(../images/button2.png) no-repeat;
}

#kalite:hover
{
	background:url(../images/button2.png) no-repeat;
}



#hakkimizda:hover
{
	background:url(../images/button2.png) no-repeat;
}





/*ELEMENTI PAGINA*/
#menu {
	display: block;
	width: 570px;
	height: 124px;
	
	position: absolute;
	left: -570px;	

}

#logo {
	width: 200px;
	background:url(../images/b.png) repeat;
	position: relative;
	/*background:#000000;*/
}
#menuInt {
	width: 200px;
	height:900px;
	background:url(../images/b.png) repeat;
	position: relative;
	/*background:#000000;*/
}

.scroller-1 {
	background:url(../images/con-bg.jpg) repeat;
	width:850px;
	height:400px;
	position:relative;
	left:35px;
	padding-left:5px;
	padding-right:10px;
	
}


.bolme {
	width:410px;
	float:left;
	display:inline;
	border:1px solid #CCC;
}


.scroller-2 {
	background:url(../images/con-bg.jpg) repeat;
	width:850px;
	height:400px;
	position:relative;
	left:35px;
	padding-left:5px;
	padding-right:10px;
}
.scroller-3 {
	background:url(../images/con-bg.jpg) repeat;
	width:560px;
	height:180px;
	position:relative;
	padding-right:20px;
}

#panel-1,#panel-2,#panel-3,#panel-4,#panel-5,#panel-6 ,#panel-7,#panel-8,#panel-9 {
	width: 100%;
	height:100%;
	color:#fff;
	padding-left:20px;
	position: absolute;
	background-image:url(../images/b.png);
	top:-100%;
	overflow:hidden;
}

.panelInt{
	display: block;
	width: 900px;
	height: 400px;
	
	position: absolute;
	left: 50%;	
	top: 50%;
	
	margin: -215px 0 0 -440px;
}

.chiudi {
	float:right;
	position:absolute;
	top:10px;
	right:30px;
	
}
#credits {
	position:absolute;
	bottom:-30px;
	right:0;

}

#credits p {
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#lang {
	/*margin-top:21px;
	margin-right:18px;
	float:right;*/
	text-align:center;
}

#belge1 {
width:200px;
text-align:center;
margin-top:8px;
}

#belge2 {
width:200px;
text-align:center;
position:absolute;
left:184px;
top:427px;
display:none; // geçici
}


#belge3 {
width:200px;
text-align:center;
position:absolute;
left:184px;
top:347px;
display:none; // geçici

}

.year {
	width:240px;
	float:left;
}
.year ul {
	list-style:none;
	margin:0;
	padding:0;
}
#cv {
	margin:15px 0;
}
#cv img {
	margin-right:8px;
}

/*MENU*/



#menuInt ul {
	list-style-type: none;
	/*margin-left:8px;*/
	padding:0;
	padding:0px 0;
}
 
#menuInt li{
	font-family: 'MuseoSlab-500', 'Times New Roman', Times, serif;
	font-size: 13px;
	text-transform: uppercase;
	/*margin:10px 0;*/
	padding:10px 0;
	text-align:center;
	cursor:pointer;
	background:url(../images/bott.png) no-repeat;
	
}

#menuInt li a{
	color:#fff;
	text-decoration: none;
	font-style:normal;
	margin:0 6px;
		
}

#menuInt li:hover{
	/*background:black;*/
		
}

#menuInt li a:hover{
	color:#0197F1;
		
}


/*TESTO*/
h1 {
	font-family: 'MuseoSlab-500', 'Times New Roman', Times, serif;
	font-size: 26px;
	color:#de87d1;
	font-weight: normal;
	margin-bottom:10px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
	text-align:justify;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px !important;
	color:#47daf9 !important;
	padding:6px 0;
}

a {
	color: #999;
	text-decoration: none;	
}
a:hover {
	color: #FFF;
}

.v {
	font-size: 13px;
}

/*GALLERY*/
.gallery ul {
	display: inline;
	list-style-type: none;	
	padding:0;
}
.gallery ul li {
	display: inline;
	margin-right:8px;
}

.galImg {
	width:80px;
	height:80px;
	margin: 8px 0 0 0;
}
.galVideo {
	width:150px;
	height:150px;
	margin: 10px 0 0 0;
	float:left;
}

/* SCROLLBAR */

.scrollbar-pane {
    margin-right: 30px;
	margin-left:10px;
}

.scrollbar-handle-container {
    background:url(../images/blank.png);
    width: 10px;
}

.scrollbar-handle {
    width: 10px;
     
	 background: #fff;
}

.scrollbar-handle:hover {
   
	background:#CCC;
}

.scrollbar-handle.move {
	
	background:#0297F1;
    
}