* { padding:0; margin:0;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
html, body { height:100% }
body { background:#fff; font-family:Arial, Helvetica, sans-serif }
#ana { box-shadow: 0 20px 50px -40px #000; padding:10px 20px; }
/* HEAD */
header { background:#fffx  }
#logo img { max-height:110px; margin:5px 0 }
#anaH1 { text-indent:-99999px; height:0px; margin-bottom:0px }
#anamenu { background:rgba(37,64,143,.7) }
/* /HEAD  */

#logo { display:inline-block; padding:20px 0 0 0 }
/* ARAMA */
#arama { padding:60px 30px 0 30px }
#arama table { border:1px solid #333 }
#arama input[type=text] { height:30px; font-size:16px; padding:0 5px; width:100%; border:none }
#arama input[type=submit] { border:none; background:#333; color:#fff; text-align:center; padding:10px; font-size:16px }
/* ARAMA */

.headmenu { padding:15px 0 }
.headmenu li { list-style-type:none; display:inline-block }
.headmenu li a { display:inline-block; padding:5px 10px 5px 0 }

#telefon h3 { font-size:28px }
#telefon span { display:inline-block; width:24px; height:24px;  }

#telefon ul li { list-style:none; width:100%; white-space:nowrap; left:0; right:0; text-align:inherit }
#telefon li a { color:#000 }



/* /HEAD */
h1 { font-size:21px; margin-bottom:16px }
h2 { font-size:18px; margin-bottom:13px }
h3 { font-size:15px; margin-bottom:10px }

.ortala { width:980px; margin:0 auto; }
.ortala .ortala { width:100% }
.ara { clear:both; height:10px; line-height:10px }
#ana {  }
[contenteditable="true"]:hover { background:rgba(204,204,255,.2) !important }
#container { padding:10px 0;}
#ozet { padding:10px 0; font-style:italic; font-size:18px; color:#333; font-weight:bold }
#sidebar { padding:0px 5px 10px 10px; overflow:hidden }
.sideliste { background:#fff; box-shadow:0px 0px 5px #CCC; width:95%; margin:10px auto; padding:10px 0 }
.sideliste.secili { box-shadow:0px 0px 5px #00F; background:#eee }
a, a:link, a:visited { font-size:14px; color:#06F; text-decoration:none }
a:hover { text-decoration:underline }
.dilmenu { padding-top:10px }
.dilmenu div { display:inline-block; }

#kapak { min-height:300px; background-repeat:no-repeat; position:relative; 
-webkit-box-shadow: inset 0px 10px 30px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 10px 30px -10px rgba(0,0,0,1);
box-shadow: inset 0px 10px 30px -15px rgba(0,0,0,1);
 }
#kapak h1 { display:inline-block; background:rgba(255,255,255,.5); padding:10px; margin-top:10px;
-webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,1);
box-shadow: 10px 10px 30px -15px rgba(0,0,0,1);
}
#kapak #ozet { display:inline-block; padding:10px; background:rgba(255,255,255,.5); }
#kapak #kapakic { position:absolute; bottom:0; left:0; right:0 }
/*   EKMEK   */
#ekmek { background:rgba(204,204,204,.8) }
#ekmek li { list-style-type:none; display:inline-block; }
#ekmek img { margin-top:5px  }
#ekmek a { display:inline-block; color:#000; font-size:14px; padding:10px 0; }
/*    EKMEK    */


#icerik img { max-width:100% }
#icerik li { margin-left:20px }
#icerik .listetable { font-size:14px; line-height:20px}
#icerik .listetable td { vertical-align:top; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:20px 0 }
#icerik .listetable h4 { font-size:16px; line-height:20px }
#icerik .listetable h3 { font-size:20px; line-height:20px }
#container #kfoto { float:right }
.bfoto {cursor:zoom-in }
.tr { display:block; margin-left:-15px; margin-right:-15px; margin-bottom:10px; }
.tr .td { display:inline-block; margin-right:-4px; padding-left:15px !important; padding-right:15px !important; vertical-align:top; }
.td img { max-width:100% }

.col-lg-2 { width:16.67% }
.col-lg-3 { width:25% }
.col-lg-4 { width:33.3333%; }
.col-lg-5 { width:37.5%; }
.col-lg-6 { width:50% }
.col-lg-7 { width:57.5%; }
.col-lg-8 { width:66.6666%; }
.col-lg-9 { width:75%; }
.col-lg-10 { width:83.33% }
.col-lg-12 { width:100%;}

.col-4-tar { text-align:right }
.col-4-tac { text-align:center }
.col-4-tal { text-align:left }

.esne { z-index:9; overflow:hidden }
.esne img {
	transition: all .35s ease-in-out; 
	-webkit-transition: all .35s ease-in-out; 
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	z-index:0 !important
}
.ff:hover .esne img {
	-ms-transform: translate(0px,-5px); /* IE 9 */
    -webkit-transform: translate(0px,-5px); /* Safari */
    transform: translate(0px,-5px); /* Standard syntax */
}

.cerceve { position:relative; display:inline-block; vertical-align:top; margin-right:-5px; margin-bottom:2%; }
.cerceve a { display:block; text-decoration:none }
.cerceve p { font-size:16px; color:#000 !important }
.cerceve img { width:100%; }
.cerceve button { position:absolute; right:10px; bottom:10px; padding:5px 10px }
.cerceve .icinde { position:relative }
.cerceve .icinde .icbg { position:absolute; height:80px; background:rgba(0,0,0,.7); bottom:-10px; left:-10px; right:-10px; padding:15px 10px 30px 10px }
.cerceve .icinde h3 { text-align:center; color:#fff; padding:0 10px; line-height:20px }
.cerceve:hover { background:#ccc; box-shadow: 1px 1px 0px #aaa; }
.oval {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer;  }


.kutu_table tr td:nth-child(1) { width:150px; vertical-align:top }
.kutu_table tr td:nth-child(2) { padding-left:10px; vertical-align:top }



div[class^=kutu-] { margin-left:-10px; margin-right:-10px }
div[class^=kutu-] .kutu { padding:10px;}

.kutu-lg-10 .kutu{ width:10%; }
.kutu-lg-8  .kutu{ width:12.5%;  }
.kutu-lg-7  .kutu{ width:14.285%; }
.kutu-lg-6  .kutu{ width:16.66%; }
.kutu-lg-5  .kutu{ width:20%; }
.kutu-lg-4  .kutu{ width:25%; }
.kutu-lg-3  .kutu{ width:33.33%; }
.kutu-lg-2  .kutu{ width:50%; }
.kutu-lg-1  .kutu{ width:100%; }
.kutu { display:inline-block; vertical-align:top; margin-right:-4px; }

/*	FOOTER      */
footer { min-height:50px; box-shadow:1px 1px #DDD; background:#444; color:#fff; padding-top:30px }
footer a { display:inline-block; color:#ccc !important; padding:3px 0 }
footer .td { padding:10px 0 }
footer li { list-style-type:none }
footer .tr:last-child { margin-bottom:0 !important; padding-bottom:20px }
#provider { text-align:right; padding-right:15px }

#sosyal {text-align:center }
#sosyal img { border-radius:5px; }
.sosyal { padding:10px 0 }
.sosyal li { list-style-type:none; display:inline-block }
/*	FOOTER    */

/* FORM       */
.siteform { display:inline-block; max-width:500px; margin:20px 0 }
.siteform table { margin-top:20px }
.form { width:100% }
.form .formbaslik { text-align:center; padding:10px 0 }
.form td { vertical-align:top; padding:5px 0 }
.form input, .form select, .form textarea { width:100%; font-size:14px; padding:5px }
.form input { height:30px }
.form input[type=submit] { display:inline-block; font-size:16px; height:auto; font-weight:bold; padding:10px }
.sup { color:#F00; font-weight:bold; margin:0 5px }
.uyari { padding: 10px; border:1px solid #f00; color:#f00 }
.zorunlu { font-size:10px; color:#ccc }
.pre { white-space:pre-line }
.tus { display:inline-block; padding:10px; border:none; text-decoration:none; }
/* /FORM     */

iframe[name=frmic] { width:100%; height:0px }
.yesil { color: #fff; background:#090; padding:10px }
.yesil:hover { color: #fff; background:#060; }
.mavi { color:#fff; background:#06F }
.mavi:hover { background:#00F }
.turuncu { color:#fff; background:#F93; }
.turuncu:hover { color: #fff; background: #F60; }

.beyaz { color: #717171; background: #ededed;text-shadow: 1px 1px 0px #ccc; }
.beyaz:hover { color: #717171; background: #e1e1e1;text-shadow: 1px 1px 0px #ccc; }
.kirmizi { color: #fff;	background: #f00; }
.kirmizi:hover { color: #fff; background: #900; }


/*       ETİKET      */
#etiketler a { color:#333 }
/*       ETİKET       */
@media screen and (max-width: 980px) {
	.ortala { width:90% !important; margin:0 auto }
}
@media screen and (max-width: 800px) {
menu { display:none }
#sidebar { padding:0; margin-top:20px }
#arama { padding:10px 20px }
#telefon { padding:15px 0 }
.dilmenu { padding-top:15px }
.dilmenu a {  padding:10px }

	.col-md-2 { width:16.67% }
	.col-md-3 { width:25% }
	.col-md-4 { width:33.3333%; }
	.col-md-5 { width:37.5%; }
	.col-md-6 { width:50% }
	.col-md-7 { width:57.5%; }
	.col-md-8 { width:66.6666%; }
	.col-md-9 { width:75%; }
	.col-md-10 { width:83.33% }
	.col-md-12 { width:100%;}
	
	.kutu-md-10 .kutu{ width:10%; }
	.kutu-md-8  .kutu{ width:12.5%;  }
	.kutu-md-7  .kutu{ width:14.285%; }
	.kutu-md-6  .kutu{ width:16.66%; }
	.kutu-md-5  .kutu{ width:20%; }
	.kutu-md-4  .kutu{ width:25%; }
	.kutu-md-3  .kutu{ width:33.33%; }
	.kutu-md-2  .kutu{ width:50%; }
	.kutu-md-1  .kutu{ width:100%; }
	
    table.resp, .resp thead, .resp tbody, .resp th, .resp td, .resp tr { display:block; width:100% }
    .resp thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .resp tr { border-bottom: 1px solid #666; }
    .resp td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding:10px 0 10px 150px !important;
        text-align:left !important
    }
    
    .resp td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 150px;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left !important;
    }
    
    .resp td:nth-of-type(1):before { content: attr(title); }
    .resp td:nth-of-type(2):before { content: attr(title); }
    .resp td:nth-of-type(3):before { content: attr(title); }
    .resp td:nth-of-type(4):before { content: attr(title); }
    .resp td:nth-of-type(5):before { content: attr(title); }
    .resp td:nth-of-type(6):before { content: attr(title); }
    .resp td:nth-of-type(7):before { content: attr(title); }
    .resp td:nth-of-type(8):before { content: attr(title); }
    .resp td:nth-of-type(9):before { content: attr(title); }
    .resp td:nth-of-type(10):before {content: attr(title); }
    .resp td:nth-of-type(11):before {content: attr(title); }
    .resp td:nth-of-type(12):before {content: attr(title); }
    .resp td:nth-of-type(13):before {content: attr(title); }
    .resp td:nth-of-type(14):before {content: attr(title); }
    .resp td:nth-of-type(15):before {content: attr(title); }
    .resp td:nth-of-type(16):before {content: attr(title); }
    .resp td:nth-of-type(17):before {content: attr(title); }
    .resp td:nth-of-type(18):before {content: attr(title); }
    .resp td:nth-of-type(19):before {content: attr(title); }
    .resp td:nth-of-type(20):before {content: attr(title); }
	
	.col-3-tar { text-align:right }
	.col-3-tac { text-align:center }
	.col-3-tal { text-align:left }
}

@media screen and (max-width: 640px) {
		#mobil-bosluk { height:50px }
	
	.col-sm-2 { width:16.67% }
	.col-sm-3 { width:25% }
	.col-sm-4 { width:33.3333%; }
	.col-sm-5 { width:37.5%; }
	.col-sm-6 { width:50% }
	.col-sm-7 { width:57.5%; }
	.col-sm-8 { width:66.6666%; }
	.col-sm-9 { width:75%; }
	.col-sm-10 { width:83.33% }
	.col-sm-12 { width:100%;}
	
	.kutu-sm-10 .kutu{ width:10%; }
	.kutu-sm-8  .kutu{ width:12.5%;  }
	.kutu-sm-7  .kutu{ width:14.285%; }
	.kutu-sm-6  .kutu{ width:16.66%; }
	.kutu-sm-5  .kutu{ width:20%; }
	.kutu-sm-4  .kutu{ width:25%; }
	.kutu-sm-3  .kutu{ width:33.33%; }
	.kutu-sm-2  .kutu{ width:50%; }
	.kutu-sm-1  .kutu{ width:100%; }
	
	.col-2-tar { text-align:right }
	.col-2-tac { text-align:center }
	.col-2-tal { text-align:left }	
}

@media screen and (max-width: 480px) {
.form, .form tr, .formL, .formR { display:inline-block; width:100% }

	.col-xs-2 { width:16.67% }
	.col-xs-3 { width:25% }
	.col-xs-4 { width:33.3333%; }
	.col-xs-5 { width:37.5%; }
	.col-xs-6 { width:50% }
	.col-xs-7 { width:57.5%; }
	.col-xs-8 { width:66.6666%; }
	.col-xs-9 { width:75%; }
	.col-xs-10 { width:83.33% }
	.col-xs-12 { width:100%;}
	
	.kutu-xs-10 .kutu{ width:10%; }
	.kutu-xs-8  .kutu{ width:12.5%;  }
	.kutu-xs-7  .kutu{ width:14.285%; }
	.kutu-xs-6  .kutu{ width:16.66%; }
	.kutu-xs-5  .kutu{ width:20%; }
	.kutu-xs-4  .kutu{ width:25%; }
	.kutu-xs-3  .kutu{ width:33.33%; }
	.kutu-xs-2  .kutu{ width:50%; }
	
	.col-1-tar { text-align:right }
	.col-1-tac { text-align:center }
	.col-1-tal { text-align:left }
}