body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.clear { clear:both;}
header { width:100%; height:auto; }
header .ust { background:#00A0DC; width:100%; height:50px; }
header .ust .ic { width:1004px; height:auto; border:0px solid #FFF; color:#FFF; margin-left:auto; margin-right:auto; padding:17px; font-size:13px;}
header .ust .ic a { color:#FFF; text-decoration:none;}
header .ust .ic .right { float:right; }
header .orta { width:1024px; height:auto; border:0px solid #000; margin-left:auto; margin-right:auto; }

header .orta .logo { width:150px; height:100px; border:0px solid #000; float:left; margin-top:10px; }
header .orta .sag  { float:right; margin-top:55px; border:0px solid #000; width:150px; height:20px;}
header .menu { display:none; }
header .menu-list { display:none; }

nav { width:600px; border:0px solid #EEE; float:left; margin-left:80px; margin-top:50px; font-size:15px; font-weight:bold; color:#555; }

nav ul { margin:0; padding:0;}
nav ul li { list-style:none; border:0px solid #000; padding:5px; float:left; margin-left:60px;}
nav ul li ul { display:none; position:absolute; margin-left:-6px; margin-top:6px; border:1px solid #EEE; width:180px; z-index:99; background:#FFF; border-radius:3px; }
nav ul li ul li { margin:0; padding:10px; width:160px; font-size:13px; border-top:1px solid #DDD; }

nav ul li:hover ul { display:inline-block; }


nav a { text-decoration:none; color:#555;}

.sliderr { width:1024px; height:325px; border:0px solid #000; margin-right:auto; margin-left:auto; margin-top:10px;}
.sliderr .left  { float:left; width:220px; height:300px; border:0px solid #EEE; }
.sliderr .left a { text-decoration:none; color:#000;}
.sliderr .left .ic { padding:18px; background:#EEE; font-size:13px; border-bottom:1px solid #DDD;}
.sliderr .right { float:right; width:790px; height:325px; border:0px solid #000;}

.content-dis { width:100%; height:auto; background:#EEE; margin-top:30px;}

.content { width:1024px; height:auto; border:0px solid #000; margin-right:auto; margin-left:auto; }
.content .ic { float:left; border:1px solid #BBB; margin-left:52px; padding:10px; width:140px; height:60px; margin-top:20px; margin-bottom:20px; text-align:center; color:#00A0DC;  border-radius:5px;}
.content .ic h3 { font-size:14px; color:#555;}
.content .ic:hover h3 { background:#00A0DC; color:#FFF; cursor:pointer;}
.content .ic:hover  { background:#00A0DC; color:#FFF; cursor:pointer;}


.content1 { width:1024px; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content1 h2 { font-size:16px; color:#555;}
.content1 h4 { font-size:16px; color:#555;}
.content1 .left { width:500px; height:200px; float:left; margin-left:17px; border:1px solid #DDD; color:#555; margin-bottom:20px;}
.content1 .left:hover { border:1px solid #00A0DC; cursor:pointer;}
.content1 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content1 .left h3 { font-size:16px; margin:0; color:#444;}
.content1 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}

.content2 { width:1024px; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content2 h2 { font-size:16px; color:#555;}
.content2 h4 { font-size:16px; color:#555;}
.content2 .left { width:500px; height:auto; float:left; margin-left:5px; border:0px solid #DDD; color:#555; margin-bottom:20px;}
.content2 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content2 .left h3 { font-size:16px; margin:0; color:#444;}
.content2 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}
.content2 p { line-height:25px; text-align:justify;}
.content2 .text { padding:10px; width:480px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .text1 { padding:10px; width:480px; height:100px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .buton { padding:10px; border-radius:3px; background:#00A0DC; color:#FFF; border:0;}
.content2 .icerik { width:1004px; height:75px; padding:10px; border:1px solid #ddd; margin-bottom:20px; }
.content2 .icerik .left { width:100px; height:75px; border:1px solid #000; }
.content2 hr { border:1px solid #EEE;}
.content2 .sol { width:320px; height:200px; border:1px solid #DDD; float:left; margin-left:15px; margin-bottom:20px;}
.content2 .sol .orta { width:180px; height:140px; margin-top:10px; border:0px solid #DDD; margin-left:auto; margin-right:auto;}
.content2 .sol .orta img { max-width:100%; max-height:100%;}
.content2 .sol .alt { padding:5px; border:0px solid #DDD; text-align:center; margin-top:10px;}

.content3 { width:1024px; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.content3 .left { border:1px solid #DDD; float:left; margin-left:10px; width:241px; height:125px;}
.content3 .left img {max-height:100%; max-width:100%;}

.progbut { padding:10px; color:#FFF; background:#00A0DC; text-align:center;}
.content-y-ic { width:475px; height:auto; border:0px solid #000; margin-left:8px; float:left; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:15px; line-height:25px; text-align:justify;}
.buton { padding:5px; background:#00A0DC; color:#FFF; border-radius:3px;}
.text  { width:300px; padding:10px; border:1px solid #DDD; }
.text1 {  width:320px; height:100px; padding:10px; border:1px solid #DDD;}

.kurulum-y { float:left; border:1px solid #BBB; border-radius:3px; width:350px; height:120px; margin-left:50px; margin-bottom:30px;}


.middle { width:1024px; height:auto; border:1px solid #000; margin-right:auto; margin-left:auto; margin-top:10px; }
.middle .left  { float:left; width:230px; height:300px; border:1px solid #EEE; }
.middle .left .ic { padding:10px; background:#EEE; font-size:13px; border:1px solid #DDD;}
.middle .right { float:right; width:780px; height:auto; border:0px solid #000;}

.middle .right .ic { float:left; border:1px solid #EEE; padding:10px; width:170px; height:170px; text-align:center; font-size:14px;}

footer { width:100%; height:auto; background:#111; color:#FFF; margin-top:50px;}
footer .ic { padding:10px; width:1004px; border:0px solid #FFF; margin-left:auto; margin-right:auto; }
footer .ic .left { width:235px; height:auto; font-size:14px; border:0px solid #FFF; float:left; margin-left:15px; line-height:25px; }
footer .ic .left a { color:#FFF; text-decoration:none;}
footer .ic .left h3 { font-size:14px; }



@media only screen and (max-width:960px) and (min-width:768px){
	
		header { width:100%; height:230px; }
header .ust { background:#00A0DC; width:100%; height:60px; }
header .ust .ic { width:100%; height:auto; border:0px solid #FFF; color:#FFF; padding:17px; font-size:12px;}
header .ust .ic a { color:#FFF; text-decoration:none;}
header .ust .ic .right { float:left; margin-top:5px; }
header .orta { width:95%; height:auto; border:0px solid #000;}

header .orta .logo { width:100%; height:100px; border:0px solid #000; text-align:center; margin-top:10px; }
header .orta .sag  { z-index:99; position:absolute; left:50%; margin-left:-75px; margin-top:105px; border:0px solid #000; width:150px; height:20px;}

header .menu { display:inline-block; padding:10px; z-index:99; background:#FFF; width:88%; position:absolute; left:0; border:1px solid #DDD; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; cursor:pointer} 
header .menu-list { display:none; padding:5px; z-index:99; background:#FFF; width:98.5%; position:absolute; left:0; border:0px solid #000; margin-top:179px; margin-left:-1px; font-size:15px; font-weight:bold; color:#555;}

header .menu-list a { text-decoration:none; color:#555;}

header .menu-list .ic { padding:5px; border:1px solid #EEE; margin-bottom:5px; }

header nav { display:none; z-index:99; background:#FFF; width:94%; position:absolute; left:0; border:0px solid #000; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; }


.sliderr { width:100%; height:325px; border:0px solid #000; margin-right:auto; margin-left:auto; margin-top:40px;}
.sliderr .left  { float:left; width:100%; height:300px; border:0px solid #EEE; }
.sliderr .left a { text-decoration:none; color:#000;}
.sliderr .left .ic { padding:18px; background:#EEE; font-size:13px; border-bottom:1px solid #DDD;}
.sliderr .right { float:right; width:100%; height:auto; border:0px solid #000; margin-top:20px;}

.content-dis { width:100%; height:auto; background:#EEE; margin-top:30px; display:none;}

.content { width:1024px; height:auto; border:0px solid #000; margin-right:auto; margin-left:auto; }
.content .ic { float:left; border:1px solid #BBB; margin-left:52px; padding:10px; width:140px; height:60px; margin-top:20px; margin-bottom:20px; text-align:center; color:#00A0DC;  border-radius:5px;}
.content .ic h3 { font-size:14px; color:#555;}
.content .ic:hover h3 { background:#00A0DC; color:#FFF; cursor:pointer;}
.content .ic:hover  { background:#00A0DC; color:#FFF; cursor:pointer;}


.content1 { width:90%; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content1 h2 { font-size:16px; color:#555; text-align:center;}
.content1 h4 { font-size:16px; color:#555; text-align:center;}
.content1 .left { width:90%; height:auto;  border:1px solid #DDD; color:#555; margin-bottom:20px;}
.content1 .left:hover { border:1px solid #00A0DC; cursor:pointer;}
.content1 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content1 .left h3 { font-size:16px; margin:0; color:#444; text-align:center;}
.content1 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}


.content2 { width:90%; height:auto; border:0px solid #000; margin-top:40px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content2 h2 { font-size:16px; color:#555;}
.content2 h4 { font-size:16px; color:#555;}
.content2 .left { width:300px; height:auto; float:left; margin-left:5px; border:0px solid #DDD; color:#555; margin-bottom:20px;}
.content2 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content2 .left h3 { font-size:16px; margin:0; color:#444;}
.content2 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}
.content2 p { line-height:25px; text-align:justify;}
.content2 .text { padding:10px; width:250px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .text1 { padding:10px; width:250px; height:100px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .buton { padding:10px; border-radius:3px; background:#00A0DC; color:#FFF; border:0;}
.content2 .icerik { width:1004px; height:75px; padding:10px; border:1px solid #ddd; margin-bottom:20px; }
.content2 .icerik .left { width:100px; height:75px; border:1px solid #000; }
.content2 hr { border:1px solid #EEE;}
.content2 .sol { width:250px; height:200px; border:1px solid #DDD; float:left; margin-bottom:20px;}
.content2 .sol .orta { width:180px; height:140px; margin-top:10px; border:0px solid #DDD; margin-left:auto; margin-right:auto;}
.content2 .sol .orta img { max-width:100%; max-height:100%;}
.content2 .sol .alt { padding:5px; border:0px solid #DDD; text-align:center; margin-top:10px;}

.content3 { width:100%; height:auto; border:0px solid #000; margin-top:110px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.content3 .left { border:1px solid #DDD; float:left; margin-left:2%; width:46%; height:100px;}
.content3 .left img {max-height:100%; max-width:100%;}

.progbut { padding:10px; color:#FFF; background:#00A0DC; text-align:center;}
.content-y-ic { width:475px; height:auto; border:0px solid #000; margin-left:8px; float:left; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:15px; line-height:25px; text-align:justify;}
.buton { padding:5px; background:#00A0DC; color:#FFF; border-radius:3px;}
.text  { width:300px; padding:10px; border:1px solid #DDD; }
.text1 {  width:320px; height:100px; padding:10px; border:1px solid #DDD;}

.kurulum-y { float:left; border:1px solid #BBB; border-radius:3px; width:350px; height:120px; margin-left:50px; margin-bottom:30px;}


.middle { width:1024px; height:auto; border:1px solid #000; margin-right:auto; margin-left:auto; margin-top:10px; }
.middle .left  { float:left; width:230px; height:300px; border:1px solid #EEE; }
.middle .left .ic { padding:10px; background:#EEE; font-size:13px; border:1px solid #DDD;}
.middle .right { float:right; width:780px; height:auto; border:0px solid #000;}

.middle .right .ic { float:left; border:1px solid #EEE; padding:10px; width:170px; height:170px; text-align:center; font-size:14px;}

footer { width:100%; height:auto; background:#111; color:#FFF; margin-top:50px;}
footer .ic { padding:10px; width:90%; height:auto; border:0px solid #FFF; margin-left:auto; margin-right:auto; }
footer .ic .left { width:90%; height:auto; font-size:14px; border:0px solid #FFF; float:left; line-height:25px; }
footer .ic .left a { color:#FFF; text-decoration:none;}
footer .ic .left h3 { font-size:14px; }
	
	
}


@media only screen and (max-width:767px) and (min-width:480px){

	header { width:100%; height:230px; }
header .ust { background:#00A0DC; width:100%; height:60px; }
header .ust .ic { width:100%; height:auto; border:0px solid #FFF; color:#FFF; padding:17px; font-size:12px;}
header .ust .ic a { color:#FFF; text-decoration:none;}
header .ust .ic .right { float:left; margin-top:5px; }
header .orta { width:95%; height:auto; border:0px solid #000;}

header .orta .logo { width:100%; height:100px; border:0px solid #000; text-align:center; margin-top:10px; }
header .orta .sag  { z-index:99; position:absolute; left:50%; margin-left:-75px; margin-top:105px; border:0px solid #000; width:150px; height:20px;}

header .menu { display:inline-block; padding:10px; z-index:99; background:#FFF; width:88%; position:absolute; left:0; border:1px solid #DDD; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; cursor:pointer} 
header .menu-list { display:none; padding:5px; z-index:99; background:#FFF; width:98.5%; position:absolute; left:0; border:0px solid #000; margin-top:179px; margin-left:-1px; font-size:15px; font-weight:bold; color:#555;}

header .menu-list a { text-decoration:none; color:#555;}

header .menu-list .ic { padding:5px; border:1px solid #EEE; margin-bottom:5px; }

header nav { display:none; z-index:99; background:#FFF; width:94%; position:absolute; left:0; border:0px solid #000; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; }


.sliderr { width:100%; height:325px; border:0px solid #000; margin-right:auto; margin-left:auto; margin-top:40px;}
.sliderr .left  { float:left; width:100%; height:300px; border:0px solid #EEE; }
.sliderr .left a { text-decoration:none; color:#000;}
.sliderr .left .ic { padding:18px; background:#EEE; font-size:13px; border-bottom:1px solid #DDD;}
.sliderr .right { float:right; width:100%; height:auto; border:0px solid #000; margin-top:20px;}

.content-dis { width:100%; height:auto; background:#EEE; margin-top:30px; display:none;}

.content { width:1024px; height:auto; border:0px solid #000; margin-right:auto; margin-left:auto; }
.content .ic { float:left; border:1px solid #BBB; margin-left:52px; padding:10px; width:140px; height:60px; margin-top:20px; margin-bottom:20px; text-align:center; color:#00A0DC;  border-radius:5px;}
.content .ic h3 { font-size:14px; color:#555;}
.content .ic:hover h3 { background:#00A0DC; color:#FFF; cursor:pointer;}
.content .ic:hover  { background:#00A0DC; color:#FFF; cursor:pointer;}


.content1 { width:90%; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content1 h2 { font-size:16px; color:#555; text-align:center;}
.content1 h4 { font-size:16px; color:#555; text-align:center;}
.content1 .left { width:90%; height:auto;  border:1px solid #DDD; color:#555; margin-bottom:20px;}
.content1 .left:hover { border:1px solid #00A0DC; cursor:pointer;}
.content1 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content1 .left h3 { font-size:16px; margin:0; color:#444; text-align:center;}
.content1 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}


.content2 { width:90%; height:auto; border:0px solid #000; margin-top:40px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content2 h2 { font-size:16px; color:#555;}
.content2 h4 { font-size:16px; color:#555;}
.content2 .left { width:300px; height:auto; float:left; margin-left:5px; border:0px solid #DDD; color:#555; margin-bottom:20px;}
.content2 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content2 .left h3 { font-size:16px; margin:0; color:#444;}
.content2 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}
.content2 p { line-height:25px; text-align:justify;}
.content2 .text { padding:10px; width:250px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .text1 { padding:10px; width:250px; height:100px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .buton { padding:10px; border-radius:3px; background:#00A0DC; color:#FFF; border:0;}
.content2 .icerik { width:1004px; height:75px; padding:10px; border:1px solid #ddd; margin-bottom:20px; }
.content2 .icerik .left { width:100px; height:75px; border:1px solid #000; }
.content2 hr { border:1px solid #EEE;}
.content2 .sol { width:250px; height:200px; border:1px solid #DDD; float:left; margin-bottom:20px;}
.content2 .sol .orta { width:180px; height:140px; margin-top:10px; border:0px solid #DDD; margin-left:auto; margin-right:auto;}
.content2 .sol .orta img { max-width:100%; max-height:100%;}
.content2 .sol .alt { padding:5px; border:0px solid #DDD; text-align:center; margin-top:10px;}

.content3 { width:100%; height:auto; border:0px solid #000; margin-top:110px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.content3 .left { border:1px solid #DDD; float:left; margin-left:2%; width:46%; height:100px;}
.content3 .left img {max-height:100%; max-width:100%;}

.progbut { padding:10px; color:#FFF; background:#00A0DC; text-align:center;}
.content-y-ic { width:475px; height:auto; border:0px solid #000; margin-left:8px; float:left; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:15px; line-height:25px; text-align:justify;}
.buton { padding:5px; background:#00A0DC; color:#FFF; border-radius:3px;}
.text  { width:300px; padding:10px; border:1px solid #DDD; }
.text1 {  width:320px; height:100px; padding:10px; border:1px solid #DDD;}

.kurulum-y { float:left; border:1px solid #BBB; border-radius:3px; width:350px; height:120px; margin-left:50px; margin-bottom:30px;}


.middle { width:1024px; height:auto; border:1px solid #000; margin-right:auto; margin-left:auto; margin-top:10px; }
.middle .left  { float:left; width:230px; height:300px; border:1px solid #EEE; }
.middle .left .ic { padding:10px; background:#EEE; font-size:13px; border:1px solid #DDD;}
.middle .right { float:right; width:780px; height:auto; border:0px solid #000;}

.middle .right .ic { float:left; border:1px solid #EEE; padding:10px; width:170px; height:170px; text-align:center; font-size:14px;}

footer { width:100%; height:auto; background:#111; color:#FFF; margin-top:50px;}
footer .ic { padding:10px; width:90%; height:auto; border:0px solid #FFF; margin-left:auto; margin-right:auto; }
footer .ic .left { width:90%; height:auto; font-size:14px; border:0px solid #FFF; float:left; line-height:25px; }
footer .ic .left a { color:#FFF; text-decoration:none;}
footer .ic .left h3 { font-size:14px; }
	

	
}


@media only screen and (max-width:479px){
	
	
	header { width:100%; height:230px; }
header .ust { background:#00A0DC; width:100%; height:60px; }
header .ust .ic { width:100%; height:auto; border:0px solid #FFF; color:#FFF; padding:17px; font-size:12px;}
header .ust .ic a { color:#FFF; text-decoration:none;}
header .ust .ic .right { float:left; margin-top:5px; }
header .orta { width:95%; height:auto; border:0px solid #000;}

header .orta .logo { width:100%; height:100px; border:0px solid #000; text-align:center; margin-top:10px; }
header .orta .sag  { z-index:99; position:absolute; left:50%; margin-left:-75px; margin-top:105px; border:0px solid #000; width:150px; height:20px;}

header .menu { display:inline-block; padding:10px; z-index:99; background:#FFF; width:88%; position:absolute; left:0; border:1px solid #DDD; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; cursor:pointer} 
header .menu-list { display:none; padding:5px; z-index:99; background:#FFF; width:98.5%; position:absolute; left:0; border:0px solid #000; margin-top:179px; margin-left:-1px; font-size:15px; font-weight:bold; color:#555;}

header .menu-list a { text-decoration:none; color:#555;}

header .menu-list .ic { padding:5px; border:1px solid #EEE; margin-bottom:5px; }

header nav { display:none; z-index:99; background:#FFF; width:94%; position:absolute; left:0; border:0px solid #000; margin-top:150px; margin-left:8px; font-size:15px; font-weight:bold; color:#555; }


.sliderr { width:100%; height:325px; border:0px solid #000; margin-right:auto; margin-left:auto; margin-top:40px;}
.sliderr .left  { float:left; width:100%; height:300px; border:0px solid #EEE; }
.sliderr .left a { text-decoration:none; color:#000;}
.sliderr .left .ic { padding:18px; background:#EEE; font-size:13px; border-bottom:1px solid #DDD;}
.sliderr .right { float:right; width:100%; height:auto; border:0px solid #000; margin-top:20px;}

.content-dis { width:100%; height:auto; background:#EEE; margin-top:30px; display:none;}

.content { width:1024px; height:auto; border:0px solid #000; margin-right:auto; margin-left:auto; }
.content .ic { float:left; border:1px solid #BBB; margin-left:52px; padding:10px; width:140px; height:60px; margin-top:20px; margin-bottom:20px; text-align:center; color:#00A0DC;  border-radius:5px;}
.content .ic h3 { font-size:14px; color:#555;}
.content .ic:hover h3 { background:#00A0DC; color:#FFF; cursor:pointer;}
.content .ic:hover  { background:#00A0DC; color:#FFF; cursor:pointer;}


.content1 { width:90%; height:auto; border:0px solid #000; margin-top:30px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content1 h2 { font-size:16px; color:#555; text-align:center;}
.content1 h4 { font-size:16px; color:#555; text-align:center;}
.content1 .left { width:90%; height:auto;  border:1px solid #DDD; color:#555; margin-bottom:20px;}
.content1 .left:hover { border:1px solid #00A0DC; cursor:pointer;}
.content1 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content1 .left h3 { font-size:16px; margin:0; color:#444; text-align:center;}
.content1 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}


.content2 { width:90%; height:auto; border:0px solid #000; margin-top:40px; margin-bottom:50px; margin-right:auto; margin-left:auto; }
.content2 h2 { font-size:16px; color:#555;}
.content2 h4 { font-size:16px; color:#555;}
.content2 .left { width:300px; height:auto; float:left; margin-left:5px; border:0px solid #DDD; color:#555; margin-bottom:20px;}
.content2 .left .sol { width:230px; height:150px; padding:10px; float:left; border:0px solid #000;  }
.content2 .left h3 { font-size:16px; margin:0; color:#444;}
.content2 .marka { padding:10px; float:left; margin-left:10px; border:1px solid #EEE; border-radius:5px;}
.content2 p { line-height:25px; text-align:justify;}
.content2 .text { padding:10px; width:250px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .text1 { padding:10px; width:250px; height:100px; border:1px solid #DDD; margin-bottom:10px;}
.content2 .buton { padding:10px; border-radius:3px; background:#00A0DC; color:#FFF; border:0;}
.content2 .icerik { width:1004px; height:75px; padding:10px; border:1px solid #ddd; margin-bottom:20px; }
.content2 .icerik .left { width:100px; height:75px; border:1px solid #000; }
.content2 hr { border:1px solid #EEE;}
.content2 .sol { width:250px; height:200px; border:1px solid #DDD; float:left; margin-bottom:20px;}
.content2 .sol .orta { width:180px; height:140px; margin-top:10px; border:0px solid #DDD; margin-left:auto; margin-right:auto;}
.content2 .sol .orta img { max-width:100%; max-height:100%;}
.content2 .sol .alt { padding:5px; border:0px solid #DDD; text-align:center; margin-top:10px;}

.content3 { width:100%; height:auto; border:0px solid #000; margin-top:110px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.content3 .left { border:1px solid #DDD; float:left; margin-left:2%; width:46%; height:100px;}
.content3 .left img {max-height:100%; max-width:100%;}

.progbut { padding:10px; color:#FFF; background:#00A0DC; text-align:center;}
.content-y-ic { width:475px; height:auto; border:0px solid #000; margin-left:8px; float:left; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:15px; line-height:25px; text-align:justify;}
.buton { padding:5px; background:#00A0DC; color:#FFF; border-radius:3px;}
.text  { width:300px; padding:10px; border:1px solid #DDD; }
.text1 {  width:320px; height:100px; padding:10px; border:1px solid #DDD;}

.kurulum-y { float:left; border:1px solid #BBB; border-radius:3px; width:350px; height:120px; margin-left:50px; margin-bottom:30px;}


.middle { width:1024px; height:auto; border:1px solid #000; margin-right:auto; margin-left:auto; margin-top:10px; }
.middle .left  { float:left; width:230px; height:300px; border:1px solid #EEE; }
.middle .left .ic { padding:10px; background:#EEE; font-size:13px; border:1px solid #DDD;}
.middle .right { float:right; width:780px; height:auto; border:0px solid #000;}

.middle .right .ic { float:left; border:1px solid #EEE; padding:10px; width:170px; height:170px; text-align:center; font-size:14px;}

footer { width:100%; height:auto; background:#111; color:#FFF; margin-top:50px;}
footer .ic { padding:10px; width:90%; height:auto; border:0px solid #FFF; margin-left:auto; margin-right:auto; }
footer .ic .left { width:90%; height:auto; font-size:14px; border:0px solid #FFF; float:left; line-height:25px; }
footer .ic .left a { color:#FFF; text-decoration:none;}
footer .ic .left h3 { font-size:14px; }
footer .ortatkprs { margin:auto; border:1px solid #FFF; }
	

}