@charset "utf-8";
*{padding:0px; margin:0px; text-decoration:none; border:none; list-style:none; font-family: 'Comfortaa', cursive;}

body{background:url(http://sariyerlihurdaci.com/img/pattern.png);}

a{color: white;}

.container
{
	width:900px;
	background-color:#FFF;
	padding-bottom:25px;
	height:auto;
	margin:auto;}

nav
{
	width:100%; 
	height:50px; 
	background-color:#e6e6e6;
	}
nav ul
{
	display:block; 
	width:900px; 
	margin:auto; 
	height:50px;
	}	
	
nav ul li a
{
	display:block; 
	color:#444444; 
	float:left; 
	text-align:center; 
	width:149px;
	font-size:12px; 
	height:50px;
	font-weight:600;
	line-height:50px;
	border-left:1px solid #444;
	transition:200ms ease-in;}

	
nav ul li a:hover{
	background-color:  #0080ff; 
	color: #ffffff;
	}

.chapter_one{ margin-top:0px;}

.chapter_one article{float:left; width:500px; margin-left:50px;}

.chapter_one h5{text-align:center; margin-top:50px;}

.chapter_one figure{width:220px; height:160px; margin:50px; margin-top:20px; float:left;}

.chapter_one figure img{width:100%; height:100%; border-radius:5px;}

.chapter_one figure a{text-align:center;}

.paragraf{display:block; margin-top:20px; width:100%; text-align:justify; font-size:14px; line-height:20px; padding-left:20px;}

.paragraf2{display:block; margin-top:20px; width:860px; text-align:justify; font-size:14px; line-height:20px; padding-left:20px;}

.chapter_two{width:900px; margin-top:50px; clear:both;}

.chapter_two article ul{margin-top:20px;}

.chapter_two article ul li{list-style:disc; margin-left:60px;}

.chapter_two article{width:900px;}

.chapter_two article h5{text-align:center; margin-top:50px;}

.chapter_tree{text-align:center; margin-top:30px; border-top:2px solid #444;}

.chapter_tree b{margin-top:40px;}

.chapter_tree p{margin:20px; font-size:14px; font-weight: bold; line-height: 25px;}

.img{margin:auto; width:900px; height:auto; margin-top:50px;}

.img img{width:300px; height:auto; margin:auto; display:block; border-radius:20px;}

.img .resim{width:500px; height:auto;}

.img h5{text-align:center; margin-bottom:30px; color:#03C;}

iframe{margin:50px;}

input{display:block; border:1px solid #333; height:24px; width:360px; margin:10px 100px; padding:2px 20px;}

textarea{display:block; border:1px solid #333; height:100px; width:660px; margin:10px auto; padding:10px 20px; max-width:660px;}

.btn{width:200px; transition:200ms ease-in;}

.yazi{margin-left:100px;}

.btn:hover{color:#ffffff; background-color:#03F; cursor:pointer;}

.ustkisim{width:900px; height:130px; background-color:#FFF; display:block;}

.ustkisim img{width:300px; height:90px; margin:15px; float:left; margin-right:100px;}


.ustkisim b{float:left; margin:auto !important; text-align:center !important; margin-top:45px !important; margin-left: 0px !important;}


.facebook{display:block; float:right !important; width:40px !important; height:40px !important; margin-top:45px !important; margin-right:30px !important; transition:500ms ease-in; border-radius:100%;}
.twitter{display:block; float:right !important;  width:40px !important; height:40px !important;margin-top:45px !important; transition:500ms ease-in; border-radius:100%; margin-right:5px !important;}

.facebook:hover{transform:rotate(360deg); cursor:pointer;}

.twitter:hover{transform:rotate(360deg); cursor:pointer;}

.clear{clear:both;}
	#pager{display:none;}

	#pager:hover {
		opacity:1;
		}
	#pager img {
		margin: 10px 5px;
		opacity:0.3;
		transition:all .3s ease-in-out 0s;
		}
	#pager img:hover {
		opacity:1;
		transform:scale(1.05);
		z-index:100;
		}
	#prev_c {
		height:100%;
		width:200px;
		position:absolute;
		left:0;
		top:0;
		z-index:100;
		}
		#prev_c img {
			height:50px;
			width:50px;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			margin:auto 0px;
			}
		
	#next_c {
		height:100%;
		width:200px;
		position:absolute;
		right:0;
		top:0;
		z-index:100;
		}
		#next_c img {
			height:50px;
			width:50px;
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			margin:auto 0px;
			}
		#next #prev { visibility:hidden;}
		#next,#prev:hover {
			cursor:pointer;
			}
		#next_c,#prev_c:hover #next,#prev { visibility:visible;}
.clear{clear: both;}
.pagess ul{width: 510px; margin: auto; margin-top: 70px;}	
.pagess ul li{float: left;  width: 50px; height: 50px; margin: 10px; border: 1px solid darkblue; text-align: center; line-height: 50px;}
.pagess ul li a{display: block; width: 50px; height: 50px;}

	#container {
		width:860px;
        margin: auto;
		position:relative;
        height: 306px !important;
        top: 30px;
        border: 2px solid #CCCCCC;
		}
	#slideshow {
		height:100%;
		width:100%;
		}
	#slideshow img {
		height:100%;
		width:100%;
		position: absolute;
		z-index:10;
		min-width:100%;
		min-height:100%;
		}
		.none{border:none !important;}
		#urun_ismi{margin-right: 50px; display: block; margin-left: 30px; width: 400px; float:left; text-align:left !important; color:#000000 !important;}
		td{margin-bottom: 20px;}
		#duzenle{transition: 200ms ease-in; margin-left: 30px; color:#CCCCCC;}
		#sil{transition: 200ms ease-in; margin-left: 30px; color: #CCCCCC;}
		#duzenle:hover{color:#0F0;}
		#sil:hover{color:#F00;}
		.tablo{display: block; margin: auto; width: 600px; height: auto;}
		.panel{color: #444; margin: 20px; display: block; width: 200px; height: 30px; float: left; text-align: center; font-size: 20px; transition: 400ms ease-in; background: #f2f2f2; border: 1px solid #444; line-height: 30px;}
		.ortala{width:484px; height: 72px; margin: auto;}
		.panel:hover{color: #ffffff; background: #0080ff; border-color: #ffffff;}

		.iletisim{width: 700px; margin:auto; font-size: 14px; margin-top: 40px; line-height: 26px;}

iframe{display: block; width: 700px; margin: auto; margin-top: 50px; margin-bottom: 30px;}

.head2{text-align: center; margin-bottom: 50px;}

.head3{text-align: center; margin-bottom: 40px; margin-top: 20px;}

#urun_fiyati{color:#FF0004 !important; float:right !important; margin-right:0px !important; margin-left:200px !important;}