/*################# RESPONSİVE CSS BURADA BAŞLAR ################# */ 

.main_resp_fotolar{
display:none;
}

#site_gizle{
display:none;
}

.footer_goster{
display:none;
}

#mobil_gizle{
display:block;
}

#left{
display:none;
}
#ust{
z-index : 9999;
}

.mobil_menu{display:block;}
.mobil_menu_ac{display:none;}

@media screen and (max-width:480px) { 

.footer_goster{
display:block;
}


#site_gizle{
display:block;
}

#mobil_gizle{
display:none;
}

#left {
display : block;
width : 100%;
min-height : 100%;
background : #eee;
background : linear-gradient(#fafafa, #eee);
z-index : 100;
position : absolute;
left : -500px;
top : 0;
box-sizing : border-box;
padding-top : 175px;
}

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
margin : 0;
padding : 0;
border : 0;
list-style : none;
font-weight : normal;
text-decoration : none;
position : relative;
color : #333;
}
#cssmenu a {
outline : 0;
line-height : 50px;
padding-left : 30px;
font-size : 18px;
box-sizing : border-box;
color : #333;
text-shadow : 1px 1px #fff;
}
#cssmenu {
width : 100%;
}
#cssmenu > ul > li > a {
display : block;
border-bottom : 1px solid #fff;
box-shadow : 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}
#cssmenu > ul > li > a > span {
display : block;
background : url(../index.html) right center no-repeat;
}
#cssmenu > ul > li > a:hover {
text-decoration : none;
}
#cssmenu > ul > li.active {
border-bottom : none;
}
#cssmenu > ul > li.has-sub > a span {
background : url(../index.html) right center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
background : url(../index.html) right center no-repeat;
}
#cssmenu ul ul {
display : none;
}
#cssmenu ul ul a {
display : block;
background : #ddd;
border-bottom : 1px solid #eee;
box-shadow : 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
padding-left : 30px;
box-sizing : border-box;
text-transform : capitalize;
}
#slopen {
float : right;
display : block;
width : 50px;
height : 50px;
background : url(../img/menu.png) center center no-repeat;
cursor : pointer;
    z-index: 0;
}
#slclose {
float : right;
display : none;
width : 50px;
height : 50px;
background : url(../img/menu2.png) center center no-repeat;
cursor : pointer;


}


div#logo img{
width:100%;
}

div#menu {
	display:none;
}

div#ana {
	width: 100%;
    height: 100%;
    margin-left:auto;
	margin-right:auto;
    position: relative;
}




#sagust {
    float: left;
    height: 30px;
	width:300px;
	position:absolute;
	margin-top:10px;
}

#fotogaleri {
 float: left;
    margin-left: 3px;
    margin-top: 59px;
    position: relative;
    width:100%;
}

	div#haberduyuru {
  background: none repeat scroll 0 0 transparent;
    float: left;
    margin-left: 15px;
    margin-top:4.3%;
    position: relative;
    width:95%;
}



#haberduyuru h1{
    color: #676767;
    float: left;
    font-family: century gothic;
    font-size: 17px;
    font-weight: bold;
    margin-top: 4px;
    position: relative;
    text-transform: uppercase;
    width:95%;
}

#haberduyuru b{
 color: #303030;
    float: left;
    font-family: century gothic;
    font-size: 13.5px;
    font-weight: normal;
    width:95%;
}

.main_fotolar{
display:none;
}

.main_resp_fotolar{
width:98%;
display:block;
padding:5px; 
box-sizing:border-box;
position:relative;
float:left;
margin-top:-35px;
color:#999;
background:#fff;
height:200px;
padding-left:10px;
color: #676767;
float: left;
font-family: century gothic;
font-size:9px;
}

#alt55 {
 background: none repeat scroll 0 0 #FFFFFF;
 border-radius: 10px 10px 10px 10px;
 float: left;
 margin-top: 12px;
 width: 100%;
}

#alt55icerik {
float: left;
    left:0%;
    position: relative;
    margin-left:0px;}
	


#ortaalt {
	background-size:100%;
    float: left;
    margin-top: -10px;
    position: relative;
    width:100%;
	max-height:1100px;
	height: auto;
    z-index: 2147483647;}

	
	div#haberduyuru {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:20px;
}

#footeric {
	float: left;
    height: 100%;
    margin-left:auto;
	margin-right:auto;
	position: relative;
    width:100%;
	z-index: 9999;
	padding-left:5px;
}

.footer_gizle{
display:none;
}

#footer {
	background: url("../images/footerbg.png") repeat scroll center 0 transparent;
    float: left;
    height: 50px;
    position: relative;
	bottom:0;
    margin-top: 13px;
    width: 100%;
	z-index: 9999;
	margin-bottom:0px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.mobil_menu{display:none;}
.mobil_menu_ac{display:block;}

#slayt55 {
 float: left;
    height:250px;
    margin-left: 2px;
    margin-top: 7px;
    position: relative;
    width: 100%;
    z-index: 1;
}



#sayfamenu {
background: url("../images/yanmenugolge.png") no-repeat scroll right 35px transparent;
    float: left;
    margin-left: 10px;
    padding-right: 16px;
    position: relative;
    width: 100%;
}
#sayfamenu h5{
 background: none repeat scroll 0 0 #ED1B2D;
    border-radius: 10px 10px 10px 10px;
    color: #ffffff;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 6px;
    text-transform: uppercase;
    width: 230px;
}

#sayfamenu li{
 background: url("../images/urungolge.png") no-repeat scroll center bottom transparent;
    color: #6B6B6B;
    float: left;
    font-size: 13px;
    left: 0;
    list-style-image: none;
    list-style-position: inherit;
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 7px;
    max-height: 27px;
    min-height: 27px;
    position: relative;
}
#sayfamenu a{
 color: #676767;
    float: right;
    font-family: century gothic;
    font-size: 14px;
    font-weight: normal;
    height: 23px;
    margin-left: -3px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 202px;
}
#sayfamenu a:hover {
color:#ed1b2d;}

#sayfasag {
	float: left;
    margin-left: 6px;
    margin-top: 14px;
    position: relative;
    width:98%;
	padding:0px;
}
#sayfasag b{
	  color: #676767;
    float: left;
    font-family: century gothic;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}



#sayfasag h5{
	color: #676767;
    float: left;
    font-family: arial;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-top: 10px;
    position: relative;
    width: 100%;
}
#sayfasagd img {
 border: 1px solid #CCCCCC;
    box-shadow: 0 0 2px #999999;
    float: left;
    margin-bottom: 12px;
    margin-left: 2px;
    margin-top: -4px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
	}
#sayfasag h1{
    color: #676767;
    float: left;
    font-family: century gothic;
    font-size: 17px;
    font-weight: bold;
    margin-top: 4px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}



h3{
	font-size:20px;
	color: #676767;
	font-weight: bold;
	background-color:#f1f1f1;
 border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
	background-repeat: repeat;
	background-position: 0% 0%;
	text-transform: capitalize;
height: 23px;
margin-bottom: 10px;
margin-top: -8px;
padding-left: 10px;
padding-right:10px;
padding-bottom:10px;
padding-top: 6px;
	  font-family: century gothic;
	  width:93%;
}





}