@charset "utf-8";
/* CSS Document */

body { 
margin:0px auto;
text-align:center;
background:url(images/background.jpg) ;
width:980px;
}

.anaKapsul { 
width:1010px;
height:845px;
float:left;
background:url(images/anaKapsul.png) no-repeat;
margin-top:23px;
}

.logo { 
width:248px;
height:89px;
float:left;
margin:40px 0 0 54px;
}

.menu {
width:595px;
height:90px;
float:left;
margin:40px 0 0 66px;	
}

.solmenu { 
width:272px;
height:338px;
float:left;
margin:40px 0 0 54px;
}

.kategoriler {
width:245px;
height:61px;
float:left;
}

.solmenu-kategori { 
width:250px;
height:300px;
float:left;
}

.iletisimkur {
width:274px;
height:70px;
float:left;
margin-top:15px;
}

.slider-orta  {
width:580px;
height:338px;
float:left;
margin:40px 0 0 39px;	
}

.ic-sayfa-text {
width:580px;
height:400px;
float:left;
margin:40px 0 0 29px;		
}

.basliklar { 
width:580px;
height:65px;
float:left;

}

.textler {
width:580px;
height:300px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align:left;
color:#999;
line-height:18px;

}

.textler a { color:#069; } .textler a:hover { color:#F90 }

.dikkat { width:150px; height:150px; float:none; margin-left:200px; margin-top:40px;}

h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	text-align:left;

}


.hosting , .hosting2 { 
width:233px;
height:180px;
float:left;
background:url(images/linux.png) no-repeat;
margin-top:15px;
padding:75px 10px 10px 10px;
text-align:left;
margin-left:20px;
}
.hosting2
{ background:url(images/linux2.png) no-repeat; }

.hosting h3 , .hosting2 h3 { color:#069; font-size:14px;}

.hosting ul li, .hosting2 ul li { color:#666; font-size:11px; margin:5px; line-height:18px;}

.hosting em , .hosting2 em { float:right; COLOR:#F60; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;} 

.alt-alan { 
width:881px;
height:285px;
float:left;
margin:10px 0 0 54px;
}

.hizmetler { width:110px; height:105px; float:left; border:solid 1px #28A0B2; text-align:center; margin-top:30px;} 
.hizmetler a { font-family:Verdana, Geneva, sans-serif; color:#F90; font-size:12px; text-align:center;}
.hizmetler a:hover { font-family:Verdana, Geneva, sans-serif; color:#09c; font-size:12px; text-align:center;}
.hizmetler2 { width:110px; height:105px; float:left; border:solid 1px #28A0B2; text-align:center; margin-left:40px; margin-top:30px;} 
.hizmetler2 a { font-family:Verdana, Geneva, sans-serif; color:#F90; font-size:12px; text-align:center;}
.hizmetler2 a:hover { font-family:Verdana, Geneva, sans-serif; color:#09C; font-size:12px; text-align:center;}

.siparis-form { 
width:269px;
height:310px;
float:left;
margin-top:15px;
margin-left:28px;
text-align:left;
}

.sag-bolum {
width:615px;
height:310px;
float:left;
margin-top:15px;
margin-left:31px;
}

.portfolioweb  { width:200px; height: }

.hakkimizda {
width:581px;
height:96px;
float:left;
margin-left:40px;
background:url(images/hakkimizda-bg.jpg) no-repeat;
margin-top:15px;
}

.hakkimizda-resim {
width:73px;
height:60px;
float:left;
margin:10px 0 0 15px;
}

.hakkimizda-baslik {
width:139px;
height:14px;
float:left;
margin:10px 0 0 20px;

}

.hakkimizda-yazi {
width:450px;
height:50px;
float:left;
margin:4px 0 0 20px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#999;
line-height:16px;
text-align:left;
}

.devamoku {
width:52px;
height:10px;
float:right;
margin-top:6px;
}

.haberler {
width:330px;
height:130px;
float:left;
margin:0px 0 0 29px;
}

.haber-baslik {
width:223px;
height:12px;
float:left;
margin:10px 0 0 10px;
}

.haber-icerik {
width:300px;
height:80px;
float:left;
margin:10px 0 0 10px;
}

.web-portfolio {
width:230px;
height:130px;
float:left;
margin:10px 0 0 23px;
background:url(images/webportfolio.png) no-repeat;
}

.web-baslik {
width:172px;
height:12px;
float:left;
margin:10px 0 0 10px;

}

.refz {  -moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; border-bottom:solid 1px #B6BEC7;  border-top:solid 1px #D8DFE9; border-left:solid 1px #D8DFE9; border-right:solid 1px #D8DFE9; 
width:570px; height:auto; float:left;  margin-bottom:15px; margin-top:5px; 
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
background-image: -moz-linear-gradient(top, #F8FAFC, #E6EBF1);
background-image: -webkit-gradient(linear, center top, center bottom, from(#F8FAFC), to(#E6EBF1));
background-image: -o-linear-gradient(top, #dee9ff, #000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8FAFC', endColorstr='#E6EBF1');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8FAFC', endColorstr='#E6EBF1')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: linear-gradient(top, #F8FAFC, #E6EBF1);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity:1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/*-ms-filter must come before filter*/
filter: alpha(opacity=100);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
 }
 
 .refeResim { width:87px; height:62px; float:left; margin:10px 0 0 10px; background:#FFF; border-color:#C2C9D3; margin-bottom:10px; border-bottom:1px;}
.refBaslik { width:auto; height:15px; float:left; margin:10px 0 0 10px; }
.refBaslik, .refBaslik a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:left; font-weight:bold; } 
.refKimdir { width:auto; height:15px; float:left; margin:10px 0 0 10px; }
.refKimdir, .refKimdir a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CC0000; text-align:left; font-weight:normal; } 
.refAciklama { width:460px; float:left; height:auto; margin-left:10px; margin-top:0px; }
.refAciklama, .refAciklama a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:left; font-weight:normal; line-height:17px; }

.tel-mail {
width:581px;
height:49px;
float:left;
margin-left:30px;	
margin-top:12px;
}

.footer {
width:980px;
height:50px;
float:left;
margin:20px 0 0 15px;
}

.footer-sol {
width:730px;
height:50px;
float:left;

}

.creative { 
width:80px;
height:40px;
float:left;

}

.footer-sol-yazi{
width:100px;
height:40px;
float:left;
margin-top:2px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#309494;
text-align:left;
padding-top:3px;
}

.sakli { 
width:600px;
height:50px;
float:left;
margin-left:10px;
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#309494;
text-align:left;
line-height:17px;
font-weight:normal;
}

.footer-sag  {

width:168px;
height:48px;
float:right;
margin-left:70px;
}

/*** form alanı bılgıler **/
        ul.formAlan, ul.formAlan li
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        ul.formAlan li.last
        {
            border: none;
        }
        ul.formAlan p
        {
            float: left;
            margin: 0;
            width: 310px;
        }
        ul.formAlan h3
        {
            float: left;
            font-size: 11px;
            font-weight:normal;
            margin: 5px 0 0 0;
            width: 60px;
            margin-left:0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#999;
			
        }
        ul.formAlan li
        {
			
            padding: 2px 0;
            width:380px;
            overflow:hidden;
        }
        ul.formAlan input[type="text"], ul.formAlan input[type="password"]
        {
            width:198px;
			height:14px;
			font-size:11px;
            padding:5px;
            position:relative;
            border:solid 1px #fc0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#999;
        }
        ul.formAlan input.required 
        {
            border: solid 1px #f00;
        }
		
		input.gonder { background:url(images/button.png) no-repeat;  width:57px; height:20px; border:none; }
		input.temizle { background:url(images/temizle.png) no-repeat;  width:57px; height:20px; border:none; }
		table.iletisim { z-index:95; position:absolute; margin-top:-250px; }
/** form alanı bılgıler bıter **/