﻿/* 
Site Ismi: Haydi Gülümse / Özürlüler Vakfi
Yil: 2009
Tasarim: Erkan Mazicioglu 
Yazar: Gözde Berberoglu // http://www.gozdeberberoglu.com
***********************************************************************************************************************
Renk Paleti: 
Fontlar: 
#252825 (Yazi rengi) 
#0e0e0e (h1 rengi)
#ff000a (Kirmizi Link) 

Arkaplan Renkleri: 
#fff (Arkaplan) 
#f7f6e2 (Canvas)
*/ 
/* ---------------- Tipografi ---------------- */ 
html, body, div, object, iframe, img, object, fieldset, form, table { border:0; margin:0; padding:0; } 
body {text-align:center; background:#fff; font:normal 62.5% Arial,Helvetica,sans-serif; color:#182c42;position: relative; }
p, span, h1, h2, h3, h4, h5, h6, blockquote, a, big, code, dfn, em, small, sub, sup, var, dl, dt, dd, ol, ul, li, label, select, input, form, legend, td, th, caption {font-family:Arial,Helvetica,sans-serif;}
p, label,legend,td, th, input, caption {font-weight:normal; font-size:1.2em; line-height:1.5em;}
b, th, caption {font-weight:bold}
h1 {font-weight: normal; font-size: 2.4em; color:#0e0e0e; letter-spacing:-1px}
h2 {font-weight: normal; font-size: 1.8em; color:#ff000a} 
h3 {font-weight: normal; font-size: 1.6em; color:#ff000a}
h4 {font-weight: bold; font-size: 11px; line-height:25px}
h5 {font-weight: bold; font-size: 10px; line-height:20px}
h6 {font-weight: bold; font-size: 9px; line-height:20px}
blockquote{padding:0 35px}
a {text-decoration:none; font-weight: bold; color:#ff000a} 
a:link, a:visited {text-decoration:none} 
a:hover, a:active {text-decoration:underline } 
sub {vertical-align:sub}
sup {vertical-align:super}
ul{list-style-position:inside; margin:10px 15px}
li {padding-left:5px;list-style-type:disc; line-height:15px; font-size:1.2em;}
hr{ border:none; height:0px }
table,tr,td { border-collapse:collapse; border:1px solid #586F3C;}


/* ---------------- Genel siniflar ---------------- */ 
.Left {float:left} 
.Right {float:right} 
.Clear {clear:both}
.TextLeft {text-align:left}
.TextRight {text-align:right}
.TextCenter {text-align:center}
.TextJustify {text-align:justify}
.Padding-30{ padding:30px}
.Padding-10{ padding:0 10px 10px 0}
.Width500{ width:500px}
.Width300{ width:300px}
.Red{color:#ff000a}
.White{color:#fff}
.Skome{color:#EEE}
.Black{color:#0e0e0e}

/* ---------------- Acilis ---------------- */
#Acilis {
	width: 300px;
	height:561px;
	margin:0 auto;
	margin-top:200px;
}

/* ---------------- Layout ---------------- */
.Container {
	width: 857px;
	height:561px;
	background: url(../Images/Arkaplan.jpg);
	margin: 0 auto;
	text-align:left;
	padding:180px 65px 0 60px;
	width:732px; 
	height: 381px
}
 html>body .Container {  
	 width:732px;  
	 height: 381px
 }
 
 .Container-Ameliyat {
	width: 857px;
	height:561px;
	background: url(../Images/Arkaplan.jpg);
	margin: 0 auto;
	text-align:left;
	padding:180px 65px 0 60px;
	width:732px; 
	height: 381px
}
 html>body .Container-Ameliyat {  
	 width:732px;  
	 height: 381px
 }
 .Container-Ameliyat{background: url(../Images/Arkaplan-Ameliyat.jpg);}   
 .Container-Bilgilendirme{background: url(../Images/Arkaplan-Bilgilendirme.jpg);} 
 .Container-Bagis{background: url(../Images/Arkaplan-Bagis.jpg);}   


#Content{ 
	width:505px;
	height:275px;
	overflow:auto;
	float:left
}

#Content-Bagis{ 
	width:220px;
	overflow:auto;
	float:left;
	margin-top:10px;
	font-size:1em
}
/* ---------------- Menü Default ---------------- */
#Menu{ 
	width:190px;
	height:250px;
	margin-left:20px;
	float:left
}
#Menu ul{ margin:0; padding:0 }
#Menu ul li{ list-style-type:none;text-indent:-9999px; }
#Menu ul a{
	display:block;
	text-decoration:none;
	width:12em;
	height:4em;
	
}
.Ameliyat{ height:60px; }
.Toplanti{ height:60px;}
.Gonullu{ height:35px;}
.Bireysel-Gonullu{ height:20px;}
.Kurumsal-Gonullu{ height:20px;}
.Bagis{ height:60px;}

/* ---------------- Menü Ameliyatlar ---------------- */

.Hasta-Kayit{ height:70px; }
.Doktor-Kayit{ height:70px; }
.Operasyon{ height:65px; }

/* ---------------- Menü Bilgilendirme ---------------- */

.Bilgilendirme{ height:200px; }

/* ---------------- Footer ---------------- */
#Footer { clear:left; height:90px; padding-top:15px }
#Main-Menu{ width:580px; height:35px; margin-top:48px}

/* ---------------- Form ---------------- */
#Form{ width:700px; margin:0 auto; text-align:left; margin-top:35px}

/* ---------------- Bağış ---------------- */
.r-b{ border-right:1px solid #8c8e29; }
.b-b{ border-bottom:1px solid #8c8e29; }
.l-b{ border-left:1px solid #8c8e29; }
.Boxes{ float:left; margin:16px 0 0 20px; width:285px; font-family:verdana; }
.Box{ width:120px; height:126px; float:left; padding:0 10px 10px 10px; font-size:0.8em}
.Box2{ width:186px; float:left; padding:0 10px 10px 10px; font-size:0.8em; margin-top:20px}
.Bagis-Black{ background:#000; color:#fff; text-align:left; text-align:center; text-transform:uppercase; padding:3px 5px }

#form1,#form2{ text-align:left; padding-left:20px}
 
#form1 table, td {border:none;border-collapse:collapse;}
#form2 table, td {border:none;border-collapse:collapse;}
#form1 tr,#form2 tr {border:1px dotted #ddd;border-collapse:collapse; }
#form1 th,#form1 label{ font-size:1em;}
#form2 th,#form2 label{ font-size:1em;}



table {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 500px;
	background-color: #000;
}
table th {
	text-align: left;
	width: 190px;
	background-color: #fff;
	padding: 5px;
}
table td {
	background-color: #fff;
	padding: 5px;
}
.button {
   font-size:15px;
   font-family:Trebuchet MS,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   width:90px;
   height:33px;
   background-color:#999999;
   border-style:none;


}

fieldset {border:1px solid #930e09;padding:2px 10px 10px 10px;width:400px;margin:0px auto;}
legend {margin-left:5px;padding:5px;font-size:14px;font-weight:bold;}

.kontrol {color:#EEE;}
.hg table {width:390px;}
.hg td, .hg th {background-color:#730f11;border-bottom:1px solid #930f19;}
.hg th {width:160px;color:#E1E1E1;}
.hg legend {color:#FFF;}

table.hg {border:1px solid red;}


.tablo td, .tablo th {border-bottom:1px solid #930f19;}

.sonucc, .sonucc2 {padding:5px;font:bold 14px Tahoma;width:510px;margin:5px auto;background-color:#f03a3a;border:1px solid maroon;color:#f5f5f5;}
.sonucc2 {background-color:#419c28;border-color:#176103;}
