body 					{   background-image: url(../img/bg10.jpg); background-attachment: fixed;
 }
a 						{	text-decoration:none;	}
ul 						{ margin:0px; }

h3 						{ float:left; text-align:justify; color: #5c5c5c;  font-family: calibri!important; margin-top: 25px!important; }
.header-left-top li 	{ float:left; margin-right: 5px; list-style-type: none;}
.header-left-top ul 	{ margin:0px; float: left; }
.header-left-top li a 	{ color:#fff; font-family:calibri; font-size:16px; }
.header-rigth-bottom li {  float:right;  margin-left: 10px;}
.genel 					{ width:950px; margin: 0 auto; }
.header-top 			{ width:100%; height:40px; background-image: url(../img/header-top.png); }
.header-top-genel 		{ width:950px; height:40px; margin:0 auto; }
.header 				{ width:950px; height:124px; }
.header-logo 			{ width: 300px;
height: 92px;
float: left;
margin-bottom: 10px;
padding-top: 21px;}
.header-logo :hover { opacity:0.9; }
.header-right 			{ width:575px; height:125px; float:right;}
.header-left-top   	{ width:355px; float:left; height:35px; margin-top: 4px; }
.header-left-top li :hover { opacity:0.8; }
.header-rigth-bottom 	{ width:355px; float:right; height:27px; text-align: right; margin-top: 0px;  }
.header-rigth-bottom li :hover { opacity:0.9; }
a:hover .top-reklam           { border-color: red; border-width: 1px; border-style: solid; margin-top: 10px;}
										-webkit-box-shadow: 0px 9px 16px -10px rgb(91, 91, 91); */
										-moz-box-shadow: 0px 9px 16px -10px rgb(91, 91, 91);
										box-shadow: 0px 9px 16px -10px rgb(91, 91, 91);}

.sosyal-medya 					{ width:168px; height:60px; float:left; background-image: url(../img/sosyal-medya-bg.png); border-style: solid; border-color: white; border-width: 1px; border-left: none; box-shadow: 0px 7px 27px -12px rgb(91, 91, 91);-webkit-box-shadow: 0px 7px 27px -12px rgb(91, 91, 91); -moz-box-shadow: 0px 7px 27px -12px rgb(91, 91, 91);}
.sosyal-medya ul li {	float:left; margin:0px;	list-style-type: none; margin-left: 1px; margin-top: 10px;}
.sosyal-medya ul				{margin:0px; }
.sosyal-medya li :hover {  box-shadow: 0px 7px 27px -12px rgb(91, 91, 91);-webkit-box-shadow: 0px 7px 27px -12px rgb(91, 91, 91); -moz-box-shadow: 0px 7px 27px -12px rgb(91, 91, 91);}
.content 					{ float:left; width:975px;  }
.content-title 				{ background-image: url(../img/menu-bg.png); margin-bottom: 20px; background-repeat: no-repeat; height: 59px; line-height: 3; font-family: calibri; font-size: 24px; color: #fff; padding-left: 22px; border-bottom-style: solid; border-color: #ff7403; border-width: 2px;}
.content-images 			{ float:left; width:350px; height: 182px; padding-top: 50px;  }
.content-yazi 				{ float:left; width:655px; color:#5c5c5c; font-family: calibri; text-align: justify; }
.hizmetler 					{ float:left; width:230px; margin-left: 6px!important; margin-top: 0px; }
.hizmetler h1 				{ height: 43px; font-size: 17px!important; font-family:arial; color:#fff;

 background-image: -o-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -moz-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -webkit-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -ms-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: linear-gradient(to bottom, #3b97ff 0%, #1a75dc 100%);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a75dc', EndColorStr='#3b97ff'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a75dc', EndColorStr='#3b97ff')"; /* IE8 */
    
 line-height: 45px;  text-align: center; }
.hizmetler-iamges 			{ width:190px; height:190px; float:left; margin-left: 23px;  margin-top: 25px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border-style: solid; border-color: #018939; border-width: 3px; -webkit-box-shadow: 1px 5px 21px -6px rgb(91, 91, 91);
-moz-box-shadow: 1px 5px 21px -6px rgb(91, 91, 91);
box-shadow: 1px 5px 21px -6px rgb(91, 91, 91); }
a:hover .hizmetler-iamges 	{ border-color: #1a75dc; box-shadow: none; }

a:hover .btn-devam {

 color:#018939;
}
.btn-devam {
float: right;
color: #1a75dc;
margin-top: 15px;
font-family: calibri;
border-style: solid;

border-width: 1px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
line-height: 18px;
}
.footer 			{ float:left; width:100%; height:101px; margin-top: 53px;}
.footer-content 	{ margin:0 auto; width:974px; height: 176px;  background-image: url(../img/alt.png); }
.footer-left 			{ width:150px; height:62px; float:left; padding-top: 38px; }
.footer-orta 			{ width:705px; height:101px; float:left; text-align: center; line-height: 9; font-size: 12px; font-family: calibri; color:#000!important; }
.footer-right 		{ width:80px; height:54px; float:right; padding-top: 127px; margin-right: 30px; }
.menu{
	float:left;
	
	width:957px;
	height:60px;
	margin-left: -2px;
	
	font-family: arial;
	
	-webkit-box-shadow: 1px 5px 21px -6px rgb(91, 91, 91);
-moz-box-shadow: 1px 5px 21px -6px rgb(91, 91, 91);
box-shadow: 1px 5px 13px -6px rgb(91, 91, 91);


	
				background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #EAEAEA)
);
background-image: -o-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -moz-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -webkit-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: -ms-linear-gradient(bottom, #3b97ff 0%, #1a75dc 100%);
background-image: linear-gradient(to bottom, #3b97ff 0%, #1a75dc 100%);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a75dc', EndColorStr='#3b97ff'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a75dc', EndColorStr='#3b97ff')"; /* IE8 */
	
	
}
.menu ul{
	margin-top:11px;
	padding:0px;
	list-style-type:none;
	margin:0px;
		
}
.menu ul li{
	width: auto;
height: 60px;
float: left;
position: relative;

font-size: 13px;
line-height: 60px;
text-align: left;

font-weight: bold;

}
.menu ul li a{
	display:block;
	
	height:60px;
	text-decoration:none;
	color:#FFF;

padding-left: 27px;
padding-right: 27px;
}
.menu ul li a:hover{
	color:#FFF;
	background-image: -o-linear-gradient(bottom, #1a75dc 0%, #3b97ff 100%);
background-image: -moz-linear-gradient(bottom, #1a75dc 0%, #3b97ff 100%);
background-image: -webkit-linear-gradient(bottom, #1a75dc 0%, #3b97ff 100%);
background-image: -ms-linear-gradient(bottom, #1a75dc 0%, #3b97ff 100%);
background-image: linear-gradient(to bottom, #1a75dc 0%, #3b97ff 100%);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#3b97ff', EndColorStr='#1a75dc'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3b97ff', EndColorStr='#1a75dc')"; /* IE8 */
	
	height: 100%;
	position:relative;
	}

	.menu  ul li ul{
    width:180px;
    height:auto;
    float:left;
    position:absolute;
    background: rgba(26, 117, 220, 0.88);
    z-index:1;
    display:none;
    }

.menu  ul li ul a{
    width:170px;
    height:30px;
    line-height:41px;
    float:left;
    padding:0px;
    border-top: solid 1px rgb(225, 225, 225);
    background:none;
    padding-left: 10px;
    font-size: 12px;
    
    }

.menu  ul li ul li {
    height:40px;
    line-height:30px;
    }



.menu  li:hover >  ul{
    display: block;
    }



.menu  ul li ul li ul{
    width:180px;
    height:auto;
    float:left;
    position:absolute;
    background:#6c6b6b;
    top:0px;
    left:180px;
    z-index:1;
    display:none;
    }
.slogan { float:left; margin-top: 43px; }
.destek { float:right; width:205px; height:60px; margin-top: 30px; line-height: 1; }
.destek-yazi { float:right; margin-top: 10px;   }
.destek-yazi h1 {font-size: 19px; color:#1a75dc; font-family: calibri; font-weight:bold;}
.destek-yazi h2 {font-size: 18px; color:#67ba89; font-family: calibri; font-weight:bold; float:right;}
.menu-left { float:left;   margin-left: -50px; }
.menu-right { float:right;   margin-right: -51px;;  }
.menu-right :hover { opacity: 0.9; }
.menu-left :hover { opacity: 0.9; }
.uygulamalarimiz { width:956px; border-top: solid 1px rgba(232, 0, 0, 0.62); float:left; margin-top:48px; }
.uygulamalarimiz h4 { width:207px; background:rgba(232, 0, 0, 0.62); padding-left: 5px; color:#fff; font-family:arial; line-height: 3; text-align: center; line-height: 37px; box-shadow: 1px 8px 4px -5px rgb(150, 132, 132); margin-bottom: 10px; }
.kurumsal { width:950px; float:left; margin-top: 23px; }
.uygulamalarimiz a:hover  { opacity: 0.5; }
.kurumsal h1 { height: 50px;
line-height: 3; }

h6 { float:left; background:#fff; padding:10px!important; margin-top: 5px!important; } 
h5 { float: left; margin-top: 10px!important; height: 15px; background: red; color: #fff; font-family: arial!important; padding: 10px!important; width: auto; text-align: center; box-shadow: 1px 8px 4px -5px black; }
.content-menu { float:left; width:207px; margin-top: 36px;  box-shadow: 0px 5px 29px -8px black; border: 1px solid #fff;}
.content-menu h1 				{ margin: 0px; height: 43px; font-size: 17px!important; font-family:arial; color:#fff;

 background-image: -o-linear-gradient(bottom, #1bca63 0%, #008838 100%);
background-image: -moz-linear-gradient(bottom, #1bca63 0%, #008838 100%);
background-image: -webkit-linear-gradient(bottom, #1bca63 0%, #008838 100%);
background-image: -ms-linear-gradient(bottom, #1bca63 0%, #008838 100%);
background-image: linear-gradient(to bottom, #1bca63 0%, #008838 100%);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1bca63', EndColorStr='#008838'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1bca63', EndColorStr='#008838')"; /* IE8 */
    
 line-height: 45px;  text-align: center; }
 .content-menu li  { list-style-type: none; padding: 6px; height: 32px; line-height: 2.3; font-family: arial; font-size: 14px; 
 	background-image: -webkit-linear-gradient(bottom, #eaeaea 0%, #fff 100%);
 	background-image: -o-linear-gradient(bottom, #eaeaea 0%, #fff 100%);
background-image: -moz-linear-gradient(bottom, #eaeaea 0%, #fff 100%);

background-image: -ms-linear-gradient(bottom, #eaeaea 0%, #fff 100%);
background-image: linear-gradient(to bottom, #eaeaea 0%, #fff 100%);}
  .content-menu li a { display:block; color:#1b77de; }
    .content-menu li a:hover { background:#1b77de; color:#fff; margin-left: 10px; }
    .content-icerik { float:left; margin-top:37px; }
    .content-icerik h1 				{ height: 23px; padding: 10px; font-size: 17px!important; font-family:arial; color:#fff;
    background-image: -o-linear-gradient(bottom, #268cff 0%, #1b77de 100%);
background-image: -moz-linear-gradient(bottom, #268cff 0%, #1b77de 100%);
background-image: -webkit-linear-gradient(bottom, #268cff 0%, #1b77de 100%);
background-image: -ms-linear-gradient(bottom, #268cff 0%, #1b77de 100%);
background-image: linear-gradient(to bottom, #268cff 0%, #1b77de 100%);
box-shadow: 0px 5px 29px -8px black;

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#268cff', EndColorStr='#1b77de'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#268cff', EndColorStr='#1b77de')"; /* IE8 */
    
 line-height: 26px;  text-align: center; }
.content-ic { float:left; padding: 10px; width: 755px; padding-right: 0px; font-family: arial; }

.item {
padding: 0px 0px;
margin-bottom: 3px;
position: relative;
}
.light_skin .item {
background: #fff;
}
.item-title {
height: 43px;
margin-left: 3px;
display: inline-block;
position: relative;
margin-bottom: 3px;
cursor: pointer;
padding-right: 40px;
z-index: 2;
}

.item-cont {

padding: 0px 3.95% 0px;
font-family: calibri;

}
#contact .map {
margin-bottom: 29px;
}
#map-canvas {
height: 315px;
width: 100%;
}
.gm-style {
font-family: Roboto,Arial,sans-serif;
font-size: 11px;
font-weight: 400;
text-decoration: none;
}
.col500 {
width: 63%;
}
.fl-left {
float: left;
}

.light_skin #contact h3, .light_skin .form h3 {
color: #000000;
}
.form-col {
margin-bottom: 14px;
}
#contact .form-btn {
padding: 2px 0px;
margin-top: 20px;
}
.light_skin .form label {
color: #4c4c4c;
}
.form label {
font: 600 13px/13px 'Open Sans', sans-serif;
display: inline-block;
margin-bottom: 10px;
}
.small.form-col {
width: 238px;
}
.form-marg {
margin-right: 24px;
}
.fl-left {
float: left;
}
.diger-ketegoriler img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contact .form-btn {
padding: 2px 0px;
margin-top: 20px;
}
#contact .btn {
margin-left: 0px;
background-image: url(images/icon-mail.png);
background-repeat: no-repeat;
background-position: 13px 10px;

}
.btn {
cursor: pointer;
border: none;
color: #fff;
background-color: #434b51;
padding: 0px 10px 0px 13px;
text-transform: uppercase;
height: 32px;
margin-right: 3px;
font: 700 11px/32px 'Open Sans', sans-serif;
text-decoration: none;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.4s ease 0s;
-moz-transition: background-color 0.4s ease 0s;
-o-transition: background-color 0.4s ease 0s;
-ms-transition: background-color 0.4s ease 0s;
transition: background-color 0.4s ease 0s;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-size: 100%;
font: inherit;
}
.col260 {
width: 33%;
}
.fl-right {
float: right;
}
light_skin #contact h3, .light_skin .form h3 {
color: #000000;
}
#contact h3, .form h3 {
font: 15px/15px 'Patua One', cursive;
margin-bottom: 20px;
text-transform: uppercase;
width: 100%;
}
.contact-info {
padding-top: 5px;
}
.contact-info li {
margin-bottom: 7px;
}
#siparis {
border: 1px solid #ddd;
width: 704px;
margin-top: 5px;
margin-bottom: 10px;
background-color: #fff;
}
#siparis tr { color: rgb(148, 148, 148);
font-family: calibri; background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f2f2f2 100%); border: 1px solid #D0D0D0; }

#siparis tr td { padding-left: 5px; }

.content-profil { float:left; width:400px; height:380px; background-image: url(../img/profil_bg.png); background-repeat: no-repeat; background-position-y: bottom; }
.profil-img { float:left; width:380px; padding:10px; height:349px; background:#fff; }
.urun_acikamasi { width:331px;  float:left; }
.urun_acikamasi h1 {background-image: url(../img/aciklama.png); color: white; text-align: center; padding: 5px; background: rgba(232, 0, 0, 0.62);; width: 100%; font-family: arial; font-size: 14px; box-shadow: 0px 8px 20px -8px rgb(81, 81, 81); border: 1px solid #fff; vertical-align: top; background-position-y: top; height: 27px; line-height: 2;}
.urun_acikamasi h6 { color:#585858; margin-left: 10px; width: 94%; font-family:arial; font-size:14px; box-shadow: 0px 8px 20px -8px rgb(156, 156, 156); }

@media only screen and (max-width: 479px) {
.genel { width:100%;min-width:100px;padding:0; float:left;}
.header { width:100%; float:left;}
.header-top { height:80px; }
.header-logo { width:100%; float:left; }
.header-right { width:100%; float:left; }
.slogan { margin-left:10px; margin-top:0px; float:left;}
.destek { float:left; width:100%; margin-top:5px; }
.menu { width:100%; float:left;  }
.menu-left { display:none; }
.menu-right { display:none; }
.menu ul li { background-image: linear-gradient(to bottom, #3B97FF 0%, #1A75DC 100%); float:left; width:100% }
.menu ul li a { width:100%; padding:0px; }
.flexslider { width:100%; float:left; max-width: 479px; position: none; }
.header-top-genel { width:100%; float:left; }
.header-left-top { width:100%; float:left; }
.header-rigth-bottom { width:100%; float:left; text-align:center; margin-top: 0px;}
.hizmetler { float:none; }
.hizmetler h1 { float:none; }
.header-left-top li a { font-size:12px; }
.header-left-top li { margin:0px;}
.header-left-top img { width:25px; height:25px; }
.header-left-top ul { line-height:3; }
.header-rigth-bottom ul li { text-align: center; }
.hizmetler { width:100%; float:left; }

}

.diger-kategoriler { margin-bottom: 32px; float:left; width:232px; height:141px; background-image: url(../img/product-bg.png); background-repeat: no-repeat; margin-left: 12px; margin-top: 10px; text-align: center; padding-top: 5px;}
.diger-kategoriler :hover { opacity:0.8;  }
.alt_sayfalar h1 { background: rgba(0, 122, 22, 0.62);
float: left;
background-image: url(../img/aciklama.png);

color: white;
text-align: center;
padding: 5px;
background: rgba(232, 0, 0, 0.62);
width: 97%;
font-family: arial;
font-size: 14px;
box-shadow: 0px 8px 20px -8px rgb(81, 81, 81);
border: 1px solid #fff;
vertical-align: top;
background-position-y: top;
height: 27px;
line-height: 2;
margin-top: 10px; }
.diger-kategoriler h1 { float: left;
text-align: center;
font-size: 14px;
box-shadow: 0px 8px 20px -8px rgb(81, 81, 81);
border: 1px solid #fff;
vertical-align: top;
height: 27px;
line-height: 2;padding: 4px; width:220px; margin-top: 10px; color: #fff; font-family: arial; background: rgba(0, 117, 35, 0.62); }
.menu ul li ul li ul { width: 360px;
height: auto;
float: left;
position: absolute;
background: rgba(0, 78, 167, 1);
z-index: 1;
display: none; }

#urunlerimiz ul { margin: 0; 
    padding: 0; 
    list-style: none; 
    width: 370px; 
    margin-top:11px;
	padding:0px;
	list-style-type:none;
	margin:0px;

     }
 #urunlerimiz ul li { 
    background-image: linear-gradient(to bottom, #3B97FF 0%, #1A75DC 100%); float:left; padding: 0px; height: 40px;
}

 #urunlerimiz li ul { 
    position: absolute; 
    
    display: none; 
    width: 174px;
    margin-left: 194px;
margin-top: -32px;

}

 #urunlerimiz ul li a { 
    width: 170px;
height: 30px;
line-height: 41px;
float: left;
padding: 0px;
border-top: solid 1px rgb(225, 225, 225);
background: none;
padding-left: 10px;
font-size: 12px;
color:#fff!important;
}

 #urunlerimiz li:hover ul { 
    display: block; 
}
#urunlerimiz ul li ul li ul { width: 360px;
height: auto;
float: left;
position: absolute;
background: rgba(0, 92, 197, 0.88);
z-index: 1;
display: none; }
.uygulamalarimiz ul { 
float: left;
margin-left: 20px; }
.uygulamalarimiz ul li {padding: 10px;
margin-top: 10px;
border-radius: 10px;
color: #fff;
font-family: calibri;
background-color:rgba(33, 123, 219, 1);
border-color: #285e8e;}
.uygulamalarimiz ul a { font-family:calibri; display:block; }
.uygulamalarimiz ul a:hover { opacity:0.6;  }