@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:0px 20px 30px 20px;
     color: #2275a9;
    font-family: Arial;
    font-size: 15px;
    background: url(paypay.jpg) no-repeat;
    background-position: 30px bottom;}

.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(dimeda.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: 350px;
    top:60px;
    }

#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; }
.paypay {float:left; width:220px;}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	/*background-color: white;*/
	margin-top: 4px;
}

.treeview span {font-size:15px;}

.treeview .hitarea {
	background: url(treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	/*background-color: #eee;*/
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }