@CHARSET "UTF-8";

/*
**  Maslak Tasarım ve İnternet Hizmetleri
**  http://www.maslaktasarim.com
**  bilgi@maslaktasarim.com
**
*/

body, html 
{ 
	margin:0px;
}
img {border:0px;}
body
{
    background: #5fb2e6;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:14px;
    }

#genel 
{
    width: 1081px;
    margin:0px auto;
    background: url(ust-arka.jpg) no-repeat;
    min-height: 600px;
    }

#ust 
{
    height: 114px;
    padding-left: 182px;
    
    }
    
#orta 
{
    width:697px;
    margin-left:182px;
    min-height: 457px;
    background: #fff;
    padding-left:10px;
    padding-right:10px;
    text-align:justify;
    }
    
#alt 
{
    background: url(alt-arka.jpg) no-repeat;
    background-position: -1px 0px;
    height: 200px;
    padding-top:60px;
    text-align:center;
    font-size: 12px;
    color: #2275a9;
    }
    
.slogan 
{
    color: #2275a9;
    font-family: Arial;
    font-size: 16px;
    line-height: 19px;
    padding: 20px;
    }

.alttablo {padding:30px 20px 30px 20px;}

.urunlist {padding:60px 10px 10px 40px; text-align:left;}
.urunlist a 
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    text-decoration:none;
    color:#fff;
    line-height: 20px;
    }
.urunlist a:hover {text-decoration:underline;}

.urunlist2 {padding:10px 10px 10px 40px; text-align:left; font-family: Arial;
    font-size:15px;
    font-weight: bold;
    text-decoration:none;
    color:#2275a9;
    line-height: 20px;
    }
.urunlist2 a 
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    text-decoration:none;
    color:#2275a9;
    line-height: 20px;
    }
.urunlist2 a:hover {text-decoration:underline;}

.basbas2 
{
    font-size:15px;
    font-weight: bold;
    text-decoration:none;
    color:#2275a9;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 20px;
    border-left: solid 5px #1e6fa1;
    }
#atlas 
{
    width: 319px;
    height: 295px;
    background: url(atlas.jpg) no-repeat;
    float: left;
}

#dimeda 
{
    width: 319px;
    height: 295px;
    background: url(atlas.jpg) no-repeat;
    margin-left: 340px;
    }
    
#gvz 
{
    width: 659px;
    height: 111px;
    background: url(gvz.jpg) no-repeat;
    margin-top: 10px;
    }

.gvzyazi 
{
    font-family: Arial;
    font-size:16px;
    text-decoration:none;
    color:#fff;
    line-height: 18px;
    padding: 32px 20px 10px 100px;
    }
.gvzyazi a{text-decoration:none; color:#fff;}
.gvzyazi a:hover{text-decoration:underline;}
#menu 
{
    width: 520px;
    position:relative;
    left: 240px;
    top:44px;
    }

#dileng
{
    background: url(eng.jpg) no-repeat;
    width: 125px;
    height: 19px;
    position:relative;
    left: 610px;
    top:10px;
    }
    
#dileng a 
{
    padding-left: 40px;
    font-family: Arial;
    font-size:13px;
    text-decoration:none;
    color:#fff;
    }
#dileng a:hover { text-decoration:underline;} 

#diltr
{
    background: url(tr.jpg) no-repeat;
    width: 125px;
    height: 19px;
    position:relative;
    left: 610px;
    top:10px;
    }
    
#diltr a 
{
    padding-left: 40px;
    font-family: Arial;
    font-size:13px;
    text-decoration:none;
    color:#fff;
    }
#diltr a:hover { text-decoration:underline;} 

.mmtr{float:left;}  
.mmtr a
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-decoration:none;
    color:#fff;
    }
    
 .mmtrs{float:left;}  
.mmtrs a
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-decoration:none;
    color:#1e6fa1;
    }
 
.mmtr a:hover
{   
        color:#1e6fa1;
    }
    
.yazyaz 
{
    color: #2275a9;
    font-family: Arial;
    font-size: 15px;
    line-height: 19px;
    padding: 20px;
    
    }
    
.basbas 
{
    color: #1e6fa1;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 20px;
    border-left: solid 5px #1e6fa1;
    }
    
span {text-align:left; font-size:4px;}
#map {width: 650px; height: 320px;}
#aloalo 
{
    position:relative;
    top: -35px;
    width: 650px;
    height: 35px;
    background: #fff;
    
    }

#intr 
{
    margin:0px auto;
    width: 717px;
    height: 440px;
    background: url(intro.jpg) no-repeat;
    font-size: 15px;
    font-weight:bold;
    color: #fff;
    }

#intr a 
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-decoration:none;
    color:#1e6fa1;
    border-bottom:solid 3px #1e6fa1;
    }

#intr a:hover {border-bottom:solid 3px #fff;}

#trk {float:left; text-align: right;}
#engl {margin-left:250px; border-left:solid 3px #1e6fa1; padding-left:50px; height: 100px;}
#yer {position:relative; top: 300px; padding-left: 100px;}

#pro #proa {display:none;}
#pro:hover #proa {display:block;}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a
{
    font-family: Arial;
    font-size:15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    text-decoration:none;
    color:#fff;
    display: block;
    }
    
#menu a:hover
{   
        color:#1e6fa1;
    }

#menu li {position: relative; float:left;}


#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {display: none;}

div#menu ul li:hover ul {display: block; width: 240px; background: #71bbe8;}
.abc:hover {background: #71bbe8; }