/* Tepeoren Villalari CSS (c) designed by */
/* Sokak Kedisi the stray cat */
/* http://www.sokakkedisi.com */


/* Temel */

body { 
font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #024; 
background: url(/web/yon/resim/1280.jpg) fixed no-repeat bottom center; 
background-color: #fffffa; 
margin: 0; padding: 0; 
}

/* Sol Blok */

.logo { 
position: absolute; 
width: 146px; height: 100px; 
margin: 0; padding: 0; 
border: 0; 
z-index: 2; 
position: relative; 
} 
#solblok { 
width: 134px; height: auto; 
margin: 0; padding: 0; 
float: left; 
}
html>body #solblok { 
width: 144px; height: auto; 
} 
#solmenu { 
text-align: center; 
width: 120px; height: 60px; 
margin: 10px 0 10px -6px; padding: 0; 
display: block; 
position: relative; 
}
html>body #solmenu {
margin: 10px auto; padding: 0; 
}
#solmenu li {
list-style: none ! important; 
margin: 0; padding: 0; 
position: relative; 
}
#solmenu li a {
font: bolder 10pt Georgia, Times, "Times New Roman", serif; color: #fff; text-align: center; letter-spacing: 2px; 
background: url(/web/yon/resim/nav.gif) no-repeat top center; 
width: 100%; 
margin: 1px 0; padding: 1px 0; 
list-style: none ! important; 
display: block; clear: both; 
position: relative; 
} 
#solmenu a:visited { 
background: url(/web/yon/resim/nav.gif) no-repeat center center; 
display: block; 
position: relative; 
} 
#solmenu a:hover, #solmenu a:active { 
background: url(/web/yon/resim/nav.gif) no-repeat bottom center; 
display: block; clear: both; 
position: relative; 
} 
#motto { 
font: bold 8pt/12px Georgia, Times, "Times New Roman", serif; color: #436ac4; 
width: 140px; height: 120px; 
margin: 10px auto 10px 10px; padding: 0; 
} 
#fotograf { /* fotograflarla Tepeören */
text-align: center; 
width: 100px; 
margin: 10px auto 0; padding: 0; padding: 2px; 
border: 1px solid #cdc; 
display: block; clear: both; 
z-index: 3; 
} 
#foto a {
font: 8pt/11px Tahoma, Verdana, Arial, Helvetica, sans-serif ! important; color: #06d; text-align: center; 
width: 100px; 
margin: 2px auto 0; padding: 0; 
display: block; clear: both; 
}

/* Üst Menu */

#tepeblok { 
position: absolute; 
margin: 0; padding: 0; 
white-space: nowrap; 
clear: both; 
z-index: 2; 
} 
html>body #tepeblok {
margin-left: 20px; 
}
#tepeblok li { 
list-style: none ! important; 
display: inline; 
float: left; 
}
#tepeblok a, #tepeblok.lang { 
font: 9pt/40px Tahoma, Arial, Helvetica, sans-serif; color: #fec; text-decoration: none; text-align: center; 
background: url(/web/yon/resim/tepe.png) repeat center; 
background-color: #4887e7; 
margin: 0 1px; padding: 24px 8px 2px; 
border: solid #69d; border-width: 0 1px 1px 1px; 
position: relative; 
} 
#tepeblok a:visited {
color: #fed; 
} 
#tepeblok a:hover, #tepeblok a:active { 
color: #fff; text-decoration: none; 
background: url(/web/yon/resim/tepe.png) repeat top center; 
background-color: #4887e7; 
padding: 30px 8px 2px; 
position: relative; top: 10px; 
} 
.lang { /* dil seçimi */
background: url(/web/yon/resim/tepe.png) repeat top center ! important; 
}
#iletisim_frame { 
position: absolute; top: 40px; right: 17%; 
width: 40%; height: 280px; 
border: 0; 
overflow: hidden; 
clear: both; 
z-index: 2; 
}


/* Kapsam */

#anablok {
background-color: #fff; 
width: 70%; height: 100%; 
margin: -6px 0 0; padding: 0; 
border: 2px ridge #ffe; 
float: left; 
}
#kapsam { 
margin: 0 20px; padding: 50px 0 20px; 
clear: both; 
} 
#kapsam ul {
padding-left: 20px ! important; 
display: block; 
}
#kapsam li {
font: 8pt/12px Tahoma, Verdana, Arial, Helvetica; color: #369; 
}
#kapsam li a {
font-weight: bold; 
}
#kapsam p a {
background: url(/web/yon/resim/external.gif) no-repeat center left; 
width: auto; 
padding: 0 0 0 16px; 
}
object, embed {
cursor: pointer ! important; 
}
.spot { 
font: bold 13pt Georgia, "Times New Roman", Times, serif; color: #568a44; 
width: 45%; 
margin: 8px 0; padding: 0; 
float: left; 
display: block; clear: both; 
} 
#villalar { 
float: right; 
margin: 0; padding: 0; 
} 

/* Alt Blok */

#altblok {
margin: 0 0 20px 10px; padding: 240px 0 20px; 
width: 150px; 
float: left; clear: left; display: block; 
}
html>body #altblok {
padding: 220px 0 20px; 
}
#yonlogo { 
margin: 0; padding: 0; 
clear: both; 
}
#altblok ul { 
margin: 4px 0 0 -16px; padding: 0; 
float: left; 
} 
html>body #altblok ul {
margin: 4px 0 0 10px; 
}
#altblok li {
font: 8pt/18px Arial, Tahoma, Helvetica, sans-serif; color: #cdc; 
list-style: none; 
}
#altblok li a {
font: bold 8pt Arial, Tahoma, Helvetica, sans-serif; color: #585; text-decoration: none; 
margin: 0 1px; padding: 1px 4px; 
border: 1px solid #fff; 
position: relative; 
} 
#altblok li a:hover, #altblok li a:active {
color: #024; 
background-color: #fc6; 
border: 1px solid #c60; 
} 
#adres { 
color: #024; 
margin: 0 0 0 165px; padding: 10px 0 0; 
clear: both; 
} 
#designer {
margin-left: 160px; padding: 6px; 
clear: both; 
}
#designer a { 
font-size: 7pt; color: #c6cce0; letter-spacing: 2em; text-decoration: none; 
}
#designer a:hover { 
color: #eee; 
} 

/* Font */

h1  {
font: 20pt Georgia, Times, "Times New Roman", serif; color: #d60; 
} 
h2 {
font: bold 12pt Georgia, Times, "Times New Roman", serif; color: #568a44; 
} 
p { 
font: 10pt Georgia, Times, "Times New Roman", serif; color: #024; 
margin: 8px 0; 
} 
h1, h2 { 
margin: 0; 
}
.ufak, #mesaj p { 
font: 8pt Verdana, Arial, Helvetica, sans-serif ! important; color: #69d; 
padding: 4px 0; 
} 

/* Resim */

img { 
border: 0; 
} 
h6 { /* resim veya kutu etrafina golge */
background: url(/web/yon/resim/h6.gif) repeat top left; 
background-color: #ebefef; /* f2f8ee */
margin: 4px 8px 4px 0 ! important; padding: 0 4px 4px 0 ! important; 
border: 0; 
float: left ! important; 
position: relative; 
} 
h6 img, em img {
background-color: #fffffa; 
padding: 4px; 
border: 1px solid #cdc; 
float:  left; 
} 
h6 iframe, span img {
background-color: #fffffa; 
margin: 0; padding: 4px; 
border: 1px solid #cdc; 
}

/* Blok */

.blok { 
display: block; clear: both; 
} 
.inline { 
display: inline; 
}
.gizmo {
display: none; 
} 
.sag { 
float: right; 
margin: 0 0 4px 10px; 
}
iframe { 
background-color: #fff; 
padding: 0 ! important; 
float: left; 
border: 1px solid #cdc ! important; 
} 
iframe#dikey { 
width: 304px; height: 452px; 
margin: 0 10px 0 0; 
position: relative; 
} 
.dik { /* ikon */
width: 44px; height: 66px; 
margin: 0; padding: 0;
border: 0; 
} 
iframe#yatay { 
width: 428px; height: 288px; 
margin: 0 10px 0 0; 
} 
.yat { /* ikon */
width: 66px; height: 44px; 
margin: 0; padding: 0;
border: 0; 
} 
#kroki { /* ulaşım krokisi */
background: transparent; 
margin: 0; padding: 0;
width: 540px; height: 450px; 
} 
#sistem, #plan, .plan { /* vaziyet planı ve ev planı */
margin: 0 12px 4px 0;
border: 1px solid #cdc; 
text-align: center; 
float: left; 
} 
#sistem { /* teknoloji4 sayfasındaki slayt */
width: 250px; height: 190px; 
padding: 4px ! important; 
} 
#chairman { 
text-align: center; 
width: 110px; height: auto; 
margin: 0 0 0 10px; padding: 0; 
border: 0; 
float: left; 
}
#mesaj p { 
margin: 0; 
}

/* Standart */

ul {
margin: 0; 
} 
li { 
list-style: circle inside; 
} 
hr { 
height: 0; 
margin: 0; padding: 0; 
border: solid #d2e6c8; border-width: 1px 0 0 0; 
} 

/* Link */

a {
font-family: Georgia, Times, "Times New Roman", serif; color: #36c; 
text-decoration: none; letter-spacing: 1px; 
outline: none; /* kırık çizgileri yok eder (sadece FF) */
} 
a:visited {
color: #69d; 
} 
a:hover, a:active {
color: #d50; text-decoration: none; 
} 

/* Form */

form, form div, form p, form span {
font: 8pt/14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #648d6b;
clear: both; 
}
form b {
color: #659472 ! important; 
}
form em {
font-style: normal; color: #809b92; 
}
input, textarea { 
color: #606e5f; 
background-color: #fffef8; 
margin: 0 4px 1px 0; padding: 0 4px 1px; 
border: 1px solid #bbd3b3; 
}
textarea { 
width: 80%; 
overflow: auto; 
}
input:focus, textarea:focus { 
border-color: #9c9; 
outline: none; 
}
html>body input, html>body textarea { 
padding: 1px 4px; 
}
.buton { 
font: bold 8pt/18px Georgia, "Times New Roman", Times, serif; color: #5b9b5b;  
background: url(/web/yon/resim/buton.gif) no-repeat top center; 
width: 60px; height: 18px; 
margin: 2px 50px 12px auto; padding: 0; 
border: 0; 
float: right; 
clear: both; 
cursor: pointer; 
} 

/* Ekran CSS bitti */



/* Tepeoren PRINT */

@media print { 
 
#iletisim_frame, 
#tepeblok, 
#solmenu, 
#fotograf, 
#foto, 
#altblok li, 
#mesaj, 
#motto, 
#tool, 
.ekran, 
.floor, 
.kat, 
.pop, 
p a { 
display: none; 
} 
#designer span { 
visibility: visible; 
}
html, body #anablok { 
width: 100% ! important; 
margin: 0; padding: 0; 
border: 0; 
} 
#kapsam { 
position: relative; 
width: 100% ! important; 
margin: 100px 0; padding: 0; 
border: 0; 
display: block; clear: both; 
} 
#kapsam h1 { 
margin-top: 8px; 
}
#kapsam iframe { 
z-index: 8; 
}
#adres { 
display: block !important; 
position: absolute; top: 0; left: 180px; 
font: 8pt Tahoma, Verdana, Arial, Helvetica ! important; color: #024; 
width: auto; 
margin: 0; padding: 0; 
z-index: 9; 
} 
#yonlogo { 
position: absolute; bottom: 0; left: 0; 
margin-top: 450px; 
display: block; 
z-index: 2; 
} 
html>body #yonlogo { 
margin-top: 270px; 
}
#villalar { /* sağ alt köşedeki fotograf */
position: absolute; bottom: 0; right: 0; 
display: block; 
float: right; 
display: block; clear: left; 
} 
html>body 
#villalar { /* sağ alt köşedeki fotograf */
position: relative; bottom: 0; right: 0; 
} 
img { 
page-break-inside: avoid; 
} 
h6 img { 
margin: 8px 0 0; 
}
.spot {
width: 100%; 
}

/* Print Css bitti */ 

}