@charset "UTF-8";
/* --------------------------------------------------------------
	Reset And Base Styles
-------------------------------------------------------------- */

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}a, img, input{outline:expression(hideFocus='true');outline:none;border:0;text-decoration:none;}a:hover a:focus a:active{outline:expression(hideFocus='true');outline:none;}img{-ms-interpolation-mode:bicubic;zoom:1;}


/* --------------------------------------------------------------
	General Styles
-------------------------------------------------------------- */

body {
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background-image:url(images/bg.png);
	background-size:cover;

}
.header{
	width:100%;
	height:90px;
	background-color:#000;
	}
.genel{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-bottom:20px;
	}
.menu{
	width:1100px;
	height:90px;
	text-align:center;
	line-height:90px;
	margin-left:auto;
	margin-right:auto;
	}
.logo{
	width:230px;
	height:140px;
	float:left;
	position:relative;
	top:0;
	z-index:20;
	background-color:#FFF;
	}
.menuitem{
	transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
	border-right:#FFF solid 1px;
	width:100px;
	height:40px;
	float:left;
	margin-left:30px;
	line-height:60px;
	padding-right:10px;
	opacity:0.7;
	margin-top:0;
	-webkit-transition: all 0.1s ease-out 0.1s;
    -moz-transition: all 0.1s ease-out 0.1s;
    -o-transition: all 0.1s ease-out 0.1s;
    transition: all 0.1s ease-out 0.1s;
	}
.menuitem:hover{
	-webkit-transition: all 0.1s ease-out 0.1s;
  -moz-transition: all 0.1s ease-out 0.1s;
  -o-transition: all 0.1s ease-out 0.1s;
  transition: all 0.1s ease-out 0.1s;
  opacity:1;
	}
.genel .menu .menuitem p{
	transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
	color:white;
	font-size:14px;
	text-align:center;
	font-family:Verdana;
	}
.genel .menu .menuitem a{
	color:white;
	}
.menualtıbosluk{
	width:100%;
	height:30px;
	background-color:#333;
	}
.slider{
	width:100%;
	height:300px;
	background-color:#09F;
	}
	.icerik{
	width:1100px;
	min-height:450px;
	margin-top:35px;
	margin-bottom:45px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size:14px;
	}
.altlogo{
	width:100%;
	height:70px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	line-height:70px;
	}
.altlogolar{
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	background-color:#000;
	text-align:center;
	}
.logoicerik{
	width:12%;
	float:left;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	}
.altgenel{
	width:100%;
	min-height:320px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F00;
	}
.genel .menu .altlogolar img {
	margin-top:35px;
	margin-left:10px;
}
.genel .alticerik .alticerikyazi img {
	margin-right: auto;
	margin-left: auto;
}

.alticerik{
	width:1100px;
	min-height:350px;
	background-color:#F00;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
.alticerikyazi{
	width:24.8%;
	min-height:330px;
	border-right:2px dashed #000000;
	float:left;
	margin:10px auto 10px auto;
	font-size:15px;
	font-family: 'Ubuntu', sans-serif;
	}

.altyazi{
	width:1100px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:10px;
	padding-left:5px;
	}
.altyazi p{
	color:white;
	font-size:15px;
	font-weight:500;
	font-family: 'Ubuntu', sans-serif;
	}
.footer{
	width:100%;
	}
.genel .slider #content img {
	width: 100%;
}
.marka,.urun{
	float:left;
	margin-left:25px;
	margin-top:15px;
	text-align:center;
	font-size:16px;
	}
.urun a{ color:#FFF}
.iletisim{
	float:left;
	font-size:16px;}
	
.copy {
    text-align: right;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    color: #fff;
}

.copy a {
    display: inline-block;
    height: 16px;
}
.copy a img {
    display: block;
}