﻿/*@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);*/
@import "https://code.obisis.com/App_Themes/etCssFramework.css";

@font-face {
    font-family:'Open Sans';

    src: url('/fonts/OpenSans-CondBold-webfont.svg') format('svg');
    src: url('/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embdeded-opentype'), 
         url('/fonts/OpenSans-CondBold-webfont.woff') format('woff'), 
         url('/fonts/OpenSans-CondBold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'PT Sans';
    src: url('/fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    src: url('/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), 
         url('/fonts/PTS55F-webfont.woff') format('woff'), 
         url('/fonts/PTS55F-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'BuxtonSketch';
  src: url('/fonts/BuxtonSketch.eot');
  src: url('/fonts/BuxtonSketch.eot?#iefix') format('embedded-opentype'),
       url('/fonts/BuxtonSketch.woff2') format('woff2'),
       url('/fonts/BuxtonSketch.woff') format('woff'),
       url('/fonts/BuxtonSketch.ttf') format('truetype'),
       url('/fonts/BuxtonSketch.svg#BuxtonSketch') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {margin:0px;padding:0px;font-family:Arial;font-size:12px;}
.container{width:980px;text-align:left;margin:0 auto;}

#bulut{background: url(/images/clouds.png) repeat-x left top;height:244px;width:100%;position:absolute;top:270px;
        min-width: 1024px;overflow: hidden;z-index: 10;}

#bulut2{background: url(/images/clouds.png) repeat-x left top;height:244px;width:100%;position:absolute;top:150px;
        min-width: 1024px;overflow: hidden;z-index: 10;}

#kelebek-1{background: url(/images/animated-butterfly-image-0008.gif) no-repeat center center;height:80px;width:70px;position:absolute;
        overflow: hidden;z-index: 1000;}

/*#kelebek-2{background: url(/images/animated-butterfly-image-0014.gif) no-repeat center center;height:140px;width:170px;position:absolute;
        overflow: hidden;z-index: 1000;}*/

#kelebek-2{background: url(/images/butterfly-1_e0.gif) no-repeat center center;height:80px;width:70px;position:absolute;
        overflow: hidden;z-index: 1000;top:640px;right:0px;}

#kelebek-3{background: url(/images/butterfly-1_e0.gif) no-repeat center center;height:80px;width:70px;position:absolute;
        overflow: hidden;z-index: 1000;top:440px;left:0px;}

#kus-1{background: url(/images/bird_180x180.png) no-repeat center center;height:180px;width:180px;position:absolute;
        overflow: hidden;z-index: 1000;}



#header{float:left;width:980px;/*height:238px;*/ background: url(/images/header-bg.png) no-repeat right top;margin:15px 0 0 0;position:relative;z-index:20;}

.menu{float:left;width:945px;margin:10px 0 0 0;padding:0 15px 0 20px;position:relative;z-index:30;}
.menu li{display:inline;}
.menu li a{float:left;padding:22px 15px 10px 15px;color:#fff;width:124px;margin:0 2px 0 0;text-align:center;
           font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;}



.menu li:last-child a{margin:0;}

.menu li.menu-1 a{background: url(/images/menu-bg-1.png) no-repeat left top;}
.menu li.menu-1 a:hover{background: url(/images/menu-bg-over-1.png) no-repeat left top;}
.menu li.menu-2 a{background: url(/images/menu-bg-2.png) no-repeat left top;}
.menu li.menu-2 a:hover{background: url(/images/menu-bg-over-2.png) no-repeat left top;}
.menu li.menu-3 a{background: url(/images/menu-bg-3.png) no-repeat left top;}
.menu li.menu-3 a:hover{background: url(/images/menu-bg-over-3.png) no-repeat left top;}
.menu li.menu-4 a{background: url(/images/menu-bg-4.png) no-repeat left top;}
.menu li.menu-4 a:hover{background: url(/images/menu-bg-over-4.png) no-repeat left top;}
.menu li.menu-5 a{background: url(/images/menu-bg-5.png) no-repeat left top;}
.menu li.menu-5 a:hover{background: url(/images/menu-bg-over-5.png) no-repeat left top;}
.menu li.menu-6 a{background: url(/images/menu-bg-6.png) no-repeat left top;}
.menu li.menu-6 a:hover{background: url(/images/menu-bg-over-6.png) no-repeat left top;}

.menu li a:hover{
    -webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; 
	-webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
	-webkit-transform: translateZ(0);}




.alt-menu{float:left;width:945px;margin:10px 0 0 0;padding:0 15px 0 20px;position:relative;z-index:30;}
.alt-menu li{display:inline;}
.alt-menu li a{float:left;padding:22px 15px 15px 15px;color:#fff;width:124px;margin:0 2px 0 0;text-align:center;
           font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;
           -moz-border-radius: 0 0 10px 20px;-webkit-border-radius: 0 0 10px 20px;border-radius: 0 0 10px 20px;
}



.alt-menu li:last-child a{margin:0;}

.alt-menu li.menu-1 a{background: url(/images/menu-bg-1.png) no-repeat left top;}
.alt-menu li.menu-1 a:hover{background: url(/images/menu-bg-over-1.png) no-repeat left top;}
.alt-menu li.menu-2 a{background: url(/images/menu-bg-2.png) no-repeat left top;}
.alt-menu li.menu-2 a:hover{background: url(/images/menu-bg-over-2.png) no-repeat left top;}
.alt-menu li.menu-3 a{background: url(/images/menu-bg-3.png) no-repeat left top;}
.alt-menu li.menu-3 a:hover{background: url(/images/menu-bg-over-3.png) no-repeat left top;}
.alt-menu li.menu-4 a{background: url(/images/menu-bg-4.png) no-repeat left top;}
.alt-menu li.menu-4 a:hover{background: url(/images/menu-bg-over-4.png) no-repeat left top;}
.alt-menu li.menu-5 a{background: url(/images/menu-bg-5.png) no-repeat left top;}
.alt-menu li.menu-5 a:hover{background: url(/images/menu-bg-over-5.png) no-repeat left top;}
.alt-menu li.menu-6 a{background: url(/images/menu-bg-6.png) no-repeat left top;}
.alt-menu li.menu-6 a:hover{background: url(/images/menu-bg-over-6.png) no-repeat left top;}

.alt-menu li a:hover{
    -webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; 
	-webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
	-webkit-transform: translateZ(0);}


/*ul.menu li > ul { z-index: 20; position: absolute; display: block; padding: 0px 0 0 0;margin:20px 0 0 0;z-index:50; }
ul.menu li > ul li { width: 300px; clear: both; margin: 0 0 -3px 0; position: relative; background: #00CAFE; }
ul.menu li > ul > li:hover { background:  #222328; transition: all ease 0.6s; }
ul.menu li > ul li a { font-size: 14px; color: #fff; padding: 15px 20px; font-weight: 400; margin-top: 0; }
ul.menu li > ul li a span { font-size: 13px; margin-top: 20px; display: block; padding: 0 10px 0 0; font-weight: 400; color: #222328; }
ul.menu li > ul li a:hover { background: none; }*/

.sosyal{float:right;margin:24px 22px 0 0;}


/*Slider*/

#slider-content{float:left;width:960px;padding:10px;background-color:#fff;position:relative;z-index:40;
        -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}


.slider li img {
    position: relative;
	width: 960px;
    height:400px;
    z-index: 8888;
}


#ana-content{background: url(/images/ana-bg.png) repeat-x center top;height:624px;width:100%;position:absolute;top:690px;
        min-width: 1024px;overflow: hidden;z-index: 10;}

#alt-content{background: url(/images/alt-bg.png) repeat-x center top;height:251px;width:100%;position:absolute;top:300px;
        min-width: 1024px;overflow: hidden;z-index: 10;}

#content{float:left;width:980px;position:relative;margin:150px 0 0 0;z-index:20;min-height:500px;}

.alan-1{float:left;width:200px;padding:0 0 0 0; background: url(/images/alan-1-ust.png) no-repeat left top;}
.alan-1-icerik{float:left;width:180px;padding:10px;background-color:#3164A2;color:#fff;font-family:'PT Sans',Arial;min-height:150px;}
.alan-1-icerik img{margin:0 0 8px 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.alan-1-alt{float:left;width:200px;height:33px;background: url(/images/alan-1-alt.png) no-repeat left top;}

.alan-1 h2{margin:0;padding:30px 0 0 10px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;}

.alan-1 a{color:#fff;}

.alan-2{float:left;width:200px;padding:0 0 0 0; background: url(/images/alan-2-ust.png) no-repeat left top;}
.alan-2-icerik{float:left;width:180px;padding:10px;background-color:#EFC043;color:#fff;font-family:'PT Sans',Arial;min-height:150px;}
.alan-2-icerik img{margin:0 0 8px 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.alan-2-alt{float:left;width:200px;height:23px;background: url(/images/alan-2-alt.png) no-repeat left top;}

.alan-2 h2{margin:0;padding:30px 0 0 10px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;}


/*--Haberler--*/

#haberler{float:left;width:530px;height:508px;background: url(/images/haberler-bg.png) no-repeat left top;
          padding:10px;
}

#haberler h3{padding:10px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:25px;}

.manset
{
float:left;
width:530px;
margin-bottom:10px;
}


#mansetBuyuk
{
float:left;
width:530px;
}

.manset_text
{
float:left;
width:490px;
position:absolute;
background: url(/images/transparent_bg.png) left top;
padding:20px;
border-top:3px solid #EB7400;
margin:283px 0 0 0;
font-family:'Open Sans';font-weight:400;
height:24px;
}

.ff3 .manset_text
{
float:left;
width:490px;
position:absolute;
background: url(/images/transparent_bg.png) left top;
padding:20px;
border-top:3px solid #00A3F0;
margin:331px 0 0 0;
font-family:'Open Sans';font-weight:400;
height:24px;
}

.ie .manset_text
{
float:left;
width:490px;
position:absolute;
background: url(/images/transparent_bg.png) left top;
padding:20px;
border-top:3px solid #EB7400;
margin:285px 0 0 0;
font-family:'Open Sans';font-weight:400;
height:24px;
}

.manset_text h4
{
margin:0px;
padding:0px;
font-size:16px;

}

.manset_text h4 a
{
text-decoration:none;
color:#fff;

}

.manset_text h4 a:hover
{
text-decoration:underline;
}

.manset_thumbnails
{
float:left;
width:530px;
margin:10px 0 0 0;
padding:0px;
}

div.manset_thumbnails a:nth-child(1) img
{
padding:0px;
border:4px solid #1B809C;
margin:0px 2px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

div.manset_thumbnails a:nth-child(2) img
{
padding:0px;
border:4px solid #009966;
margin:0px 2px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

div.manset_thumbnails a:nth-child(3) img
{
padding:0px;
border:4px solid #FF0000;
margin:0px 2px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

div.manset_thumbnails a:nth-child(4) img
{
padding:0px;
border:4px solid #FF0099;
margin:0px 2px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

div.manset_thumbnails a:nth-child(5) img
{
padding:0px;
border:4px solid #CC6666;
margin:0px 2px;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

/*.ie .manset_thumbnails img
{
padding:2px;
border:2px solid #0188CC;
margin:0px 2.4px;
}*/

.manset_thumbnails img:hover
{
border:2px solid #27AE61;
}

a#tumHaberler{color:#FF3333}
a#tumHaberler:hover{color:#e11b1b}
/*--/Haberler--*/


/*--Footer--*/

#footer{float:left;width:100%;background:#5F4D39 url(/images/footer-bg.jpg) repeat-x left top;padding:0 0 20px 0;margin:40px 0 0 0;}

ul#footer-menu{float:left;width:980px;margin:50px 0 0 0;}
ul#footer-menu li{float:left; display:inline;padding:5px 5px;font-size:15px;}
ul#footer-menu li a{color:#7D7D00;font-family:'PT Sans',Arial;}
ul#footer-menu li a:hover{color:#FF3333;}

/*--/Footer--*/

/*--Atatürk Köşesi--*/

#ataturk{float:left;width:180px;padding:90px 10px 10px 10px;background: url(/images/ataturk.png) no-repeat left top;height:160px;}
#ataturk h2{padding:0px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;margin:0 0 8px 0;}

#ataturk a{color:#fff;}

/*--/Atatürk Köşesi--*/

/*--Yemek Menüsü--*/

#yemek-menu{float:left;width:180px;padding:30px 10px 10px 10px;background: url(/images/yemek-bg.png) no-repeat left top;height:236px;margin:15px 0 0 0;}
#yemek-menu h2{padding:0px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;margin:0 0 8px 0;}
#yemek-menu img{margin:0 0 0 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
#yemek-menu a{color:#fff;}

/*--/Yemek Menüsü--*/

/*--Resim Galerisi--*/

#galeri{float:left;width:530px;height:324px;padding:20px 10px 10px 10px;background: url(/images/galeri-bg.png) no-repeat left top;margin:15px 0 0 0;}
#galeri h2{padding:0px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:25px;}

ul#albumler{float:left;width:530px;margin:30px 0 5px 0;}
ul#albumler li{float:left;display:inline;width:130px;margin:0 3px 15px 0;}
ul#albumler li:nth-child(4){margin:0 0 15px 0;}
ul#albumler li:nth-child(8){margin:0 0 15px 0;}
ul#albumler li a img{float:left;width:122px;border:4px solid #1B809C;margin:0;padding:0;
                     -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

ul#albumler li label a{float:left;width:100px; text-align:center;color:#fff;
                       background-color:#FF6600;padding:8px 5px;margin:0 0 0 10px;
                       -moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;
}

ul#albumler li:nth-child(1) label a{background-color:#009933;}
ul#albumler li:nth-child(2) label a{background-color:#FF6600;}
ul#albumler li:nth-child(3) label a{background-color:#FF3333;}
ul#albumler li:nth-child(4) label a{background-color:#993366;}
ul#albumler li:nth-child(5) label a{background-color:#CC6666;}
ul#albumler li:nth-child(6) label a{background-color:#99CC33;}
ul#albumler li:nth-child(7) label a{background-color:#FFCC33;}
ul#albumler li:nth-child(8) label a{background-color:#336633;}



.galeri{float:left;width:143px;padding:5px 5px;min-height:140px;margin:0px 15px;}

.galeri-resim{width:143px;}

.galeri-baslik{padding:5px 0px;width:143px;text-align:center;}

.galeri-baslik a{color:#555;}
.galeri-baslik a:hover{color:#000;text-decoration:underline;}


.galeri img {background-color: #FFFFFF;
    border: 1px solid #E3E2E2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 5px;}
    
.galeri img:hover {background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 5px;}

/*--/Resim Galerisi--*/

/*--Önemli Linkler--*/

ul#onemli-linkler{float:left;width:180px;}
ul#onemli-linkler li{display:block;}
ul#onemli-linkler li a{float:left;width:160px;padding:5px 0px 5px 20px;background: url(/images/onemli-link-icon.png) no-repeat left center;color:#fff;font-family:'PT Sans',Arial;font-size:14px;border-bottom:1px dotted #fff;}
ul#onemli-linkler li a:hover{color:#FF3333;}

/*--/Önemli Linkler--*/


/*--Ön Kayıt--*/

#on-kayit{float:left;width:180px;padding:20px 10px 10px 10px;background: url(/images/kayit-form-bg.png) no-repeat left top;height:161px;margin:15px 0 0 0;}
#on-kayit h2{padding:0px;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;margin:0 0 15px 0;}

/*--/Ön Kayıt--*/

/*--Sayaç--*/

#sayac{float:left;width:180px;padding:95px 10px 10px 10px;background: url(/images/sayac-bg.png) no-repeat left top;height:79px;margin:15px 0 0 0;}
#sayac{color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:20px;}

/*--/Sayaç--*/

.alt-sayfa-baslik{float:left;width:100%;color:#fff;font-family: 'BuxtonSketch', 'Open Sans', Arial;font-weight:400;font-size:50px;text-align:center;}

.alt-sayfa-icerik{float:left;width:100%;color:#333;font-family:'PT Sans',Arial;font-size:16px;margin:120px 0 0 0;line-height:1.8em;}


.alt-sayfa-sol-kolon{float:left;width:240px;margin:100px 0 0 0;}

.alt-sayfa-sag-kolon{float:right;width:690px;min-height:450px;
                     padding:0px 25px;
                     
}


.alt-sayfa-menu{float:left;width:230px;padding:20px 0 50px 10px;margin:0 0 0 0;
                
              
}
.alt-sayfa-menu ul{list-style:none;margin:0;padding:0;}
.alt-sayfa-menu ul li{display:block;}
.alt-sayfa-menu ul li a{float:left;width:200px;padding:15px 15px;font-family:'Open Sans', Arial;font-weight:400;font-size:16px;
color:#fff;margin:0 0 2px 0;background-color:#FF3333;
-moz-border-radius: 15px 8px 20px 10px;-webkit-border-radius: 15px 8px 20px 10px;border-radius: 15px 8px 20px 10px;
}


.alt-sayfa-menu ul li:nth-child(2) a{background-color:#EB7400;}
.alt-sayfa-menu ul li:nth-child(2) a:hover, .alt-sayfa-menu ul li:nth-child(2).selected a{background-color:#bb6109;}
.alt-sayfa-menu ul li:nth-child(3) a{background-color:#1B809C;}
.alt-sayfa-menu ul li:nth-child(3) a:hover, .alt-sayfa-menu ul li:nth-child(3).selected a{background-color:#006c8a;}
.alt-sayfa-menu ul li:nth-child(4) a{background-color:#CC6666;}
.alt-sayfa-menu ul li:nth-child(4) a:hover, .alt-sayfa-menu ul li:nth-child(4).selected a{background-color:#c83e3e;}
.alt-sayfa-menu ul li:nth-child(5) a{background-color:#EFC043;}
.alt-sayfa-menu ul li:nth-child(5) a:hover, .alt-sayfa-menu ul li:nth-child(5).selected a{background-color:#ebb21a;}

.alt-sayfa-menu ul li:nth-child(6) a{background-color:#EB7400;}
.alt-sayfa-menu ul li:nth-child(6) a:hover, .alt-sayfa-menu ul li:nth-child(6).selected a{background-color:#bb6109;}
.alt-sayfa-menu ul li:nth-child(7) a{background-color:#1B809C;}
.alt-sayfa-menu ul li:nth-child(7) a:hover, .alt-sayfa-menu ul li:nth-child(7).selected a{background-color:#006c8a;}
.alt-sayfa-menu ul li:nth-child(8) a{background-color:#CC6666;}
.alt-sayfa-menu ul li:nth-child(8) a:hover, .alt-sayfa-menu ul li:nth-child(8).selected a{background-color:#c83e3e;}
.alt-sayfa-menu ul li:nth-child(9) a{background-color:#EFC043;}
.alt-sayfa-menu ul li:nth-child(0) a:hover, .alt-sayfa-menu ul li:nth-child(9).selected a{background-color:#ebb21a;}


/*.alt-sayfa-menu ul li a span{float:left;width:210px;padding:8px 5px;}*/

.alt-sayfa-menu ul li a:hover, .alt-sayfa-menu ul li.selected a{
    background-color:#ea0e0e;
    border:none;
    /*padding-left:10px;width:230px;*/
    -webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; 
	
}

.personel-resim{-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}

#sizi-biz-arayalim{float:right;font-size:18px;font-family: 'Roboto', sans-serif; font-weight: 300;margin:0 0 40px 

0;}

#sizi-biz-arayalim label{float:left;font-size:30px;font-family: 'Roboto', sans-serif; font-weight: 400;border-

right:3px solid #cc0000;padding:0 20px 0 0;margin:0 20px 0 0;} 

#sizi-biz-arayalim span{float:left;font-size:20px;font-family: 'Roboto', sans-serif; font-weight: 300;padding:5px 

0px 0 0;} 


/* Form */
.form{float:left;width:96%;background-color:#D60600;padding:2%;color:#fff;}

.form h3{float:left;width:100%;font-size:30px;margin:10px 0;}
.form p{float:left;width:100%;font-size:12px;margin:10px 0;}

.form-line{float:left;width:100%;height:1px;border-top:1px solid #000;margin:10px 0;}

.form-control-group{float:left;width:100%;}


.form-control-group label{float:left;width:100%;font-family:'Open Sans';font-size:14px;padding:10px 0;
                          font-weight:600;}


.form-control-textbox{padding:10px 2%;width:96%;
   -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
   outline: none;
   border:none;
   background-color:#A10E0A;
}


.form-control-textbox:focus{
      box-shadow: 0 0 5px rgba(131, 226, 191, 1);
     padding:10px 2%;width:96%;
       border:none;
   background-color:#fff;
}

.form-buton-send{float:right;padding:15px;background-color:#333;color:#fff;font-family:'Open Sans',Arial;font-

size:20px;margin:18px 0 0 0;}

.form-buton-send:hover{background-color:#1abd2f}
/* /Form */