/*  Web Tasarım  Css Şablonu */


/* css reset */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* css reset bitiş */

a { text-decoration:none; }

body { font-family:monda,arial,tahoma; }

h1 { font-size:40px; }

h2 { font-size:35px; }

h3 { font-size:30px; }

h4 { font-size:16px; }

h5 { font-size:15px; }

h6 { font-size:10px; }

/* Güçnet Web Tasarım Css Şablonu */

body { background:url(img/bg.png); }

.ust { width:100%; heighT:auto; float:lefT; background:url(img/ustbg.png); border-bottom:2px solid #aaa; padding-bottom:20px; }

#header { width:980px; height:100px; margin:0 auto; }

.logo { width:200px; float:left; margin:15px 5px 5px 5px ; }

.logo img { width:200px; }


.menu a:hover { background:#ddd; color:#4c4c4c; -webkit-transition: background 1s ease-in-out;  /* Chrome ve Safari */
-moz-transition: background 1s ease-in-out;     /* Mozilla */
-o-transition: color 1s ease-in-out;       /* Opera */
transition: color 1s ease-in-out;          /* Standart CSS3 Kodu */

border-radius:2px;
}

.slide { margin:20px 0 0 0 ; }

.alt { widtH:100%; height:620px;   float:lefT;  }

.altic { widtH:980px; heighT:500px; border-bottom:1px solid #ccc;   margin:0 auto; }

.alan1 { float:left; widtH:300px; height:250px; margin:12px; }

.alan1 h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc ;  }

.alan1 .haber1 { width:300px; height:73px; float:left; border-bottom:1px solid #ddd;}

.alan1 .haber1 img { width:60px; height:60px; float:left; margin:5px; border:1px solid #ddd; }

.haber1 h6 { font-size:13px; float:left; padding:5px; color:#4c4c4c; }

.haber1 a:hover  h6{ color:#000;}

.haber1yazi  { font-size:10px;  float:left; padding:0px 0 0 5px; color:#828282; width:200px;}

.alan2 { float:left; widtH:600px; height:200px; margin:12px 12px 12px 40px; }

.alan2 h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.alan2 p { font-size:11px; color:#4c4c4c; padding:10px 0 0 0 ; line-height:15px; }

.alan2 a { padding:5px 20px 5px 20px; color:#fff; background:#0072fa; bordeR:1px outset #aaa; border-radius:3px; float:right; margin:5px 40px 0 0; font-size:12px; }

.alan2 a:hover { background:#4c4c4c; }

.alan2 .alan2resim { width:160px; float:left; height:140px; margin:10px 15px 10px 15px; background:#fff; border:1px solid #ddd; border-radius:3px; }

.alan2 .alan2resim h5 { color:#aaa; font-size:12px; margin:5px; }
 
.alan2resim img { width:94%; padding:5px; }

.alan2resim:hover { opacity:0.7;}

.alan3 { float:left; widtH:600px; height:200px; margin:12px 12px 12px 40px; }

.alan3 h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.alan3 p { font-size:11px; color:#4c4c4c; padding:10px 0 0 0 ; line-height:15px; }

.tumunu a { padding:5px 20px 5px 20px; color:#fff; background:#0072fa; bordeR:1px outset #aaa; border-radius:3px; float:right; margin:5px 40px 0 0; font-size:12px; }

.tumunu a:hover { background:#4c4c4c; }

.alan3 .alan3resim { width:160px; float:left; height:140px; margin:10px 15px 10px 15px; background:#fff; border:1px solid #ddd; border-radius:3px; }

.alan3 .alan3resim h5 { color:#aaa; font-size:12px; margin:5px; }
 
.alan3resim img { width:94%; padding:5px; }

.alan3resim:hover { opacity:0.7;}

#manset {width: 980px;height: 80px;margin:20px auto;padding:10px;}
ul#mans li {float: left; margin: 0 5px; background:#fff; bordeR:1px solid #ddd;}
ul#mans li a img { height:35px; widtH:120px;  opacity:0.7; paddinG:15px;}
ul#mans li a img:hover{ opacity:1.0;}
#manset .jcarousel-next-horizontal {display: block; opacity:0.7;width: 48px; height: 48px; top:20px; position: absolute; right: -35px; background: url(img/sonraki.png); cursor: pointer;}
#manset .jcarousel-prev-horizontal {display: block; opacity:0.7; width: 48px; height: 48px; top:20px; position: absolute; left: -30px;  background: url(img/onceki.png); cursor: pointer;}


#footer { width:100%; height:70px; background:url(img/ustbg.png); float:left; border-top:2px solid #aaa; margin-bottom:20px;}

.footeric { width:980px; height:70px; margin: 0 auto; }

.footeryazi { width:650px; float:left; margin:7px 0 ;}

.footeric p { line-height:30px; font-sizE:12px; color:#f9f9f9; }

.footerlogo {float:right; width:130px; opacity:0.6; margin:5px;}

.footerlogo img { width:100%;}





.ust2 { width:100%; heighT:120px; float:lefT; background:url(img/ustbg.png); border-bottom:2px solid #aaa; }

.urunleric { widtH:980px; heighT:500px; border-bottom:1px solid #ccc;   margin:0 auto; }

.kategoriler { float:left; widtH:300px; height:250px; margin:12px; }

.kategoriler h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc ;  }

.kategoriler ul { padding:20px 0 0 0 ; }

.kategoriler li  { padding:5px 5px 5px 30px ; background:url(img/catbg.png); border-bottom:1px solid #eee;}

.kategoriler li:hover { background:url(img/catbgh.png); color:#e97e00; }

.kategoriler a { color:#4c4c4c; font-sizE:13px; }

.kategoriler a:hover { color:#000; }

.urunliste{ float:left; widtH:600px; height:500px; margin:12px 12px 12px 40px; }

.urunliste h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.urunresim { width:160px; float:left; height:140px; margin:10px 15px 10px 15px; background:#fff; border:1px solid #ddd; border-radius:3px; }

.urunresim h5 { color:#aaa; font-size:12px; margin:5px; }
 
.urunresim img { width:94%; padding:5px; }

.urunresim:hover { opacity:0.7;}

.siralama { width:300px; heighT:50px; float:right; margin:20px 40px 0 0 ; }

.siralama ul { float:right;}

.siralama li { float:left; margin:3px;}

.siralama a { padding:4px; background:#e97e00; border-radius:3px; font-size:11px; color:#fff;}

.siralama a:hover { background:#4c4c4c;}

a.secili  { background:#4c4c4c;}


.urundetay{ float:left; widtH:600px; height:500px; margin:12px 12px 12px 40px; }

.urundetay h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.detayresim { width:300px; height:270px; float:left; margin:10px  0 0 0 ; } 

.detayresim img { widtH:100%; bordeR:2px solid #fff; }

.detayresim p { font-size:10px; color:#4c4c4c;  padding:5px;}

.detayaciklama { width:280px; height:470px; float:left; margin:10px  0 0 20px ; } 


.detayaciklama h5 { color:#e97e00; padding:5px; border-bottom:1px solid #ccc;}

.detayaciklama p { font-size:11px; color:#4c4c4c; padding:5px; line-height:15px; }

.sosyal { widtH:310px; height:100px; float:left;  margin:0 0 10px 0 ;}

.sosyal img { border:none; }

.face { width:40px ;height:40px; float:left; margin:8px 15px 8px 0px;   }

.face img { opacity:0.7; width:100%;}

.face:hover img { opacity:1.0; }




.referanslar { widtH:980px;  border-bottom:1px solid #ccc;   margin:0 auto; }

.refliste{ float:left; widtH:900px;  margin:12px 12px 12px 40px; }

.refliste h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.refresim { width:245px; float:left; height:178px; margin:10px 26px 10px 26px; background:#fff; border:1px solid #ddd; border-radius:3px; }

.refresim h5 { color:#aaa; font-size:12px; margin:5px; }
 
.refresim img { padding:5px; }

.refresim:hover { opacity:0.7;}






.hizmetlerimiz { widtH:980px; heighT:560px; border-bottom:1px solid #ccc;   margin:0 auto; }

.hizmetler { float:left; widtH:900px; height:500px; margin:12px 12px 12px 40px; }

.hizmetler h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.hizmet { width:240px; float:left; height:200px; margin:10px 26px 10px 26px; background:#fff; border:1px solid #ddd; border-radius:3px; }

.hizmet h5 { color:#828282; font-size:15px; margin:10px 5px 5px 5px; }

.hizmet p { font-size:10px; padding:5px; color:#aaa;  line-height:15px;}


.haberdetay { widtH:980px; heighT:560px; border-bottom:1px solid #ccc;   margin:0 auto; }

.haberic { float:left; widtH:900px; height:500px; margin:12px 12px 12px 40px; }

.haberic h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.habresim { width:300px; height: 500px; float:left; margin:10px; }

.habresim img { width:100%; border:2px solid #fff;}

.habyazi { widtH:500px; float:left; margin:10px;  height:500px;}

.habyazi p { color: #4c4c4c; font-size:12px; line-height:18px;  }

.habyazi h5 { padding:10px 0 10px 0; color:#000; }
 
 
.iletisim { widtH:980px; heighT:600px; border-bottom:1px solid #ccc;   margin:0 auto; }

.iletic { float:left; widtH:900px; height:600px; margin:12px 12px 12px 40px; }

.iletic h4 { color:#e97e00;   padding:10px 0 10px 0 ; border-bottom:1px solid #ccc   }

.harita { width:875px; height: 250px; float:left; margin:10px;  bordeR:2px solid #fff;}

.iletisimbilgileri  { widtH:420px; float:lefT; margin:20px; }

.iletisimbilgileri ul  { background:url(img/iletbg.png) no-repeat; }
 
.iletisimbilgileri li { padding:10px 10px 10px 50px; font-sizE:12px; color:#828282; border-bottom:1px solid #ddd;  }

.iletisimformu { width:400px; float:right; margin:10px; height:auto ; }

.iletisimformu fieldset {
	padding:5px;
	text-align:left;
	width:400px;
}
.iletisimformu legend {
	width:150px;
}
.iletisimformu ul {
	float:left;
}
.iletisimformu li{
	float:left;
	padding:0px;
	margin-top:5px;
	list-style-type:none;
	display:block;
	width:100%;
	font-sizE:12px;
	color:#828282;
}
.iletisimformu label {
	float:left;
	width:150px;
	
	
}

.iletisimformu button { background:#000; }