﻿body{
    background:#e7e7e7;
	direction:rtl;
}
/* Header Başlangıç */

/*POPBOXS*/
.pops {display:none; position:fixed; width:100%; height:100%; background:url(pops.png) repeat; left:0px; top:0px; z-index:50000;}
.pops .wrp {width:600px; height:1px; margin:0px auto; position:relative;}
.pops .win {width:600px; height:400px; padding:10px; background:#000; box-shadow:0px 0px 10px rgba(0,0,0,0.1); position:relative; left:0px; top:90px; z-index:191;}
.pops .win .cls {font-size:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); color:#fff; position:absolute; right:18px; top:10px; cursor:pointer; z-index:50;}
.pops .win .vid {width:620px; height:380px;}
.pops .win .dsc {width:270px; height:270px; padding:20px 55px 25px 25px; background:rgba(255,255,255,1); border-right:5px solid #6dbbb9; position:absolute; right:30px; top:55px; z-index:20; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.pops .win .dsc p {color:#6dbbb9; font-size:22px; padding-bottom:5px;}


header{
    position:relative;
    width:100%;
    height:110px;
    background:#0099a9;
}
header .Ortala #Logo{
    position:relative;
    width:252px;
    height:65px;
    margin-top:23px; 
    float:left;
}
header .Ortala #Dil{
    position:relative;
    width:515px;
    height:50px;
    float:right;
    margin-top:35px;  
}

.diller{
	float:left;
	margin-right:5px;
	margin-top:5px;
	
}

.diller img {
	border:1px solid #FFF;
}

#diller{
	float:left;
	margin-right:5px;
}


.tel{
    float:left; 
	color:#FFF; 
	font-size:24px; 
	margin-right:50px; 
	padding-top:10px; 
}

header .Ortala #Dil a { 
    text-decoration:none;
    color:#ffffff; 
    line-height:50px;
}
header .Ortala #Dil a h1 {
    float:left;
}
header .Ortala #Dil a img {
    float:right;
    margin-top:10px;
}

/* Nav Başlangıç */
nav {
    position:relative;
    width:100%;
    height:53px;
    background:url(../Images/navbg.png)repeat-x; 
    margin-bottom:40px;
}
nav .Ortala #Menu{
    position:relative;
    float:left;
    width:50%;
    height:53px; 
}
nav .Ortala #Menu ul li {
    float:left;
}
nav .Ortala #Menu ul li a {
    line-height:53px;
    text-decoration:none;
    padding-right:20px;
    color:#000000;
}
nav .Ortala #Arama {
    position:relative;
    width:20%;
    height:53px;
    float:right;
	direction:ltr;
}
nav .Ortala #Arama input{
    border-radius:100px;
    border:0;
    margin-top:10px;
    height:23px;
    border-top: solid 2px #d4d5d6;
    border-left: solid 2px #d4d5d6;
    border-bottom: solid 1px #d4d5d6;
    padding-left:10px;
}
nav .Ortala #Arama button{
    position:absolute;
    right:20px;
    top:7px;
    width:35px;
    height:33px;
    border:0;
    background:url(../Images/buttonbg.png)no-repeat;
}
/* Orta Kısım Başlar */
section{
    position:relative;
    width:100%;
    min-height:500px;
    height:auto;
    margin-bottom:40px; 
}
section .Ortala .Yazi{
    position:relative;
    width:50%;
    min-height:500px;
    height:auto; 
    float:left;
}
section .Ortala .Yazi h1 {
    position:relative;
    width:100%;
    height:auto;
    color:#0099a9;
    font-size:24px;
    font-weight:bold;
    line-height:200%;
} 
section .Ortala .Yazi h2 {
    position:relative;
    width:100%;
    height:auto;
    color:#0099a9;
    font-size:12px;
    font-weight:bold;
    line-height:200%;
} 
section .Ortala .Yazi p{
    position:relative;
    width:100%;
    height:auto;
    color:#020202;
    font-size:12px; 
    line-height:200%;
}
section .Ortala #Resim{
    position:relative;
    width:45%;
    min-height:500px;
    height:auto; 
    float:right;
}
 .Kolon ul li {
    float:left;
    width:50%;
    height:auto; 
}
  .Kolon ul li  img {
    display:block;  
}
  .Kolon ul li h2 { 
    font-size:12px;
    color:#020202; 
}
  .Kolon ul#Makara li  img {
    display:block;
    margin:auto;
    float:left;
}
  .Kolon ul#Makara  li h2 { 
    font-size:12px;
    color:#020202;
    padding-left:5px;
    float:left;
    margin-top:53px;
}
/* footer başlar */
footer{
    position:relative;
    width:100%;
    height:100px;
    background:#ffffff;
}
footer .Ortala #FooterLogo{
    position:relative;
    float:left;
    width:113px;
    height:69px;
    margin-top:20px;
}
footer .Ortala #Copy{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    width:250px;
    height:50px;
    text-align:center;
    margin-top:20px; 
    font-size:14px;
}
footer .Ortala #Sosyal{
    position:relative;
    width:150px;
    height:50px; 
    float:right;
}
footer .Ortala #Sosyal ul li{
    float:left;
    margin-top:20px;
}

/* iç sayfa ek css */
.kullanim{
    position:relative;
    display:block;
    float:left; 
    margin:10px;
    overflow:hidden;
}
 #Mail{
    position:absolute;
    width:350px;
    height:50px;
    top:0; 
    bottom:0;
    left:0;
    right:0;
    margin: auto; 
    margin-top:150px;
    font-size:40px; 
}