@charset "utf-8";
/* Anaokuluetkinlikleriornekleri Custom CSS Dosyası*/
#altduyurukutu {
	background-image: url(../images/altkutubg.jpg);
	float: left;
	height: 293px;
	width: 1013px;
	margin-top: 8px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 3px;
}
/*Slider resim boyut baslangic*/
.item{
    text-align: center;
    width: auto;
}
.bs-example{
    margin: 0px;
}
.slider-size {
	height: 440px; 
	margin:0 auto;
	/* This is your slider height
	margin:0 auto;
	max-height: 400px; !important*/
}
.carousel {
	width:100%;
	margin:0 auto; /* center your carousel if other than 100% */ 
}
/*Slider resim boyut son*/


/*.menubutonboyut {
    width: 150px !important;
	height: 60px !important;
}
.menukayitgiris {
    width: 150px !important;
	height: 30px !important;
}
#iskelet {
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	height: 120px;
	width: 260px;
	float: left;
	background-color: #6CF;
}
#menu {
	float: left;
	height: 120px;
	width: 540px;
	background-color: #0F9;
	margin-left: 5px;
}
#arama_menu {
	float: right;
	height: 120px;
	width: 170px;
	background-color: #FC3;
	margin-bottom:10px;
}
#galeri {
	background-color: #C03;
	height: 400px;
	width: 1000px;
	clear: both;
}*/


/*Sosyal Butonlar Başlangıç*/
.ikon-ortala{
	float: none;
	margin:0 auto;
	width:25%;
	display: block; margin-left: 8px; margin-top:18px; margin-bottom:12px; margin-right: auto;}
.icon-circle .fa{
    font-size           : 25px;
    color               : #e84700;
    margin              : 0 auto;
    height              : 60px;
    width               : 60px;
    border-radius       : 50%;
    border              :2px solid #e84700;
    line-height         : 60px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}
.icon-circle  .fa:hover{
    background-color        : #e84700;    
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}
.icon-circle  i:before{
    margin-left         : 0px;
    font-size           : 40px;
}
@media (min-width:320px) and (max-width:768px) {
 .icon-circle .fa{
    font-size           : 15px;
    color               : #e84700;
    margin              : 0 auto;
    height              : 40px;
    width               : 40px;
    border-radius       : 50%;
    border              :2px solid #e84700;
    line-height         : 40px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}
.icon-circle  .fa:hover{
    background-color        : #e84700;    
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}
.icon-circle  i:before{
    margin-left         : 0px;
    font-size           : 20px;
}   
}
.ifacebook .fa{
    color               :#3B5998;
    border              :2px solid #3B5998;
}
.ifacebook .fa:hover{ 
    background-color        : #3B5998;    
    color                   : #fff;
    border                  : 1px solid #3B5998;
}
.itwittter .fa{
    color               : #33ccff;
    border              :2px solid #33ccff;
}
.itwittter .fa:hover{
    background-color        : #33ccff;    
    color                   : #fff;
    border                  : 1px solid #33ccff;
}
/*Sosyal Butonlar Son*/

/*Kutular Başlangıç*/
#kutu1 {
	background-color: #9bba1f;
	border                  : 3px solid #fff;
	/*margin-left:48px;
	margin-right:48px;
	margin-bottom:9px;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;*/
}
#kutu2 {
	background-color: #ffa200;
	border                  : 3px solid #fff;
	/*margin-left:48px;
	margin-right:48px;
	margin-bottom:9px;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;*/
}
#kutu3 {
	background-color: #ca3535;
	border                  : 3px solid #fff;
	/*margin-left:48px;
	margin-right:48px;
	margin-bottom:9px;
	width:32%;
	margin-bottom:2%;*/
}
	
.kutu-ortala{
	float: none;
	margin:0 auto;
	display: block;   margin-left: auto;   margin-right: auto;}
	
#kutular{
	float: none;
	margin:0 auto;
	display: block;   margin-left: auto;   margin-right: auto;}
/*Kutular Son*/

/*Footer Bölümü*/
#footer-renk {
	background-color: #15c1e5;}
/*Footer Bölümü Son*/


/*Hakkinda Resim Ortala Başlangıç*/
#hakkindakutu {
	background-color: #15c1e5;
	border                  : 3px solid #fff;}
	
#iconlar {
	border-color: #4bbdf0;
	border-top-style: solid;
    border-bottom-style:solid;
    border-left-style: solid;
    border-right-style: solid;}

.hakkindaresimboyut{
	float: none;
	margin:0 auto;
	width:90%;
	display: block;   margin-left: auto;   margin-right: auto;}
/*Hakkinda Resim Ortala Bitiş*/


/*İçerik Başlangıç*/
.hakkindaresimboyut{
	float: none;
	margin:0 auto;
	width:80%;
	display: block;   margin-left: auto;   margin-right: auto;}
/*İçerik Bitiş*/



#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

/*Etkinlikler bailangıç*/
.etkinliklerresimboyut{
	float: none;
	margin:0 auto;
	width:80%;
	height:20%;
	display: block;   margin-left: auto;   margin-right: auto;}
/* Etkinlikler bitiş*/


/*Etkinlik bailangıç*/
.etkinlikresimboyut{
	float: none;
	margin:0 auto;
    max-width: 100%; 
	display: block;   margin-left:0;}
	
.etkinlikprofilresimboyut{
	float: none;
	margin:0 auto;
	width:50%;
	display: block;   margin-left:0;}
	
	#kutu4 {
	background-color:#fff ;
	border: 3px solid #15c1e5;
	/*margin-left:48px;
	margin-right:48px;
	margin-bottom:9px;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;*/
}
/* Etkinlik bitiş*/
.paging:hover {
    color:#000;
}
.silbutton{
	text-align:center;
	padding-top:0px;
	height:21px;
}
.silbuttonform{
}

.yorummetni{
	resize:none; 
	width: 50%; 
	height: 150px;
}
.bilgigiris{
	resize:none; 
	width: 55%; 
	min-width:229px;
}
.metinbilgigiris{
	resize:none; 
	width: 55%; 
	min-width:229px;
}
.gonderbutton{
	text-align:center;
	padding-top:7px;
	height:44px;
}
.etkinlikmetinbilgigiris{
	resize:none; 
	width: 50%; 
	min-width:229px;
}
.profilresmiarkplan{
	background-color: white;
}