@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&amp;subset=latin,latin-ext);
html {
    position: relative;
    min-height: 100%;
}
body
{
	background-color:#006db8;
	margin:0;
	padding: 0;
	margin: 0 0 80px; /* bottom = footer height */
}
.kategori_nav
{
	color:#000;
	margin:5px;
	text-decoration: none;
	font-family:'Exo',sans-serif;
	font-size: 12px;
}
.katalog_linkleri1
{
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	margin:5px;
	font-family:'Exo',sans-serif;
}
.katalog_linkleri2
{
	color:#00FFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	margin:5px;
	font-family:'Exo',sans-serif;
}
.alt_container
{
margin-bottom: 100px;
	width: 100%;
	border-top: 1px solid #014a7d;
color:#014a7d;
padding-top:5px;
	height: 30px;
	float: left;
}
.container_main
{
	width: 980px;
	margin: auto;
}
.container_logo
{
	margin-top: 50px;
	margin-bottom: -50px;
	width: 100%;

}


.container_kataloglar
{
width: 980px;
margin: auto;
float: left;
font-family:'Exo',sans-serif;
padding-bottom: 60px;
}
.container_kataloglar a
{
color:#fff;
font-weight: bold;
}
.container_kataloglar a:hover
{
color:#eaeaea;

}
.ayrac_hr
{
	width: 920px;
	margin-top: 50px;
	background: #0062a6;
}
.kitap_listesi {
	width:900px;
	height: auto;
	min-height:55kitap_listesi0px;
	margin:auto;
	background: #fbfbfb;
	margin-top:100px;
	margin-bottom: 100px;
border:1px solid #000;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.geri_btn a
{
font-weight: bold;
text-decoration: none;
color:#006db8;
}
.geri_btn a:hover
{
text-decoration: underline;
color:#006db8;
}
.kitap_listesi_kbaslik {
width:670px;height:30px;background:#996633;float:left;display:block;color:#fff;font-weight:bold;line-height: 30px;font-family:'Exo',sans-serif;font-size: 14px;}
.kitap_listesi_firma{color:#ffe100;font-weight: bold;
float:left;width:230px;height:30px;background:#0070b7;text-align:center;line-height: 30px;font-family:'Exo',sans-serif;
}
.kitap_listesi1 {
	float: left;
	width:200px;
	height:480px;
	margin:auto;
	background: #fbfbfb;
	margin-top:40px;
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
border:1px solid #000;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.kitap_listesi_kbaslik1 {
width:100%;height:30px;background:#996633;float:left;display:block;color:#fff;font-weight:bold;line-height: 30px;font-family:'Exo',sans-serif;font-size: 14px;}
.kitap_listesi_firma1{color:#ffe100;font-weight: bold;
float:left;width:100%;height:30px;background:#0070b7;text-align:center;line-height: 30px;font-family:'Exo',sans-serif;
}
.kitap_listesi_firma2{color:#ffe100;font-weight: bold;
float:left;width:100%;height:30px;background:#0070b7 url(imgs/kat_arka.jpg) no-repeat center;text-align:center;line-height: 30px;font-family:'Exo',sans-serif;
}

.kitap_listesi1 a
{font-family:Verdana;
text-decoration:none;
font-weight: bold;
color:#006db8;
}
.kitap_listesi1 a:hover
{
text-decoration:underline;
color:#996633;
}
.kategori_altalan   {width: 920px;float:left;border-top: 1px solid #0062a6;font-size: 14px;color:#fff;margin-bottom: 130px;}
.kategori_altalan a {text-decoration: none;color:#fff;font-weight: bold;}
.kategori_altalan a:hover {text-decoration: underline;}

.footer
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  height: 80px;
border-top: 5px solid #00B0F0;
background: #AAE0FA;
color:#00548E;
padding-top: 10px;
font-family:'Exo',sans-serif;
font-size: 12px;
/*background: url('imgs/footer_bg.jpg');*/

}
.footer_ic
{
	width: 920px;
	height: 70px;
	margin: 0 auto;
}
.kategori_navigasyon
{
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family:'Exo',sans-serif;
	font-size: 14px;

}
.copyright_sosyalmedya_icon
{
	font-size: 20px;
}
.kategori_navigasyon li
{

display:table-cell;float:left;
width: 218px;
	height: 25px;
	line-height: 25px;
	border:1px solid #0062a6;
	margin-right: 5px;
	margin-left: 5px;
margin-bottom:20px;

}
.kategori_navigasyon li:first-child {  }
.kategori_navigasyon a{	text-decoration: none;}
.kategori_navigasyon a:hover{ display:table-cell;background: #014a7d;width: 218px; }
.kategorilist_con
{

width: 920px;
margin: auto;
margin-top: 20px;
}



.arama
{
	color: #fff;
}
.arama_baslik
{
	font-family:'Exo',sans-serif;
	color:#014e84;
	border-top: 1px solid #0062a6;
	width: 920px;
	height: 35px;
	line-height: 35px;
	float: left;
}
.arama_kutusu
{
	margin-top:5px;

}
.arama_text_Box
{
	width: 550px;
	height: 30px;
		height: 25px;
	padding: 5px;
	font-family:'Exo',sans-serif;
	border:1px solid #0062a6;
	background-color:#1082d0;
	/*background-color:#006db8;*/
	color:#fff;
}
.arama_paneli2
{
	float: right;
}
.arama_paneli3
{
	width: 980px;
}
.arama_secenek_Box
{
	width: 200px;
	height: 37px;
	padding: 5px;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	border:1px solid #0062a6;
	background-color:#1082d0;
	color:#fff;
}
.arama_button
{
	width: 150px;
	height: 37px;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	border:1px solid #0062a6;
	background-color:#1082d0;
	color:#fff;
}
.arama_listesi
{
	width:920px;
	height:390px;
	margin:auto;
	margin-bottom: 25px;
	border:1px solid #000;
	background:#fff;
border:1px solid #000;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}
.arama_listesi_ic
{
	width: 100%;
	padding-top: 15px;
	margin:auto;
	font-family:'Exo',sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	float:left;
}
.arama_git
{
	width: 100%;
	margin: auto;
	font-family:'Exo',sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	float:left;
	border-top: 1px solid #f2f2f2;
	padding-top: 10px;
	margin-top: 10px;
}

.arama_git a
{font-family:Verdana;
text-decoration:none;
font-weight: bold;
color:#006db8;
}
.arama_git a:hover
{
text-decoration:underline;
color:#996633;
}
.arama_kategori
{
width:660px;
float:left;
height:30px;
color:#fff;
font-weight:bold;
line-height: 30px;
font-family:"Exo",sans-serif;
font-size: 16px;
padding-left: 10px;
}
.arama
{
font-family:'Exo',sans-serif;
margin-top: 50px;
margin-bottom: 50px;
color:#014e84;
border-top: 1px solid #0062a6;
padding-top: 10px;
}
.a_btn a
{
font-family:'Exo',sans-serif;
text-decoration: none;
color:#fff;
font-size: 15px;
}
.a_btn a:hover {text-decoration: underline;}

.navbar
{
width:980px;
height: 30px;
margin-top: 10px;
border-bottom: 1px solid #00B0F0;
}

/* MENU ana cerceve*/

/* Ana menu */
.hmenu {
    display:inline-block;
    padding:0px;
    margin:0px;
    height: 25px;
    list-style:none;
float: right;
}
/* Ana Menu elemanlari */
ul.hmenu>li {
    float:left;
    position:relative;
        height: 25px;

    font-family:'Exo',sans-serif;
	font-size: 16px;
    display:block;
 	border-right: 1px solid #00B0F0;
	color:#D8BB00;
font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:3px;
    padding-top:3px;

}
ul.hmenu li:last-child{border-right:none;padding-right: 0px;}
/* Ana Menu uzerine gelince arka plan rengi */
ul.hmenu li:hover {
  color:#393939;
}
/* Ana menu link bicimlendirme */
ul.hmenu li a {
    color: #fff200;
    text-decoration: none;
    display:block;

}


ul.hmenu li a:hover {color: #b3a700;}
/* alt menu */
ul.hmenu ul {
    position:absolute;
    list-style:none;
    display:none;
    min-width:180px;
    padding-top:10px;
    left:-1px;
	background-color:#006db8;
    border-right: 1px dotted #007dd3;
    border-left: 1px dotted #007dd3;
border-bottom: 1px dotted #007dd3;

}
/* Alt menu bicimlendirme */
ul.hmenu ul li {text-align: left; padding: 5px;border-bottom: 1px dotted #007dd3;z-index: 1;}
ul.hmenu ul li a:hover {color:#fff;}
ul.hmenu ul li:last-child{border-right:none;}
/* Ana menu uzerine gelince alt menuyu ac */
ul.hmenu li:hover>ul {
    position:absolute;
    display:block;
    padding:0px;
}
/* bitti */

.arama_secenek_Box2
{
	width: 100px;
	height:28px;
	padding: 5px;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	border:1px solid #0081d8;
	background-color:#006db8;
	color:#fff200;

}
.arama_button2
{
	width: 60px;
	height: 27px;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	border:1px solid #0081d8;
	background-color:#006db8;
	color:#fff200;
}
.arama_text_Box2
{
	width: 220px;
	height: 20px;
		height: 27px;
	padding: 5px;
	font-family:'Exo',sans-serif;
	border:1px solid #0081d8;
	background-color:#006db8;
	/*background-color:#006db8;*/
	color:#fff200;
}
.copyright_text{font-family:'Exo',sans-serif;font-size: 15px;font-weight: bold;}
.copyright_text_adres{font-family:'Exo',sans-serif;	font-size: 12px;}
.copyright_text_webtsrm {font-family:'Exo',sans-serif;font-size: 10px;}
.copyright_text_webtsrm a{color:#00B0F0;text-decoration: none;}
.copyright_text_webtsrm a:hover{color:#747474;text-decoration: underline;}
.sayfa_baslik {margin-top: 100px;width:980px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;}
.sayfa_baslik h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.sayfa_baslik_iform {margin-top: 100px;width:980px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;margin-top:50px;}
.sayfa_baslik_iform h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik_iform p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.iletisim_input {font-family:'Exo',sans-serif;font-size: 15px;border:1px solid #00B0F0;background-color:#AAE0FA;color:#014e84;height: 25px;width:400px;margin-bottom: 10px;padding: 10px;}
.iletisim_input2 {font-family:'Exo',sans-serif;font-size: 15px;border:1px solid #00B0F0;background-color:#AAE0FA; resize: none;color:#014e84;height: 100px;width:100%;margin-bottom: 10px;padding: 10px;}
.iletisim_btn {font-family:'Exo',sans-serif;font-size: 15px;float: right;border:1px solid #00B0F0;background-color:#AAE0FA;color: #00548E;width: 200px;height: 30px;font-weight: bold;}
.harita{width:980px;height:200px;}
.firma_panel
{
	background: #fff;
	height: 50px;
	width: 550px;
	margin: auto;
	margin: 10px;
	padding: 5px;
	margin-top: 20px;
	-webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	-moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	box-shadow: 0 0 0 4px white, 0 6px 4px black;
	float: left;
}
.yeni_kitaplar
{
	width:180px;
	height:245px;
}
.firma_yazi
{
	float:left;height:30px;
	width: 320px;
	font-family:'Exo',sans-serif;
	margin-left: 15px;font-size: 30px;
	border-bottom: 1px solid #000;

}
.firma_yazi a {text-decoration: none;color:#000;}
.firma_link a
{
	display: inline-block;
	float:left;height:20px;
text-decoration: none;
	font-family:'Exo',sans-serif;
		margin-left: 15px;font-size: 20px;
	color: #000;
}
.firma_link a:hover {color:#006db8; }

.panel_yenicikanlar
{
width: 920px;
height: 510px;
border-top:8px solid #0062a6;
border-bottom:8px solid #0062a6;
background:#00548e;

margin: 150 auto;
}
.panel_yenicikanlar_baslik
{
	width: 920px;
	height: 30px;
	color: #fff200;
	padding-left: 15px;
	padding-top: 30px;
	float: left;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	

}
.panel_yenicikanlar_ic
{

	width: 890px;
	height: 480px;
	margin: auto;
	float: center;
}
.panel_yenicikanlar_container
{
	float: left;
	width: 280px;
	height: 450px;
	background: #f2f2f2;
	border: 3px solid #0062a6;
	margin: 5px;


}
.panel_yenicikanlar_container2
{
	float: left;
	width: 260px;
	height: 340px;
	background: #f2f2f2;
	border: 3px solid #0062a6;
	margin: 10px;

}
.img_kutusu
{
	border:1px solid #000;
	width: 140px;
	height: 205px;
	margin:5px;
	margin-top: 10px;
	margin-left: 60px;
	margin-right: 60px;
	float: left;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.panel_yenicikanlar_bilgiler
{
		font-family:'Exo',sans-serif;

	margin:5px;
	float: left;
	width: 280px;
	height: 160px;
	margin-left: 5px;
	margin-right: 5px;
	word-wrap: break-word;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.panel_yenicikanlar_kadi
{
	margin-top:10px;
	font-family:'Exo',sans-serif;
	font-size:16px;
}
.panel_yenicikanlar_bilgiler a
{
	text-decoration: none;
		color: #000;
}

.panel_yenicikanlar_bilgiler a span img {
	margin-top:-10px;
}

.panel_yenicikanlar_bilgiler a:hover {color:#0062a6;;}
.panel_yenicikanlar_alt
{
	width: auto;
	height: 30px;
	color: #0062a6;
	padding-right: 15px;
margin-right: 25px;
	float: right;
	font-family:'Exo',sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
}
.panel_yenicikanlar_alt a {text-decoration: none;color: #fff200;}
.panel_yenicikanlar_alt a:hover {text-decoration: none;color: #b3a700;}

.is_button
{
	height: 50px;
	background-color: #AAE0FA;
	border:2px solid #00B0F0;
	line-height: 50px;
	font-size: 15px;
		font-family:'Exo',sans-serif;
		padding: 10px;
		width: 272px;
		float: left;
		margin: 5px;

}
.is_button a {text-decoration: none;color: #fff;}
.is_button a:hover {text-decoration: none;color: #D8BB00;background-color: #00B0F0;display: block;}
.oyku_button
{
	height: 25px;
	background-color: #AAE0FA;
	border:2px solid #00B0F0;
	line-height: 25px;
	font-size: 15px;
		font-family:'Exo',sans-serif;
		padding: 10px;
		width: 300px;
		font-weight: bold;
		margin: 5px;
margin:auto;
}
.oyku_button a {font-family:'Exo',sans-serif;text-decoration: none;color: #00548E;text-shadow: 0px 0px #000;}
.oyku_button a:hover {font-family:'Exo',sans-serif;text-decoration: none;color: #D8BB00;background-color: #00B0F0;display: block;text-shadow: 1px 1px #000;}
.logo_genel
{
	width:920px;
	height:300px;
}
.tablo_kategori
{width:216px;height:35px;float:left;border:2px solid #00B0F0;margin:5px;line-height:35px;text-align:center;background: #AAE0FA;}
.tablo_kategori a{font-family:'Exo',sans-serif;text-decoration: none;font-size: 15px;font-weight: bold;}
.tablo_kategori a:hover{text-decoration: underline;color:#D8BB00;}
.lang_bar {width: auto;float: left;margin-top: 5px;}
.lang_bar a {font-family:'Exo',sans-serif;text-decoration: none;font-size: 11px;color:#fff200; }/*#fff200;#b3a700*/
.lang_bar a:hover {text-decoration: none;color:#b3a700;}
.genel_sayfa_div{	width:980px;height:800px;}




::-webkit-input-placeholder {
   color: #00B0F0;
}

:-moz-placeholder { /* Firefox 18- */
   color: #00B0F0;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #00B0F0;
}

:-ms-input-placeholder {
   color: #00B0F0;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
.cikis_tarihi_lbl
{
	float:left;bottom:0px;height:35px;width:100%;background:#aae0fa;margin:0;padding:0;
	margin-top: 195px;
	color:#00549b;
	line-height: 35px;
	text-align: center;
	    font-family:'Exo',sans-serif;
}
.cikis_bar
{
	    font-family:'Exo',sans-serif;
	    width:100%;height:30px;background:#aae0fa;color:#00549b;font-size:16px;
	    line-height: 30px;
	    text-align: center;
	    border-top: 2px solid #00b0f0;
	    border-bottom:2px solid #00b0f0;
}
.arka_kapak_btn
{
	 font-family:'Exo',sans-serif;
	 height: 20px;
	 line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	width: 100%;
	background:#aae0fa;color:#00549b;font-size:13px;
}
.arka_kapak_btn a {text-decoration: none; color:#00549b;background:#aae0fa; }
.arka_kapak_btn a:hover {text-decoration: none; color:#aae0fa;background:#00549b; }
.kitap_bilgileri	{width:100%;height:60px;margin:auto;margin-top:15px;padding-left:25px;}

.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);}

.anadiv
{
width:900px;margin: auto;

}

.kitap_kapak_alani
{
	width:140px;height:210px;margin:auto;margin-top:20px;border:1px solid #000;
}

.kitap_icerik_alani
{
	width:630px;word-wrap: break-word;
}
.kitap_adi_alani
{
	font-size:18px;
}
.kitap_yazar_alani
{
	font-size: 18px;
}
.kitap_bilgileri_icpanel
{
	float:left;width:630px;height:auto;padding:10px;padding-top:20px;font-size:10.0pt;font-family:Arial;

}
.kitap_ayrac
{
	float:left;width:100%;border-top:1px solid #f2f2f2;padding-top:4px;
}
.geri_btn
{
	float:left;margin-left:40px;margin-top:20px;
}
	/* RESPONSIVE 1200Px */
	@media only screen and (max-width: 1200px)
{
.panel_yenicikanlar
{
width: 820px;
height: 390px;
border-top:8px solid #0062a6;
border-bottom:8px solid #0062a6;
background:#00548e;
margin-bottom: 170px;
}

.panel_yenicikanlar_ic
{

	width: 810px;
	height: 291px;
	margin: auto;
	float: center;
}
.panel_yenicikanlar_container
{
	float: left;
	width: 200px;
	height: 285px;
	background: #f2f2f2;
	border: 3px solid #0062a6;
	margin: 10px;


}
.panel_yenicikanlar_bilgiler
{
	font-family:'Exo',sans-serif;

	margin:2px;
	float: left;
	width: 240px;
	height: 160px;
	margin-left: 2px;
	margin-right: 2px;
	word-wrap: break-word;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.yeni_kitaplar
{
	width:127px;
	height:165px;
}
.panel_yenicikanlar_kadi
{

	font-family:'Exo',sans-serif;
	font-size:15px;
}
.cikis_tarihi_lbl
{
	float:left;bottom:0px;height:25px;width:100%;background:#aae0fa;margin:0;padding:0;
	margin-top: 98px;
	color:#00549b;
	line-height: 25px;
	text-align: center;
	    font-family:'Exo',sans-serif;
}
.container_main
{
	width: 880px;
	margin: auto;
}
.navbar
{
width:880px;
height: 30px;
margin-top: 10px;
border-bottom: 1px solid #00B0F0;
}

/* MENU ana cerceve*/

/* Ana menu */
.hmenu {
    display:inline-block;
    padding:0px;
    margin:0px;
    height: 25px;
    list-style:none;
float: right;
}
/* Ana Menu elemanlari */
ul.hmenu>li {
    float:left;
    position:relative;
     height: 25px;

    font-family:'Exo',sans-serif;
	font-size: 14px;
    display:block;
 	border-right: 1px solid #00B0F0;
	color:#D8BB00;
font-weight: bold;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom:3px;
    padding-top:3px;

}
ul.hmenu li:last-child{border-right:none;padding-right: 0px;}
/* Ana Menu uzerine gelince arka plan rengi */
ul.hmenu li:hover {
  color:#393939;
}
/* Ana menu link bicimlendirme */
ul.hmenu li a {
    color: #fff200;
    text-decoration: none;
    display:block;

}


ul.hmenu li a:hover {color: #b3a700;}
/* alt menu */
ul.hmenu ul {
    position:absolute;
    list-style:none;
    display:none;
    min-width:140px;
    padding-top:10px;
    left:-1px;
	background-color:#006db8;
    border-right: 1px dotted #007dd3;
    border-left: 1px dotted #007dd3;
border-bottom: 1px dotted #007dd3;

}
/* Alt menu bicimlendirme */
ul.hmenu ul li {text-align: left; padding: 5px;border-bottom: 1px dotted #007dd3;z-index: 1;}
ul.hmenu ul li a:hover {color:#fff;}
ul.hmenu ul li:last-child{border-right:none;}
/* Ana menu uzerine gelince alt menuyu ac */
ul.hmenu li:hover>ul {
    position:absolute;
    display:block;
    padding:0px;
}
/* bitti */
.arama_paneli3
{
	width: 880px;
}
.logo_genel
{
	width:820px;
	height:300px;
}
.footer
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  height: 80px;
border-top: 5px solid #00B0F0;
background: #AAE0FA;
color:#00548E;
padding-top: 10px;
font-family:'Exo',sans-serif;
font-size: 12px;
/*background: url('imgs/footer_bg.jpg');*/

}
.footer_ic{	width: 920px;height: 70px;margin: auto;}
.geri_btn a{font-weight: bold;	text-decoration: none;color:#006db8;}
.geri_btn a:hover{text-decoration: underline;color:#006db8;}
.kitap_listesi {
	width:700px;
	height: 650px;

	margin:auto;
	background: #fbfbfb;
	margin-top:20px;
	margin-bottom: 150px;
border:1px solid #000;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.geri_btn a{font-weight: bold;text-decoration: none;color:#006db8;}
.geri_btn a:hover{text-decoration: underline;color:#006db8;}
.kitap_kapak_alani{	width:140px;height:210px;margin:auto;margin-top:10px;border:1px solid #000;}
.kitap_adi_alani{font-size:15px;}
.kitap_yazar_alani{	font-size: 15px;}
.kitap_bilgileri_icpanel{	float:left;width:450px;height:auto;padding:10px;padding-top:10px;font-size:10.0pt;font-family:Arial;height: 380px;font-size: 12px;}
.kitap_listesi_kbaslik {width:470px;height:30px;background:#996633;float:left;display:block;color:#fff;font-weight:bold;line-height: 30px;font-family:'Exo',sans-serif;font-size: 14px;}
.kitap_listesi_firma{color:#ffe100;font-weight: bold;float:left;width:230px;height:30px;background:#0070b7;text-align:center;line-height: 30px;font-family:'Exo',sans-serif;}
.kitap_kapak_alani{	width:140px;height:210px;margin:auto;margin-top:10px;border:1px solid #000;}
.kitap_icerik_alani{width:450px;word-wrap: break-word;font-size:10px;}
.kitap_adi_alani{font-size:15px;}
.kitap_yazar_alani{	font-size: 15px;}
.kitap_bilgileri_icpanel
{
	float:left;width:430px;height:auto;padding:10px;padding-top:20px;font-size:10.0pt;font-family:Arial;
	height: 440px;
	font-size: 12px;
}
.arka_kapak_btn
{
	 font-family:'Exo',sans-serif;
	 height: 20px;
	 line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	width: 100%;
	background:#aae0fa;color:#00549b;font-size:12px;
}
.geri_btn{	float:left;margin-left:40px;margin-top:20px;}
.kitap_ayrac{	float:left;width:100%;border-top:1px solid #f2f2f2;padding-top:30px;}
.kategorilist_con
{

width: 820px;
margin: auto;
margin-top: 20px;
}
.genel_sayfa_div{width:880px;height:100%;}
.sayfa_baslik {margin-top: 100px;width:880px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;}
.sayfa_baslik h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.sayfa_baslik_iform {margin-top: 100px;width:980px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;margin-top:120px;margin-bottom: 50px;}
.sayfa_baslik_iform h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik_iform p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.free{width:880px;height: 50px;float: left;margin-top:120px;}
.harita{width:880px;height:www.arionyay.com.tr0px;}
	 }


   #area_product{
   position:relative;
   width:880px;
   height:408px;
   clear:both;
   margin: 0;
   padding: 0;
   }
   #overflow_content{
   position:relative;
   width:880px;
   height:408px;
   float:left;
   clear:both;
   overflow:hidden;
   margin: 0;
   padding: 0;
   }
   #slider_dir{
   float:left;
   width:60px;
   margin:0;
   padding:0;
   margin-left:0px;
   margin-top:8px;
   }
   #slider_dir li{
   display:inline;
   list-style:none;
   cursor:pointer;
   }
   .content_list{
	   
	   
	/* bu alttaki width değeri yeni çıkanların container'ının genişliği. neden böyle yapılmış?*/	
   width:7000px;
   height:390px;
   padding:0;
   margin:0;
   float:left;
   position:absolute;
   left:0;
   }
   .content_list li{
   float:left;
   display:inline;
   list-style:none;

   width: 300px;
   }
   .content_sl{
   width:240px;
   text-align:justify;
   }





	/* RESPONSIVE 1200Px */
	@media only screen and (max-width: 1200px)
{
.panel_yenicikanlar
{
width: 820px;
height: 390px;
border-top:8px solid #0062a6;
border-bottom:8px solid #0062a6;
background:#00548e;
margin-bottom: 170px;
}

.panel_yenicikanlar_ic
{

	width: 800px;
	height: 291px;
	margin: auto;
	float: center;
}
.panel_yenicikanlar_container
{
	float: left;
	width: 240px;
	height: 285px;
	background: #f2f2f2;
	border: 3px solid #0062a6;
	margin: 5px;


}
.panel_yenicikanlar_bilgiler
{
	font-family:'Exo',sans-serif;

	margin:2px;
	float: left;
	width: 240px;
	height: 160px;
	margin-left: 2px;
	margin-right: 2px;
	word-wrap: break-word;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.yeni_kitaplar
{
	width:127px;
	height:165px;
}
.panel_yenicikanlar_kadi
{

	font-family:'Exo',sans-serif;
	font-size:15px;
}
.cikis_tarihi_lbl
{
	float:left;bottom:0px;height:25px;width:100%;background:#aae0fa;margin:0;padding:0;
	margin-top: 98px;
	color:#00549b;
	line-height: 25px;
	text-align: center;
	    font-family:'Exo',sans-serif;
}
.container_main
{
	width: 880px;
	margin: auto;
}
.navbar
{
width:880px;
height: 30px;
margin-top: 10px;
border-bottom: 1px solid #00B0F0;
}

/* MENU ana cerceve*/

/* Ana menu */
.hmenu {
    display:inline-block;
    padding:0px;
    margin:0px;
    height: 25px;
    list-style:none;
float: right;
}
/* Ana Menu elemanlari */
ul.hmenu>li {
    float:left;
    position:relative;
     height: 25px;

    font-family:'Exo',sans-serif;
	font-size: 14px;
    display:block;
 	border-right: 1px solid #00B0F0;
	color:#D8BB00;
font-weight: bold;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom:3px;
    padding-top:3px;

}
ul.hmenu li:last-child{border-right:none;padding-right: 0px;}
/* Ana Menu uzerine gelince arka plan rengi */
ul.hmenu li:hover {
  color:#393939;
}
/* Ana menu link bicimlendirme */
ul.hmenu li a {
    color: #fff200;
    text-decoration: none;
    display:block;

}


ul.hmenu li a:hover {color: #b3a700;}
/* alt menu */
ul.hmenu ul {
    position:absolute;
    list-style:none;
    display:none;
    min-width:140px;
    padding-top:10px;
    left:-1px;
	background-color:#006db8;
    border-right: 1px dotted #007dd3;
    border-left: 1px dotted #007dd3;
border-bottom: 1px dotted #007dd3;

}
/* Alt menu bicimlendirme */
ul.hmenu ul li {text-align: left; padding: 5px;border-bottom: 1px dotted #007dd3;z-index: 1;}
ul.hmenu ul li a:hover {color:#fff;}
ul.hmenu ul li:last-child{border-right:none;}
/* Ana menu uzerine gelince alt menuyu ac */
ul.hmenu li:hover>ul {
    position:absolute;
    display:block;
    padding:0px;
}
/* bitti */
.arama_paneli3
{
	width: 880px;
}
.logo_genel
{
	width:820px;
	height:300px;
}
.footer
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  height: 80px;
border-top: 5px solid #00B0F0;
background: #AAE0FA;
color:#00548E;
padding-top: 10px;
font-family:'Exo',sans-serif;
font-size: 12px;
/*background: url('imgs/footer_bg.jpg');*/

}
.footer_ic{	width: 920px;height: 70px;margin: auto;}
.geri_btn a{font-weight: bold;	text-decoration: none;color:#006db8;}
.geri_btn a:hover{text-decoration: underline;color:#006db8;}
.kitap_listesi {
	width:700px;
	height: 650px;

	margin:auto;
	background: #fbfbfb;
	margin-top:20px;
	margin-bottom: 150px;
border:1px solid #000;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.geri_btn a{font-weight: bold;text-decoration: none;color:#006db8;}
.geri_btn a:hover{text-decoration: underline;color:#006db8;}
.kitap_kapak_alani{	width:140px;height:210px;margin:auto;margin-top:10px;border:1px solid #000;}
.kitap_adi_alani{font-size:15px;}
.kitap_yazar_alani{	font-size: 15px;}
.kitap_bilgileri_icpanel{	float:left;width:450px;height:auto;padding:10px;padding-top:10px;font-size:10.0pt;font-family:Arial;height: 380px;font-size: 12px;}
.kitap_listesi_kbaslik {width:470px;height:30px;background:#996633;float:left;display:block;color:#fff;font-weight:bold;line-height: 30px;font-family:'Exo',sans-serif;font-size: 14px;}
.kitap_listesi_firma{color:#ffe100;font-weight: bold;float:left;width:230px;height:30px;background:#0070b7;text-align:center;line-height: 30px;font-family:'Exo',sans-serif;}
.kitap_kapak_alani{	width:140px;height:210px;margin:auto;margin-top:10px;border:1px solid #000;}
.kitap_icerik_alani{width:450px;word-wrap: break-word;font-size:10px;}
.kitap_adi_alani{font-size:15px;}
.kitap_yazar_alani{	font-size: 15px;}
.kitap_bilgileri_icpanel
{
	float:left;width:430px;height:auto;padding:10px;padding-top:20px;font-size:10.0pt;font-family:Arial;
	height: 440px;
	font-size: 12px;
}
.arka_kapak_btn
{
	 font-family:'Exo',sans-serif;
	 height: 20px;
	 line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	width: 100%;
	background:#aae0fa;color:#00549b;font-size:12px;
}
.geri_btn{	float:left;margin-left:40px;margin-top:20px;}
.kitap_ayrac{	float:left;width:100%;border-top:1px solid #f2f2f2;padding-top:30px;}
.kategorilist_con
{

width: 820px;
margin: auto;
margin-top: 20px;
}
.genel_sayfa_div{width:880px;height:100%;}
.sayfa_baslik {margin-top: 100px;width:880px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;}
.sayfa_baslik h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.sayfa_baslik_iform {margin-top: 100px;width:980px;border-bottom: 2px solid #00B0F0;height: 50px;margin-bottom: 50px;float: left;text-shadow: 1px 1px #000;margin-top:120px;margin-bottom: 50px;}
.sayfa_baslik_iform h1 {font-family:'Exo',sans-serif;font-size: 25px;font-weight: bold;color:#fff;}
.sayfa_baslik_iform p {font-family:'Exo',sans-serif;font-size: 15px;color:#fff;text-align:justify;}
.free{width:880px;height: 50px;float: left;margin-top:120px;}
.harita{width:880px;height:www.arionyay.com.tr0px;}
	 }

	 
	 
.yeni_icon {
	margin-bottom:-250px;
	margin-top:150px;
	margin-left:20px;
}