/*     Genel Tanımlar    *******************************************************************************************/
/*
- Slayt Gosterilerinin ve Menü lerin stil tanımlamaları kendi Css lerinde. Dış Kalıp tanımlamaları aşağıdadır.
*/
.pnlLogoCss
{
   min-height: 200px;
}
html
{
    font-family: 'Tahoma' ,Arial;
    color: #333333;
    font-size: 10pt;
}

a,a:link,a:visited {
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
a img, img {
  border:none
}

h2
{
    color: #333333;
    font-size: 12pt;
}
h3
{
    color: #333333;
    font-size: 12pt;
}
h4
{
    color: #333333;
    font-size: 10pt;
    font-weight: bold;
}
.Alert {
	padding:10px 10px;
	margin:12px 0 20px;
	width: auto;
	padding-left:45px;
	font-style:normal;
	font-family:Helvetica, Arial, "Times New Roman", Times, serif;
	font-size:12px;
	background:#eee;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.BasariMesaji {
	background-color:#DDFFCD;
	background-image: url(basarili.png);
	border:1px solid #b7db58;
	color:#38762C;
}
.HataMesaji
{
	background-color:#FFC8D1;  
    background-image: url(hata.png);
	border:1px solid #D96E66;
	color:#cd0a0a;
}
.StandatImage
{
    border-style: solid;
    border-width: 0px;
}
.HizalaTemizle
{
        clear: both;
}
.SolaHizala
{
    float: left;
}
.SagaHizala
{
    float: right;
    margin-left: 10px;
}
.DivGizle
{
 display : none;
}
.DivGoster
{
    display: inherit;
}
.AltSatiraGec
{
    display: inline-block;
    height: 20px;

}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.KalinCizgi
{
    background-color: #808080;
    width: 100%;
    height: 1px;
}
.InceCizgi
{
    background-color: #E5E5E5;
    width: 100%;
    height: 1px;
}

/*     Menü Tanımlarıı    *******************************************************************************************/
/* Menülerin kendi css leri ayrı css dosyalarında */

.UstMenuGovde
{
    margin: 0px auto 0px auto;
    display: inline-block;
    background: no-repeat;
    width: 100%;
    background-color: #000000;
}
.UstMenuAlani
{
    display: inline-block;
    width: 980px;
}
.SolMenuGovde {}
.SolMenuAlani{}


/*     Arama Kutusu Tanımları    *******************************************************************************************/
.AramaKutusuGovde
{
    overflow: hidden;
    width: 180px;
    margin-top: 6px;
    padding-right : 10px;
    float :right;
}
.AramaKutusu
{
    color: #000000;
    border: 1px solid #000000;
    background-color: #CCCCCC;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 150px;
    padding-left : 5px;
}
.AramaButon
{
    float: right;
}
.AramaSonucAramaKutusuGovde
{
    margin: 20px auto 20px auto;
    display: block;
    text-align: center;
}
/*     Üst Logo Alanı ve Nesne Tanımları    *******************************************************************************************/
.UstLogo-Alani
{
    overflow: hidden;
    margin: 0px auto 0px auto;
}
.LogoNesnesi
{
    border: 0px;
}
.UstLogoSolAlan
{
    overflow: hidden;
}
.UstLogoOrtaAlan
{
    float: left;
    padding-top: 80px;
    overflow: hidden;
}
.UstLogoSagAlan
{
    float: right;
    padding-right: 0px;
    width: 260px;
    overflow: hidden;
    vertical-align: middle;

}
.UstLogoDilSecenekleriAlani
{
    margin-top: 10px;
    padding-right: 0px;
}
.UstLogoAramaKutusuAlani
{
    margin-top: 50px;
    padding-right: 0px;
}
.UstSosyalMedyaAlani
{
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    width: 260px;
    text-align: right;
}
.SosyalMedyaIcon
{
    border-style: solid;
    border-width: 0px;
    margin-left: 15px;
    float: right;
}
.DilIcon
{
    padding-top: 8px;
    border-style: solid;
    border-width: 0px;
    float: left;
    margin-left: 10px;
}

/*     İletişim Sayfası Tanımları    *******************************************************************************************/
.SosyalMedyaIconIletisim
{
    border-style: solid;
    border-width: 0px;
    margin-right: 15px;
    float: left;
    }
.MailGonderGovde
{
 padding-top:10px;
}
.IletisimBaslik
{
    font-weight: bold;
    vertical-align: middle;
}
.IletisimVeri
{
    vertical-align: middle;
}

/*     Alt Adres Alani Tanımları    *******************************************************************************************/

.AltAdresGovde
{
    padding: 10px;
    overflow: hidden;
    color: #FFFFFF;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background-color: #333333;
}
.AltAdresAlani
{
    float: left;
    width: 750px;
}
.AltAdresIconlar
{
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}
.AltAdresYazilar
{
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}
.AltAdresGovde a, .AltAdresGovde span
{
    color: #FFFFFF;
}
.YapimciLogosu
{
    margin: 10px auto 10px auto;
    display: block;
    text-align: center;
}

/*     Katalog Listeleme Tanımları    *******************************************************************************************/
.KatalogListeleGovde
{
    padding-top : 10 px;
}
.KatalogOzet
{
    background-color: #FFFFff;
    border: 1px solid #CCCCCC;
    float:left;
	overflow: hidden;
}
.KatalogOzetFoto
{
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    overflow: hidden;
}
.KatalogOzetEbat5
{
    margin-right: 7px;
    margin-bottom: 7px;
    width: 178px;
    height: 255px;
    padding: 3px;
}
.KatalogOzetFotoEbat5
{
    width: 176px;
    height: 100px;
}
.KatalogOzetEbat, .KatalogOzetEbat4
{
    margin-right: 8px;
    margin-bottom: 8px;
    width: 222px;
    height: 280px;
    padding: 5px;
}
.KatalogOzetFotoEbat, .KatalogOzetFotoEbat4
{
    width: 220px;
    height: 125px;
}
.KatalogOzetEbat3
{
    margin-right: 7px;
    margin-bottom: 7px;
    width: 233px;
    height: 280px;
    padding: 5px;
}
.KatalogOzetFotoEbat3
{
    width: 231px;
    height: 125px;
}
.KatalogOzetEbat2
{
    margin-right: 7px;
    margin-bottom: 7px;
    width: 254px;
    height: 280px;
    padding: 5px;
}
.KatalogOzetFotoEbat2
{
    width: 252px;
    height: 125px;
}
.KatalogOzetEbat1
{
    margin-bottom: 10px;
    width: 528px;
    height: 250px;
    padding: 5px;
}
.KatalogOzetFotoEbat1
{
    width: 526px;
    height: 175px;
}
.KatalogOzetYazi
{
    overflow: hidden;
    font-size: 10pt;
    color: #000000;
    padding: 0px 0px 10px 0px;
}
.KatalogSonOzet
{
    margin-right: 0px;
}

/*     Detay Sayfası Tanımları    *******************************************************************************************/
.SayfaBaslik
{
    padding: 5px;
    background-color: #EEEEEE;
    margin-bottom:5px;
}
.SayfaYazi
{
    padding: 0px 0px 10px 0px;
    text-align: justify;
}
.YazdirPaneli
{
    padding: 5px 0px;
}
.PaylasSayfaBaslikYani
{
 width : 140px;
 padding-top : 3px ;
}
.DetayFoto
{
    border: 1px solid #000000;
    float: left;
    margin-right: 10px;
}
.FotoAlbumGovde
{
    padding-top: 10px;
}
.FotoAlbumPulFotoKutu
{
    border: 5px solid #CCCCCC;
    overflow: hidden;
    width: 150px;
    height: 113px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 .FotoAlbumOrtala{display: block;margin: 0 auto 20px auto;float: none;clear: both;}


/*     Site Ana Kalıp Tanımları    *******************************************************************************************/
#SiteAnaGovde
{
margin: 0 auto; 
width: 100%;
}
#SiteUstGovde
{
    margin: 0px auto 0px auto;
    text-align: center;
}
#SiteOrtaicerik
{
    padding: 10px;
    margin: 0px auto 0px auto;
    z-index: 0;
    width: 1260px;
    overflow: hidden;
    background-color: #ffffff;
}
#SiteAltGovde
{
    margin: 0px auto 10px auto;
    width: 980px;
}
.OrtaModulAlani
{
    float: left;
    min-height: 3px;
}
.OrtaModulGenislik {}
.M{width:1260px;} /* Sadece Orta moduller var */
.LM, .MR{width:750px;} /* sag veya sol + orta moduller var */
.LMR, .RML{width:540px;} /* Sag+Sol+Orta moduller var */

/*     Modüllerin Ortak Kalıp Tanımları    *******************************************************************************************/
.KenarModulSablonAnaGovde
{
    border: 1px solid #FF0000;
    padding: 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
} 
.KenarModulSablonUstGovde
{
    padding: 5px;
    background-color: #00CC66;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    font-weight: bold;
    text-align: center;
}
.KenarModulSablonOrtaGovde
{
    margin-top: 5px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.KenarModulSablonAltGovde{}

.OrtaModulSablonAnaGovde
{
    padding: 0px 0px 5px 0px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
} 
.OrtaModulSablonUstGovde
{
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom : 5px ;
    padding :8px;
}
.OrtaModulSablonOrtaGovde
{
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.OrtaModulSablonAltGovde{}

.SagModulAlani
{
    float: right;
    margin-left: 10px;
    width: 200px;
}

.SolModulAlani
{
    float: left;
    margin-right: 10px;
    width: 200px;
}

/*     Modüllerin Gövde Tanımları    *******************************************************************************************/
.OzelSayfalarModulGovde { margin: 0px auto 0px auto; overflow: hidden; }    
.SonEklenenSayfalarModulGovde { margin: 0px auto 0px auto; overflow: hidden;}    
.PopulerSayfalarModulGovde { margin: 0px auto 0px auto; overflow: hidden;}    
.AnaSayfaYazisi-Govde { margin: 0px auto 0px auto; overflow: hidden;}
.DilSecimiGovde { overflow: hidden; padding-right: 10px; }
.UstLogo-Govde { margin: 0px auto 0px auto; overflow: hidden; width : 980px;}    

.OzelSlayt1{margin: 0px auto 0px auto;}    
.OzelSlayt2{margin: 0px auto 0px auto;}
.OzelSlayt2-After-Cool{height:121px;}   
.OzelSlayt2-After-Simple{height:99px;}     
.OzelSlayt2-After-Crazy{height:40px;}  
.OzelSlayt3{margin: 0px auto 0px auto;}
.OzelSlayt4{margin: 0px auto 0px auto;}
.OzelSlayt4-After{height:40px;}  
.OzelSlayt5{margin: 0px auto 0px auto;}
.OzelSlayt5-After{height:40px;}  



/*     BUTTONS Tanımları    *******************************************************************************************/
.button {
text-decoration: none !important;
color: #333;	
font: 100% Arial, Helvetica, sans-serif;
padding: 5px 13px;
margin: 0 3px 5px 0;
border: solid 1px #aaa;
background: #f5f5f5;
background: -moz-linear-gradient(top, #f6f6f6 0%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dfdfdf));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfdfdf',GradientType=0 );
background: linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%);
vertical-align: middle;
display: inline-block;
zoom:1;
*display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
.button:hover {
text-decoration: none;
background: #f6f6f6;
cursor: pointer;

}

.button.green {
border-color: #4e7521;
background: #76ab3b;
background: -moz-linear-gradient(top, #90c356 0%, #649a27 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c356), color-stop(100%,#649a27));
background: -webkit-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -o-linear-gradient(top, #90c356 0%,#649a27 100%);
background: -ms-linear-gradient(top, #90c356 0%,#649a27 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c356', endColorstr='#649a27',GradientType=0 );
background: linear-gradient(top, #90c356 0%,#649a27 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.green:hover
{
    background: #90c356;
    cursor: pointer;
}

.button.red {
border-color: #9e0b0f;
background: #e41d24;
background: -moz-linear-gradient(top, #fb4e55 0%, #d7020a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb4e55), color-stop(100%,#d7020a));
background: -webkit-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
background: -o-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
background: -ms-linear-gradient(top, #fb4e55 0%,#d7020a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4e55', endColorstr='#d7020a',GradientType=0 );
background: linear-gradient(top, #fb4e55 0%,#d7020a 100%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.button.red:hover {
background: #fb4e55;
    cursor: pointer;

}

/*     clearfix Tanımları    *******************************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*     Genel Tanımları    *******************************************************************************************/
/*     Genel Tanımları    *******************************************************************************************/
/*     Genel Tanımları    *******************************************************************************************/