@import url('css/urun.css');

body {
	background-color:#fff;
	background:url(images/bg-golge.png) top center no-repeat ;
	margin:0px;
	padding:0px;
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4C4C4C;
}

.temizle {
	clear:both;
}

.wrap {
	width:1020px;
	margin:0 auto;
	padding:0 auto;
}

h3 {
	font-size:13px;
	color:#606060;
	text-decoration:none;
	font-weight:normal;
}

h2 {
	font-size:18px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

a {
	text-decoration:none;
}
   #top {
            bottom: 5px;
            bottom: 20px;
            display: none;
            height: 100px;
            position: fixed;
            right: 20px;
        }

.dashed {
	width:100%;
	float:left;
	font-size:15px;
	color:#ce010e;
	text-decoration:none;
	font-weight:normal;
	line-height:30px;
	border-bottom:1px dashed #01016a;
	margin-bottom:20px;
}

.sayfabaslik {
	background:rgba(0,0,0,0.5);
	width:250px;
	padding:10px;
	margin-top:30px;
}

#header {
	background:#fff;
	width:1020px;
	height:100px;
}

#logo {
	float:left;
	height:100px;
	margin:0px;
}

/***** Menu Kodları *****/

#menu {
	float:right;
	padding-right:8px;
}

	#menu ul {
		float:right;
		list-style:none;
	}

		#menu ul li {
			float:left;
			text-decoration:none;
			padding-left:15px;
			margin-top:30px;
		}

		#menu ul li a {
			font-size:14px;
			font-weight:normal;
			text-decoration:none;
			color:#606060;

		}

				#menu .active a{
				color:#cd010c;
				border-bottom:3px solid rgba(1,0,106, 0.7);
				}
		


#hizmetler {
	float:left;
	width:765px;
	height:auto;
}


#hizmet {
	width:230px;
	height:230px;
	float:left;
	padding-right:25px;
}

	#hizmet img {
		width:225px;
		height:90px;
		border:3px solid #dfdfdf;
	}
	#hizmet iframe{
	width:225px;
	height:90px;
	}

#duyurular {
	margin-top:-15px;
	float:right;
	width:240px;
}

#duyuru {
	float:left;
	width:240px;
	border-bottom:1px solid #c3c3c3;
	margin-bottom:15px;
}

#duyuru span {
	text-decoration:none;
	font-size:13px;
	color:#00016a;
}
	#duyuru span a{
	text-decoration:none;
	font-size:13px;
	color:#222384;
	}

#content {
	padding:0 10px 0 10px;
	min-height: 550px;


}


#sayfabaslik {
	width:1020px;
	height:100px;
	padding-top:40px;
	padding:0px;
	background:url(images/baslikresim.jpg) no-repeat;
	color:#fff;
	border-top:3px solid #929292;
	margin-bottom:20px;
}

	.referanslarDiv ul li{
	list-style-image:url('images/list.png')
	}


/*** Teklif Formu ***/
.text-teklif{
width:300px;
height:30px;
margin:10px 0 10px 0px;
}

	.teklif-gonderButton{
	padding:5px;
	background:#CF3A3A;
	border:1px solid #b40000;
	color:#fff;
	}

/*** Teknik Destek ***/
.tenkikdestekDiv ul li{
list-style-image:url('images/list2.png');
}

.katbaslik {
	border-bottom: 3px solid rgb(205, 5, 13);
	padding: 0 0 9px 0px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin:0px 0 0 4px;
}


#katurun {
	float:right;
	width:800px;
	min-height:535px;
}



/**** İletişim Formu ****/
/* Form */
.form-padding{padding:0 30px 0 0; float:left; width:560px;}
.form1 {width:250px; float:left;}
.form2 {width:250px; float:right; margin-top:-173px;}
label {color:#A63E42;font-size:13px;display:block;padding-bottom:8px; font-weight: 600;}
.form-text,textarea{font-family:'Open Sans',sans-serif;width:100%;margin-right:50px;padding:10px;display:block;color:#aaa2a2;border:1px solid #cfcfcf; border-radius:1px; margin-bottom:20px;}
textarea{width:100%}

/* Buttoms */
.button{color:#fff;display:inline-block;text-decoration:none;margin-bottom:22px}
	.button.red{background: #AB4245;
	border: none;
	height: 30px;
	border-radius: 2px;}	
	.button.red:hover{background:#9D3C3F}

/* contact line */
.card{padding-bottom:5px}
.contact-line{padding:10px 25px;display:block;color:#333;border-bottom:1px dotted #c5bcbc}	
	.c1{background:url(images/c1.png) no-repeat 5px 12px}
	.c2{background:url(images/c2.png) no-repeat 5px 12px}
	.c3{background:url(images/c3.png) no-repeat 4px 15px}
	.c4{background:url(images/c4.png) no-repeat 4px 15px}
	.c3 a{text-decoration:none; color:#333;}
	.c3 a:hover{text-decoration:none; color:#333;}

#iletisimsag {width:330px;float:right; margin-top:-183px;}
#iletisimsag h3{color:#9D3C3F;}

.harita{
width:1020px;
height:350px;
margin:0 0 60px 0;
}
.harita iframe{
width:1020px;
height:350px;
}


/*** Footer ***/ 
.footerDiv{
background:#333;
height:100px;
padding:15px 0 0 0px;
}

    .footer-sol{
    float:left;
    width:805px;
    margin:0 0 0 7px;
    }
            .footerDiv-menu{
            float:left;
            width:600px;
            }
                .footerDiv-menu a{
                margin:0 10px 0 0px;
                padding:0 10px 0 0px;
                border-right:1px solid #4d5052;
                color:#a5a5a5;
                }

            .footer-kutu{
            min-width:100px;
            float:left;
            color:#a5a5a5;
            margin:20px 20px 0 0;
            }
                .footer-kutu span{
                margin:8px 0px 0 10px;
                padding:0px;
                float:left;
                }
                .footer-kutu img{
                float:left;
                padding:10px 0px 0 0px;
                }

    .footer-sag{
    float:right;
    width:200px;
    }

        .footer-sag h3{
        color: #a5a5a5;
        font-size: 14px;
        margin: 0;
        padding: 0;
        }

        .footer-eposta{

        }
            .footer-posta{
            background: #3a3a3a;
            border: none;
            width: 200px;
            height: 28px;
            border-radius: 5px;
            margin: 15px 0 0 0px;
            float: left;
            color:#a5a5a5;
            }

            .footer-send{
            width:40px;
            height:30px;
            background:url("../images/footer-send.png") no-repeat;
            float:left;
            border:none;
            margin:15px 0 0 6px;
            }


    .copyright{
    background:#1e1e1e;
    height:30px;
    z-index:1000;
    color:#b8b8b8;
    padding:15px 0 0 0px;
    }
	
#design{ width:90px; height:20px; padding:5px; background:#eee; position:fixed; z-index:1000; bottom:5px; right:0; border-radius:5px 0 0 5px;}
#design a img{ border:none; width:85px; height:auto;}