/*

* Ulker Internet Hizmetleri LTD. ŞTİ.

* 

* Author: Atasoy Alagöz (atasoyalagoz@gmail.com)

* v: 0.3

*/



h1{margin:5px 0; color:#ff0000; font-size:1.6em}

h2{margin:3px 0 5px 0; color:#000; font-size:1.4em}



.border-radius {

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px; 

}



body{

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:0.7em;

    color: #000;

    margin: 0 auto;

    background-color:#fff;

    overflow: hidden;

}



#wrapper{

    width:100%;

    position:relative;

}

.center{

    margin:0 auto;

    width:960px;

    position: relative;

}



#header{	



}

#container{

    position: absolute;

    z-index: 22;

    top: 10px;

    width: 100%;

}

#top{

    background: url("../img/top-bg.png") repeat-x;



    position: absolute;

    top: 10px;

    width: 100%

}

.logo{

    position: absolute;

    top: -12px;

    left: 5px;

}
.logo-slogan{

    position: absolute;

    top: 165px;
	width:154px;

    left: 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	color:#fff;
	-webkit-text-shadow: 0px 1px 5px 0px #000;
    -moz-text-shadow: 0px 1px 5px 0px #000;
     text-shadow: 0px 1px 5px 0px #000;

}

.top-right{

    float: right;

    margin-top:33px;

}

#top-menu{

    float: right

}

#top-menu ul li{

    display: inline;

    color: #fff;

    font-size: 1.2em;



}

#top-btn{

    float: right;

    margin-top: 30px;

}

#top-btn ul li{

    display: block;

    float: left;

    background-color: #fff;

    margin-left: 5px;

    font-weight: bold;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px;



}

#top-btn ul li:hover{

    background-color: #ccc;

}

#top-btn ul li a{

    display: block;

    padding: 4px 10px;

}

#main-menu{

    margin-top: 24px;

    background: url("../img/menu-bg.png") no-repeat;

    height: 30px;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px;

    padding: 0 5px;

    color: #fff;

    font-weight: bold;

}

#main-menu ul{

    text-align: right;

    float: right;

}

#main-menu ul li{

    display: inline-block;

}

#main-menu ul li a{

    display: block;

    float: left;

    padding: 0 8px;

    height: 30px;

    line-height: 30px;

}

#main-menu ul li a:hover,#main-menu ul li a.active{

    background-color: #333;

}

#social{

    float: right;

    margin: 0px 5px 10px 5px;

}

#social ul{

    float: right

}

#social ul li{

    display: inline-block;

    margin-left: 1px;

}

#social ul li a{

    display: block;

    width: 24px;

    height: 24px;

    background: url("../img/face.png") no-repeat;

    text-indent: -9000px;

}

#social ul li a.face{

    background-position: 0 0;

}

#social ul li a.twitter{

    background-position: -38px 0;

}

#social ul li a.twitter{

    background-position: -38px 0;

}

#social ul li a.youtube{

    background-position: -78px 0;

}

#social ul li a.linkedin{

    background-position: -117px 0;

}

#content{

    background: url("../img/content-bg.jpg") repeat-x;

    padding-top: 20px;

}

#content p{

    margin-bottom: 10px;

    font-size: 1.1em;
	line-height:1.1em;

}

.box{

    width: 311px;

    margin-right: 12px;

}

.txt{

    border: 1px solid #ccc;

    padding: 4px;

}

.red{

    color: #ff0000;

}

#bottom-menu{

    margin: 20px 0;

}

#bottom-menu ul{

    text-align: center;

}

#bottom-menu ul li{

    display: inline;

    font-weight: bold;

    font-size: 1.1em;

}

#bottom-menu ul li:hover{

    color: #333;

}

#footer {

    background-color: #161A20;

    border-bottom: 4px solid #ff0000;

    color: #666;

    font-size: 0.8em;

    height: 30px;

    line-height: 30px;

    padding: 0 5px;

}

.ulker {

    background: url("../img/ulker.png") no-repeat scroll 0 0 transparent;

    display: block;

    height: 14px;

    margin-top: 8px;

    text-indent: -9000px;

    width: 79px;

}

#slider-bottom-btn{

    margin-top: -40px;

    position: relative;

    z-index: 999;

}

#slider-bottom-btn a{

    display: block;

    float: right;

    background-color: #fff;

    width: 120px;

    height: 45px;

    border: 1px solid #000;

    text-align: center;

    margin-left: 5px;

    color: #333;

    font-size: 1.2em;

    font-weight: bold;



}

#slider-bottom-btn  a:hover{

    background-color: #ccc;

}


#slider-bottom-btn .shopbtn a{

    display: block;

    float: right;

    background-color: #e80808;

    width: 160px;

    height: 60px;

    border: 1px solid #000;

    text-align: center;

    margin-left: 5px;

    color: #fff;

    font-size: 1.2em;

    font-weight: bold;



}

#slider-bottom-btn .shopbtn a:hover{

    background-color: #000;

}
#lang{

    margin-left: 5px;

}

.content-left{

    width: 182px;

    float: left;

}

.content-right{

    width: 758px;

    float: right;

}

.left-menu{

    margin-top: 10px;

}

.left-menu li{

    border-left: 10px solid red;

    margin-bottom: 4px;

    background-color: #999;

    color: #000;

    font-weight: bold;

   

}

.left-menu li:hover,.left-menu li.active{

    background-color: #333;

    color: #fff;

}

.left-menu li a{

    padding: 3px 0;

    display: block;

    text-indent: 5px;

    font-size: 1.2em;

}
.urunler li{

    border: 1px solid #000;

    width: 349px;

    height: 191px;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px; 

    margin: 5px 5px 5px 0;

    float: left;

}
.markalar li{

    border: 1px solid #000;

    width: auto;

    height: auto;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px; 

    margin: 5px 5px 5px 0;

    float: left;

}

.urun li{

    border: 2px solid #000;

    width: auto;

    height: auto;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    margin: 5px 5px 5px 0;

    float: left;

}

.bayi{

    margin: 15px 0;

}

.bayi li{

     border: 1px solid #000;

    width: 180px;

  height:90px;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px; 

    margin: 12px 12px 12px 0;

    float: left;

    padding: 10px 0;

    background: #ededed;

    position: relative;

}

.bayi-name{

    font-weight: bold;

    font-size: 1.4em !important;

    text-align: center;

    color: #444;

}

.details{

    display: block;

    color: #444;

    padding: 2px 10px;

    border: 1px solid #ccc;

    -webkit-border-radius: 5px; 

    -moz-border-radius: 5px; 

    border-radius: 5px; 

    font-weight: bold;

    font-size: 1.1em;

    

}

.details:hover{

    background: #ccc;

    border: 1px solid #666;

}

.bayi li .details{

    position: absolute;

    bottom: 5px;

    margin-left: 44px;

}

.foto-etiket{ padding:5px;width:215px;float:left; margin:5px 7px 20px 7px;text-align:center; background-color:#22282f; color:#fff; }
 .foto-border{
border-color:#22282f;
    border-style: solid;
    border-width: 3px; float:left;
	 border-radius: 5px; /* Standart */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari ve Chrome */
	 margin:5px 7px;}
	 
	 
.sosyal-face-btn{ background-image:url(../img/sosyal-medya/face.png); background-repeat:no-repeat; padding:180px 5px 0px 5px; width:190px;height:45px;  color:#777; text-decoration:none; font-size:1.333em; float:left; margin:15px; text-align:center; font-weight:bold;}
.sosyal-face-btn:hover { color:#F00;}

.sosyal-twitter-btn{ background-image:url(../img/sosyal-medya/twitter.png); background-repeat:no-repeat; padding:180px 5px 0px 5px; width:190px;height:45px;  color:#777; text-decoration:none; font-size:1.333em; float:left; margin:15px; text-align:center; font-weight:bold;}
.sosyal-twitter-btn:hover { color:#F00;}

.sosyal-linkedin-btn{ background-image:url(../img/sosyal-medya/linkedin.png); background-repeat:no-repeat; padding:180px 5px 0px 5px; width:190px;height:45px;  color:#777; text-decoration:none; font-size:1.333em; float:left; margin:15px; text-align:center; font-weight:bold;}
.sosyal-linkedin-btn:hover { color:#F00;}

.sosyal-youtube-btn{ background-image:url(../img/sosyal-medya/youtube.png); background-repeat:no-repeat; padding:180px 5px 0px 5px; width:190px;height:45px;  color:#777; text-decoration:none; font-size:1.333em; float:left; margin:15px; text-align:center; font-weight:bold;}
.sosyal-youtube-btn:hover { color:#F00;}

#submenu-right{
	width:300px;
padding: 0px;
  margin: 0px;
  float:left;
}
#submenu-right ul{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-align: left; color:#666;  margin: 0px;
  padding: 0px;}
#submenu-right ul li{display:block;color:#666;  margin: 0px;
  padding: 2px;}
#submenu-right ul li a{
	display: block;
	font-size: 1.083em;
	color: #666;
	padding: 5px 5px;
	text-decoration: none;
	background-image: url(../img/cizgi.png);
	width: 300px;
	height: 12px;
	margin: 2px;
	background-repeat: repeat-x;
	background-position: bottom;
}
#submenu-right ul li a:hover{ color:#e60606; background-image:url(../img/cizgi.png);}
#submenu-right ul li a.active{  color:#e60606; background-image:url(../img/cizgi.png);}

.urun-bg{ min-height:170px; background-color:#161a20; border:1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:2px; float:left;}
#imaj-kisayol-text{ width:184px; height:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#de1c25; background-image:url(../img/pageimages/btn.png); position:absolute; z-index:24;  text-align:center; margin-top:140px;  text-align:center; font-weight:bold; text-decoration:none;}
.urun-btn-1{ background-color:#de1c25;  width:184px; height:140px; background:url(../img/urunler/tekneler.jpg); float:left; position:relative;}	
.urun-btn-1:hover{opacity:.7;filter: alpha(opacity=70);}

.urun-btn-2{ background-color:#de1c25;  width:184px; height:140px; background:url(../img/urunler/tekne-aksesuarlari.jpg); float:left; position:relative;}	
.urun-btn-2:hover{opacity:.7;filter: alpha(opacity=70);}

.urun-btn-3{ background-color:#de1c25;  width:184px; height:140px; background:url(../img/urunler/su-sporu-malzemeleri.jpg); float:left; position:relative;}	
.urun-btn-3:hover{opacity:.7;filter: alpha(opacity=70);}

.urun-btn-4{ background-color:#de1c25;  width:184px; height:140px; background:url(../img/urunler/yelkenliler.jpg); float:left; position:relative;}	
.urun-btn-4:hover{opacity:.7;filter: alpha(opacity=70);}

.urun-btn-5{ background-color:#de1c25;  width:184px; height:140px; background:url(../img/urunler/servis.jpg); float:left; position:relative;}	
.urun-btn-5:hover{opacity:.7;filter: alpha(opacity=70);}

#haber-foto{ width:180px; height:auto; margin-right:20px; float:left;}
#haber-text{ width:740px; height:auto; float:left;}
#haber-text strong{ font-size:14px; font-weight:bold;}

#haber-text a { width:740px; height:auto; float:right}
#haber-text a, #haber-text a:visited, #haber-text a:link, #haber-text a:focus, #haber-text a:active { font-family:Tahoma, Geneva, sans-serif; font-size:12px;;text-decoration:none; color:#000; text-align:right; font-weight:bold; }
#haber-text a:hover {color:#eb1921;}
.haber-cizgi{ width:940px; border-bottom: 1px dashed #666; margin:10px 0px 10px 0px; }


/*
.demo {
    width:450px;
}
ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
}*/