﻿body
{
    background-image: url('../images/bg.jpg');
    background-position: center;
    background-position: top;
    background-attachment: fixed;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: "Century Gothic";
}


a {text-decoration: none}
input,ul,li {padding: 0; margin: 0; border: none; list-style-type: none;}
:focus {outline: 0}
.clear{clear: both;}


.style1 {
	color: #0982cb;
	font-family: Tahoma;
}

.altyazi {
	font-family: "Century Gothic";
	font-size: 11px;
	color: #3B9781;
}
.style2 {
	font-family: "Century Gothic";
	font-size: 13px;
	color: #3B9781;
	text-decoration:none;
	font-weight:bold;
}
.yazzbold {
	font-size: 14px;
	font-family: Tahoma;
	font-weight:500;
	color:#333333;
	text-decoration:none;
	padding-left:3px;
}
.yazzbold:link {
	font-size: 14px;
	font-family: Tahoma;
	font-weight:500;
	color:#333333;
	text-decoration:none;
	padding-left:3px;
}
.yazzbold:hover {
	font-size: 14px;
	font-family: Tahoma;
	font-weight:500;
	color:#0982cb;
	text-decoration:none;
	padding-left:3px;
}
.yazzbold:visited {
	font-size: 14px;
	font-family: Tahoma;
	font-weight:500;
	color:#333333;
	text-decoration:none;
	padding-left:3px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 563px; /*Width of Carousel Viewer itself*/
height: 75px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden;
margin-left:10px; 
margin: 0px; /*margin around each panel*/
width: 70px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.sayfa{
 display:block;

}

.sayfa h1{
    font-family: "Century Gothic";
    font-size:25px;
    border-bottom:1px solid #003352;
    padding:5px;
    color:#003352;
}

.sayfa p.sayfa_paragraf{
    font-family: "Century Gothic";
    font-size:15px;
    color:#333;
    float:left;
}

.sayfa p{
    font-family: "Century Gothic";
    font-size:15px;
    color:#333;
}

.sayfa p.sayfa_paragraf img{
    float:left;
    padding:5px;
    background-color:#fff;
    margin-right:15px;
    margin-bottom:10px;
}

.urunler{
    display:block;
    margin-left:17px;
    min-height:330px!important;
}

.urun_kategori{
    display:block;
    float:left;
    width:220px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
}

.kat_baslik{
    display:block;
    float:left;
    font-family: "Century Gothic";
    font-size:15px;
    font-weight:bold;
    height:30px;
    background-color:#002d48;
    width:200px;
    color:#fff;
    line-height:30px;
    padding:5px 10px;
    -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.urun_liste{
    display:block;
    float:right;
    width:660px;
}

.urun_liste ul li{
    display:block;
    float:left;
    width:200px;
    background-color:#f2f2f2;
    height:235px;
    margin-right:27px;
    margin-bottom:27px;
    text-align:center;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    border-bottom:4px solid #002d48;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
}

.urun_liste ul li img{
    width:170px;
    display:block;
    margin:15px auto;
}

.urun_liste ul li img:hover { 
    opacity: .80; 
    filter: alpha(opacity=80); 
    -ms-filter: "alpha(opacity=80)"; 
    -khtml-opacity: .80; 
    -moz-opacity: .80
}

.urun_liste ul li a.urun_adi{
   padding:15px;
   font-size:15px;
   font-weight:bold;
   color:#333;
}
.urun_liste ul li a.urun_adi:hover{
   color:#0056a3;
}

.urun_baslik{
     width:635px;
    border-bottom:4px solid #002d48;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:10px;
   margin-bottom:25px;
   font-weight:bold;
   font-size:17px;
   color:#002d48;
    -webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.kat_son_cizgi{
    height:4px;
    background-color:#002d48;
    width:220px;
    -webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.urun_kategori ul ul {visibility: hidden;position: absolute;top: 100%;left: 0px;z-index: 598;width: 100%}
.urun_kategori ul ul li {float: none}
.urun_kategori ul ul ul { right: 0;}
.urun_kategori ul li:hover > ul {visibility: visible;}
.urun_kategori ul ul {top: 1px;left: 100%;}
.urun_kategori ul li {float: none;}
.urun_kategori ul ul {margin-top:-1px;}
.urun_kategori ul ul li {font-weight: 400;}
/* Custom CSS Styles */
.urun_kategori {width: 220px;zoom: 1;font-size: 14px;font-weight:400}
.urun_kategori:before {content: '';display: block;}
.urun_kategori:after {content: '';display: table;clear: both;}
.urun_kategori a {display: block;padding:10px 0px;font-weight: 400;}
.urun_kategori > ul {width: 220px;}
.urun_kategori ul ul {width: 220px}
.urun_kategori > ul > li{width: 220px;margin-left:0px; background-color:#ebebec; border-bottom:1px solid #ddd;}
.urun_kategori > ul > li > a {color: #333; padding:10px 15px}
.urun_kategori > ul > li > a:hover {color:#0056a3; background-color:#fff;}
.urun_kategori > ul > li.active a {}
.urun_kategori > ul > li a:hover,
.urun_kategori > ul > li:hover a {background: #; z-index:2;}
.urun_kategori li {position: relative;}
.urun_kategori ul li.has-sub > a:after {content: '+';position: absolute;top: 50%;right: 15px;margin-top: -3px;}
.urun_kategori ul ul a {font-size: 14px;color: #333; font-weight:400; padding:10px 15px;}
.urun_kategori ul ul a:hover {color: #fff;font-weight:600;}
.urun_kategori ul ul li{width: 250px; background-color:#fff}
.urun_kategori ul ul li:hover > a {background:#fff;color:#0056a3; background-color:#ebebec; font-weight:normal;}
.urun_kategori.align-right {float: right;}
.urun_kategori.align-right li {text-align: right}
.urun_kategori.align-right ul li.has-sub > a:after {content: none;}
.list_cizgi{border-bottom:1px solid #9b0b01; width:240px }


.urun_resim{
    display:block;
    float:left;
    width:250px;
    background-color:#f2f2f2;
    height:250px;
    margin-right:27px;
    margin-bottom:27px;
    text-align:center;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    border-bottom:4px solid #002d48;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
    box-shadow: 0px 0px 8px 0px rgba(213,213,213,1);
}

.urun_resim img{
    width:220px;
    display:block;
    margin:15px auto;
}

.urun_detay_adi{
    font-size:17px;
    font-weight:bold;		
}

.urun_detay_acikla{
    font-size:15px;
    font-weight:normal;
    padding:0 10px;
    margin-top:10px;
}

a.link_my_2{
    color:#333!important;
    font-weight:normal;
    font-family: "Century Gothic"!important;
}

.center{
	width:925px;
	margin:0 auto;
}



#menu{
	display:block;
	height:45px;
	background-color:#003352;
	position:relative

}

.menu{
	display:block;
	width:925px;
	margin:0 auto;
}


.menu ul li{
	display:block;
	float:left;
	
	line-height:45px;
}

.menu ul li a{
	color:#fff;
	font-size:14px;
}

.menu ul li a:hover{
	color:#1BC6FA;
}

.ilk ul{
	display:block;
	float:left;
}

.ilk ul li{

margin-right:40px;
}

.son ul{
	display:block;
	float:right;
}

.son ul li{
	margin-left:30px!important;
	margin-right:25px!important;
}

.lang ul{
	display:block;
	float:right;
}

.lang ul li{
	margin-left:10px!important;
	
}

.lang ul li a{
	font-weight:bold;
	
}



#logo{
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-74px;
}

#slider_alani{
	margin:30px 0px;
}

#footer{
	display:block;
	float:left;
	height:50px;
	width:925px;
	background-color:#003352;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#fff;
	line-height:50px;
	font-size:12px;
margin-top:20px;
}

.copy{
	padding:0 20px;
display:block;
float:left;
}

.footerMenu ul{
	display:block;
	float:right;
	padding:0 20px;
}


.footerMenu ul li{
	display:block;
	float:left;
	padding:0 7px;
}

.footerMenu ul li a{
	color:#fff;
}


.footerMenu ul li a:hover{
	color:#1BC6FA;
}

.ans{
	display:block;
	float:right;
	margin:10px 0;
}

