/*
Site Adı: Bulutomo
Site Adresi: http://www.bulutomo.com
Açıklama: ...
*/
@font-face {
    font-family: '00297';
    src: url('../font/00297.eot');
    src: url('../font/00297.eot?#iefix') format('embedded-opentype'),
         url('../font/00297.woff') format('woff'),
         url('../font/00297.ttf') format('truetype'),
         url('../font/00297.svg#AftaserifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '00390';
    src: url('../font/00390.eot');
    src: url('../font/00390.eot?#iefix') format('embedded-opentype'),
         url('../font/00390.woff') format('woff'),
         url('../font/00390.ttf') format('truetype'),
         url('../font/00390.svg#AftaserifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	background:#fff url(../images/bg.jpg) no-repeat top center;
	margin:0px;
	padding:0px;
	cursor:default;
}
a{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
div#telandmail
{
	position:absolute;
	right:20px;
	top:35px;
	width:200px;
}
div#telandmail span#telefon
{
	color:#6f6f6f;
	font-size:16px;
	font-family:Arial;
	font-weight:lighter;
	float:left;
	position:relative;
	left:10px;
	top:4px;
	font-weight:lighter;
	text-shadow:0 1px 1px #f6fafc;
}
div#telandmail span#infomail
{
	font-size:10px;
	color:#6f6f6f;
	float:left;
	font-family:Arial;
	top:-10px;
	position:relative;
	left:40px;
}
.tel{

	margin-top:5px;
	float:left;
}
div#header
{
	width:980px;
	margin:0px auto;
	position:relative;
	height:135px;
}
#logo
{
	position:absolute;
	left:40px;
	top:20px; 
} 
#menu
{
	position:absolute;
	right:0px;
	bottom:-1px;
}
#diller
{
	position:absolute;
	right:-30px;
}
#diller ul
{
	list-style:none;
}
#diller ul li
{
	float:left;
}
#diller ul li a
{
	font:9px Tahoma;
	color:#a6a6a6;
	padding:5px 5px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

#diller ul li a:hover,#diller ul li a.current,#diller ul li a.active
{
	background:#3670a7;
	color:#fff;
}
#manset
{
	width:100%;
	height:304px;
	background:url(../images/mansetbg.png) repeat-x top center;
	margin-top:31px;
	position:relative;
}
#slider
{
	width:980px;
	padding:0px 58px;
	height:360px;
	margin:0px auto auto auto;
	background:url(../images/sliderbg.png) no-repeat center;
	top:-30px;
	position:relative;
}
.slideric
{
	float:left;
	position:relative;
	width:980px;
	height:356px;
	margin-top:3px;
	border-top:1px solid #fff;
}
.sliderresim
{
	position:absolute;
	width:980px;
	overflow:hidden;
	height:354px;
	
}


.slideric h2{
	position:absolute;
	float:right;
	bottom:70px;
	left:40px;
	color:#fff;
	font:36px '00297';
	text-align:right;
}
.slideric p 
{
	position:absolute;
	bottom:25px;
	left:40px;
	color:#fff;
	width:440px;
	font:12px Tahoma;
	text-align:left;
}
#duyuru
{
	width:306px;
	height:28px;
	position:absolute;
	left:17px;
	bottom:0px;

	
}
.duyuruicerik
{
	color:#707070;
	font:10px/20px Tahoma;
	margin:1px 0px 0px 5px;
	width:290px;
	padding-left:30px;
	background:url(../images/duyuruicon.png) no-repeat left 15px center;
	
}
#vertical-ticker{
	height:16px;
	overflow:hidden;
	margin:0; padding:0;
	
}
#vertical-ticker li{
	padding:5px 10px 7px 10px;
	display:block;
	color:#fff;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	
}
#vertical-ticker li a{
	color:#707070;
	font-size:9px;
	font-weight:normal;
	font-family:Tahoma;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/duyuruicon.png) no-repeat left 7px top 3px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	
}
#vertical-ticker li a:hover{
	color:#1F7FCD;
}

#sosyal
{
	 position:absolute;
	 width:205px;
	 height:27px;
	 background:url(../images/sosyalbg.png) no-repeat center;
	 right:3px;
	 bottom:-32px;
	 z-index:99999;
}
#sosyal ul
{
	list-style:none;
	float:left;
	margin:5px 10px 0px 10px;
}
#sosyal ul li
{
	float:left;
	margin-left:15px;
}
#sosyal ul li a
{
	float: left;
    text-align: center;
    margin-left: 50px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#sosyal ul li a:hover 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#sosyal ul li:first-child
{

}
#bulutomo
{
	width:980px;
	margin:0px auto;
	min-height:500px;
	
	
}
div#sol
{
	width:225px;
	float:left;
	margin-top:-20px;
}
#doviz
{
	width:223px;
	border:1px solid #d6d6d6;
	float:left;
	min-height:50px;
	position:relative;
}
.solbaslik
{
	background:url(../images/dovizok.png) #3670a7 no-repeat left 15px top 10px;
	width:190px;
	height:20px;
	padding-left:35px;
	color:#fff;
	font:18px '00297';
	padding-bottom:5px;
	padding-top:6px;
}
.baslikad
{
	font:18px Tahoma;
	color:#fff;
	float:left;
}
.solbaslik2
{
	background:url(../images/haberlericon.png) #3670a7 no-repeat left 15px top 10px; 
}
#haberler
{
	width:223px;
	border:1px solid #d6d6d6;
	min-height:200px;
	margin-top:8px;
	float:left;
}
 #doviz ul
 {
	 position:relative;
	 width:201px;
	 margin:35px 11px 25px;
 }
 
 #doviz ul li
 {
	 position:relative;
	 transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
 }
 #doviz ul li:hover
 {
	background:#eaeaea;
 }
 
 #doviz ul li 
 {
	 width:201px;
	 border-bottom:1px solid #ddd;
	 position:relative;
	 min-height:32px;
	 float::left;
 }
 #doviz ul li:last-child
 {
	 border-bottom:none;
 }
 
 .pararesim 
 {
	 width:22px;
	 height:16px;
	 overflow:hidden;
	position:absolute;
	left:10px;
	top:7px;
 }
 .pararesim img
 {
	 width:22px;
 }

 .dovizadi
 {
	 font:12px Tahoma;
	
	 position:absolute;
	 left:37px;
	 color:#3d3e40;
	 top:6px;	 
 }
 .alisdeger
 {
	 font:12px Tahoma;
	 position:absolute;
	 left:85px;
	 color:#3d3e40;
	 top:6px;
 }

.satisdeger
{
	 top:6px;	
	 font:12px Tahoma;
	 position:absolute;
	 left:145px;
	 color:#3d3e40;	 
}
.alisdegeribaslik
{
	position:absolute;
	right:100px;
	top:45px;
	color:#3d3e40;	
	font:12px Tahoma;
}
.satisdegerİbaslik
{
	
	right:32px;
}
#haberler ul
{
	 position:relative;
	 width:201px;
	 margin:13px 11px 15px;
	 float:left;
}
#haberler ul li
{
	border-bottom:1px solid #ddd;
	padding:1px 0px;
	float:left;
	width:201px;
	
}
#haberler ul li a
{
	-moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	display:block;
	
	width:196px;
	padding-left:5px;
	float:left;
}

#haberler ul li a:hover
{
	background:#3670a7;
}

#haberler ul li:last-child
{
	border-bottom:none;
}

.haberbaslik
{
	font:11px Tahoma;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	text-align:left;
	color:#535353;
	margin:3px 0px;
}
.haberozet
{
	float:left;	
	font:10px Tahoma;
	text-align:left;
	
	color:#535353;
	margin-bottom:3px;
}
#haberler ul li a:hover .haberbaslik,#haberler ul li a:hover .haberozet
{
	color:#fff;
}
#sag 
{
	width:740px;
	float:right;
	margin-right:-5px;
	min-height:435px;
	position:relative;
	margin-top:-27px;
	background:url(../images/hakkimizdaback.png) no-repeat top center;
}
#sag h1
{
	font:30px '00297';
	position:absolute;
	left:40px;
	top:40px;
	color:#9d9d9d;
}


#hakkimizdabasyazi
{
	right:10px;
	top:30px;
	position:absolute;
}
#hakkimizdabasyazi h2
{
	font:24px '00297';
	float:right;
	text-align:right;
	color:#3670a7;
	
}
#hakkimizdabasyazi h3
{
	font:14px '00297';
	color:#b5b5b5;
	text-align:right;
	float:right;
	width:220px;
	text-transform:uppercase;
	margin-top:5px;
}
#sag p
{
	width:100%;
	position:absolute;
	padding:0 10px;
	left:3px;
	top:110px;
	font:12px Tahoma;
	color:#636363;
	text-align:left;
	line-height:18px;
	text-align:justify;
	text-justify:distribute;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer
{
	width:100%;
	height:73px;
	background:url(../images/footerbg.png) repeat-x;
	margin-top:10px;
}
#footeric
{
	width:980px;
	margin:10px auto;
	position:relative;
}
#footeric ul
{
	list-style:none;
	float:left;
	margin-top:18px;
}
#footeric ul li
{
	float:left;
}
#footeric ul li a
{
	background:url(../images/footerayrac.png) no-repeat right center;
	color:#fff;
	text-align:center;
	float:left;
	padding:12px 20px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	font:14px '00297';
}
#footeric ul li a:hover
{
	background:url(../images/footerayrac.png) #fff no-repeat right center;
	
	color:#000;
	
}
#footeric ul li:last-child a
{
	background:none;
}
#footeric ul li:last-child a:hover
{
	background:url(../images/footerayrac.png) #fff no-repeat right center;
	
	color:#000;
}

#copy
{
	position:absolute;
	right:120px;
	width:170px;
	font:11px Tahoma;
	text-align:right;
	color:#fff;
	top:20px;
}
#dizayn
{
	right:0px;
	width:88px;
	height:28px;
	top:20px;
	overflow:hidden;
	position:absolute;
}
#dizayn img
{
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	width:88px;
}
#dizayn:hover img
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.icust{
	width:1038px;
	height:360px;
	position:absolute;
	left:50%;
	margin-left:-519px;
	top:136px;
	background:url(../images/sliderbg.png) no-repeat;
	z-index:1;
}
#icsayfa{
	width:980px;
	float:left;
	position:relative;
	z-index:2;
	min-height:600px;
	background:#fff;
	left:50%;
	margin-left:-490px;
	margin-top:4px;
}
.sosyalic
{
	 position:absolute;
	 width:205px !important;
	 height:27px !important;
	 background:#3670a7 !important;
	 right:3px;
	 bottom:-30px;
	 z-index:99999;
	 -webkit-border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	-o-border-radius: 0 0 25px 25px;
	-ms-border-radius: 0 0 25px 25px;
	border-radius: 0 0 25px 25px;
}
.clear{
	clear:both;
}
#icbg
{
	width:100%;
	height:304px;
	background:url(../images/mansetbg.png) repeat-x top center;
	margin-top:31px;
	position:absolute;
}
#band{
	padding:2px 25px 2px 20px;
	-webkit-border-radius: 0 0 50px 50px;
	-moz-border-radius: 0 0 50px 50px;
	-o-border-radius: 0 0 50px 50px;
	-ms-border-radius: 0 0 50px 50px;
	border-radius: 0 0 50px 50px;
	background:#eaeaea;
	box-shadow:0 1px 0 #d5d5d5;
	float:left;
	display:table;
	margin-left:20px;
}
.bandlink{
	display:table-cell;
}
.bandlink a{
	font:11px arial;
	color:#4e4e4e;
	padding:5px 10px;
	background:url(../images/bandok.png) right center no-repeat;
}
.bandlink a:hover{
	text-decoration:underline;
}
.bandyazi{
	display:table-cell;
	font:11px arial;
	color:#4e4e4e;
	padding:5px 10px;
}
#icerik{
	width:100%;
	float:left;
	padding:20px 0;
}
#icsol{
	width:236px;
	float:left;
	padding:0 0 0 14px;
}
#icsag{
	width:705px;
	float:left;
	padding:25px 15px 15px 10px;
	position:relative;
}
#icsag h1{
	position:absolute;
	left:30px;
	top:-10px;
	font:bold 30px arial;
	color:#4e4e4e;
}
#hakkimizda{
	width:100%;
	float:left;
}
#hakkimizda h2{
	width:100%;
	padding:5px 0 0;
	float:left;
	font:bold 18px arial;
	color:#3670a7;
}
#hakkimizda p{
	padding:5px 0 5px;
	font:13px/19px arial;
	color:#4e4e4e;
	text-align:justify;
	text-justify:distribute;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda ol{
	padding:0px 0 10px 30px;
	float:left; 
}
#hakkimizda ol li{
	width:100%;
	padding:2px 0;
	float:left;
	font:13px/20px arial;
	color:#4e4e4e; 
	list-style:circle;
}
#hakkimizda ul{
	padding:0px 0 10px 10px;
}
#hakkimizda ul li{
	padding:0 0;
	font:13px/20px arial;
	color:#4e4e4e; 
	list-style:circle;
	list-style-position:inside;
}
#urunler{
	width:100%;
	float:left;
}
.urun{
	width:211px;
	height:157px;
	float:left;
	border:1px solid #e1e1e1;
	margin:11px;
	position:relative;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.urun img{
	width:211px;
	height:157px;
	position:absolute;
	left:0;
	top:0;
}
.urun h2{
	position:absolute;
	left:15px;
	bottom:15px;
	background:#000;
	padding:10px 15px;
	font:13px arial;
	color:#fff;
	text-transform:uppercase;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.urun h3{
	position:absolute;
	left:15px;
	bottom:15px;
	background:#000;
	padding:10px 15px;
	font:13px arial;
	color:#fff;
	text-transform:uppercase;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.urun:hover{
	border:1px solid #990000;
}
.urun:hover h2{
	background:#990000;
}
.urun:hover h3{
	background:#990000;
}
.sayfalama{
	width:100%;
	text-align:center;
	padding: 0;
	float:left;
	margin:10px 0 0;
}
.sayfalama a{
	padding:8px 8px;
	color:#000;
	font:12px arial;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	margin:1px 3px;
}
.sayfalama a:hover{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:12px arial;
	text-decoration:none;
}
.sayfalama b{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:12px arial;
	text-decoration:none;
	border:0;
	margin:1px;
}
.galeri{
	width:160px;
	height:119px;
	float:left;
	border:1px solid #e1e1e1;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	margin:7px;
}
.galeri img{
	width:160px;
	height:119px;
}
.galeri:hover{
	border:1px solid #990000;
}
#iletisim{
	width:100%;
	float:left;
}
.adres{
	padding-top:80px;
	width:280px;
	height:200px;
	float:left;
	font-family:Arial, Geneva, sans-serif;
	font-size:14px;
	margin-left:70px;
	background:url(../images/iletisimayrac.png) center right no-repeat;
}
.adres h2{
	float:right;
	width:270px;
	padding:3px 5px 3px 20px;
	font-weight:normal;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#525352;
	position:relative;
	
}
.home{
	background:url(../images/home1.png) left center no-repeat;
}
.home span{
	position:absolute;
	top:19px;
	right:20px;
}
.tel1{
	background:url(../images/tel1.png) left center no-repeat;
}
.fax{
	background:url(../images/fax.png) left center no-repeat;
}
.mail{
	background:url(../images/mail.png) left center no-repeat;
}
.iletisimform{
	margin-top:0px;
	width:270px;
	padding:15px;
	float:left;
	padding-left:10px;
}
.konu{
	width:150px;
	padding:8px 10px;
	float:left;
	background:#363f45;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.mesaj{
	width:280px;
	height:80px;
	padding:5px 10px;
	float:left;
	background:#363f45;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.gonder{
	float:left;
	width:100px;
	padding:5px;
	text-align:center;
	background:#3670a7;
	color:#fff;
	border:0px;
	margin:5px;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
}
.gonder:hover{
	color:#fff;
	background:#363f45;
}
.harita{
	width:100%;
	position:relative;
	float:left;
	margin-bottom:30px;
}
.mapgolge{
	position:absolute;
	width:100%;
	height:11px;
	background:url(../images/mapgolge.png) center top no-repeat;
}
#urundetay{
	width:100%;
	float:left;
}
/* Detay Tab */

#example-two .list-wrap { 
	background: #d9d9d9; 
	padding: 0px; 
	margin: 0 0 0px 0; 
}

#example-two ul { 
	list-style: none; 
	margin-top:-5px;
}
#example-two ul li a { 
	display: block; 
	padding: 4px; 
	color: #fff;
	margin-right:1px;
}
#example-two ul li a:hover {
	background:url(../images/tabok.png) #000 bottom center no-repeat;
	color: #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
#example-two ul li:last-child a { 
	border: none;
}

#example-two .nav {
	width:360px;
	overflow: hidden;
	background:none;
	height:54px;
	padding-left:0px;
	background:#3670a7;
}
#example-two .nav li { 
	float: left; 
	margin: 0 0px 0 0;
}
#example-two .nav li.last { 
	margin-right: 0; 
}
#example-two .nav li:last-child {
	background:none;
}
#example-two .nav li a { 
	display: block; 
	margin-top:0px;
	margin-left:0;
	padding: 16px 30px 13px 30px; 
	color: #fff; 
	font-family:'00297', Tahoma, Geneva, sans-serif;
	font-size:21px;
	text-align: center; 
	text-decoration:none;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	background:url(../images/bos.png) bottom center no-repeat;
}

#example-two li a.current,#example-two li a.current { 
	background:url(../images/tabok.png) #000 bottom center no-repeat;
	color: #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#example-two .nav li a:hover, #example-two .nav li a:focus {
}
#tabbaslik{
	width:330px;
	float:left;
	height:auto;
	padding:20px 10px 20px 20px;
	margin-bottom:5px;
	margin-top:5px;
	/*color:#fff;*/
	font-size:16px;
	background:#fff;
	box-shadow:0px 1px 0px #dedede;
}
.urunaciklama h3{
	width:330px;
	min-height:195px;
	font-size:13px;
	line-height:21px;
	text-align:justify;
	text-justify:distribute;
	color:#333;
	font-family:tahoma;
	margin:0;
	font-weight:normal;
}
.urunozellik{
	width:330px;
	min-height:195px;
	float:left;
}
.urunozellik ul{
	width:130px;
	margin-left:10px;
	float:left;
	margin:0;
}
.urunozellik ul li{
	width:130px;
	float:left;
	padding:3px 0;
	font-size:13px;
	color:#333;
	list-style-type:disc;
	font-family:tahoma;
}
.tablar{
	width:360px;
	float:right;
	margin-right:10px;
	margin-top:5px;
}
.urundetay h2{
	width:650px;
	float:left;
	color:#6b6b6b;
	font:30px/48px '00297';
	padding:10px 20px;
	text-transform:uppercase;
	margin:0;
}
.resimler{
	width:300px;
	float:left;
	margin-left:15px;
}
.urunresim1{
	width:300px;
	float:left;
	margin-left:7px;
	overflow:hidden;
	border:1px solid #dedede;
}
.urunresim1 img{
	width:300px;
	height:220px;
	cursor:url(../images/buyutf.png), progress !important;
}
.urunkucuk{
	width:310px;
	margin-left:5px;
	float:left;
}
.urunkucuk img{
	width:70px;
	height:59px;
	margin-left:1px;
	margin-top:5px;
	border:1px solid #dedede;
	cursor:url(../images/buyutf.png), progress !important;
}
#benzerurun{
	width:100%;
	float:left;
	padding:0 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.benzerbaslik{
	width:98%;
	float:left;
	padding:10px;
	border-bottom:1px dashed #ccc;
	font:bold 18px arial;
	color:#000;
}
#benzerurun .urun{
	margin:15px 0 15px 11px;
}