/*===============================
Obisis İnternet Hizmetleri
www.obisis.com / bilgi@obisis.com
===============================*/

@import "http://code.obisis.com/App_Themes/etCssFramework.css";

body
{
font-size:12px;
font-family:Arial, "Trebuchet MS", Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
background:#FFF url(/images/body-bg.jpg) left top;
}

#container
{
width:980px;
margin:0 auto;
text-align:left;
color:#000;
padding:0px 0px 0px 0px;

}

#body{float:left;width:980px;background: url(/images/container_bg.png) repeat-y left top;}
#body-son{float:left;width:980px;height:35px;background: url(/images/footer_bg.jpg) no-repeat left top;}
#menu-dis{float:left;padding:0px 14px 0px 14px;background: url(/images/menu_bg.png) no-repeat left 85px;width:952px;}

#header
{
float:left;
width:952px;
margin:0px;
padding:10px 0px 0px 0px;
background: url(/images/telefon.jpg) no-repeat 370px 10px;
height:40px;
}

#header h1
{
margin:0px;
padding:0px;
height:1px;
width:1px;
position:absolute;
text-indent:-9999px;
}

/*#header img
{
border:none;
float:left;
margin:0px 0px 0px 10px;
}*/

.menu
{
float:left;
width:952px;
padding:0px;
margin:0px;
background: url(/images/menu_bg.jpg) no-repeat left 35px;
}

.menu ul
{
float:right;
width:620px;
margin: 50px 0 0 0;
padding:0px;
font-weight:bold;
list-style-type: none;
overflow: hidden;

}

.menu li{
display: inline;
margin: 0;
}

.menu li a{
float: left;
display: block;
text-decoration: none;
margin:0px 5px 0 0;
padding: 8px 6px 8px 6px; 
color:#fff;
font-size:14px;
letter-spacing:1px;
}

.menu li a:hover, .menu a.selected
{
color:#fff;
background-color:#C30505;
}


#arama
{
margin:7px 10px 0px 0px;
width:351px;
float:right;
height:28px;
background: url(/images/arama_bg.jpg) no-repeat right top;
}

.aramaTextBox
{
width:223px;
float:left;
margin:5px 0px 0px 20px;
color:#999;
border:none;
}

.aramaButton
{
width:100px;
height:28px;
float:right;
text-indent:-9999px;
}

#content
{
float:left;
width:960px;
padding:1px;
margin:0px 0px 0px 0px;
padding:0px;
min-height:400px;
background-color:#fff;
}

#contentBottom
{
float:left;
width:980px;
height:10px;
background: url(/images/side_bottom_bg.png) no-repeat left top;
}

#footer
{
float:left;
width:870px;
height:55px;
background-color:#473F36;
margin:10px 0 10px 30px;
color:#fff;
padding:10px;
}

#footerText
{
width:980px;
margin:0 auto;
text-align:left;
color:#000;
padding:0px;
height:124px;
background: url(/images/footer_icon.jpg) no-repeat left top;
}

#slider
{
float:left;
width:870px;
height:480px;
background-color:#E6E4DF;
padding:10px;
margin:0px 30px;
}

.subPageMenuTitle
{
float:left;
width:700px;
margin:0px 0px 10px 0px;
padding:0px;
font-size:30px;
color:#555;
}

.subPageMenu, .subPageMenu2
{
padding-bottom:10px;
}

.subPageMenu h3, .subPageMenu2 h3
{
padding:10px;
margin:0px;
color:#fff;
font-size:12px;
background:#191B54 url(/images/subPage_title_bg.jpg) repeat-x left top;
}

.subPageMenu h3 span
{
float:left;
width:15px;
background: url(/images/subpage_title_ok.png) no-repeat left 5px;
}

.subPageMenu ul{margin:0px;padding:0px;list-style-type:none;}

.subPageMenu li
{
border-bottom:1px solid #ccc;
}

.subPageMenu li a
{
display:block;
color:#333;
width: auto;
padding: 7px 0px 7px 9px;
text-decoration: none;
font-weight:bold;
background: url(/images/ok.jpg) no-repeat left 11px;
}

.subPageMenu li a:hover, .subPageMenu li.selected a
{
text-decoration:underline;
color:#3A3F61;
}

.subPageMenu li ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

.subPageMenu li ul li
{
color:#FFCC00;
border:0px;
padding-left:10px;
}

.subPageMenu li ul li a
{
color:#265D92;
border:0px;
padding-left:5px;
background: url(/images/arrow.png) no-repeat 4px 11px;
}

.subPageMenuBottom
{
float:left;
width:245px;
height:30px;
background: url(/images/menu_bg.jpg) no-repeat left top;
}

.subPageName
{
color:#000;
margin:0px 0px 10px 0px;
font-size:25px;
font-weight:bold;
padding:6px 0px;
}


ul.iletisim
{
list-style-type:none;
margin:0px;
padding:0px;
}

ul.iletisim li
{
padding:3px;
color:#000;
border-bottom:solid 1px #ccc;
}

ul.iletisim li.title
{
font-weight:bold;
color:#000;
font-size:14px;
border:0px;
}

.haber_item_archive
{
float:left;
width:600px;
margin:5px 0px;
padding-bottom:5px;
border-bottom:dotted 1px #999;
}

.haber_item_archive h4
{
margin:0px;
padding:0px;
}

.haber_item_archive h4 a
{
font-size:12px;
color:#000;
font-weight:bold;
text-decoration:none;
}

.haber_item_archive h4 a:hover
{
text-decoration:underline;
}

.haber_item_archive p
{
padding:0px;
margin:0px;
text-align:justify;
}

.haber_item_archive p a
{
text-decoration:none;
color:#000;
font-size:11px;
padding:0px;
margin:0px;
}

.haber_item_archive p a:hover
{
text-decoration:underline;
}

.haber_item_archive img
{
float:left;
margin:2px 5px 1px 2px;
padding:2px;
border:solid 1px #999;
}

.haber_item
{
float:left;
width:250px;
padding:0px 0px 3px 0px;
border-bottom:1px dotted #777;
margin-bottom:10px;
}

.haber_item h4
{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
float:left;
width:250px;
}

.haber_item h4 a
{
font-weight:bold;
font-size:12px;
text-decoration:underline;
color:#666D9C;
}

.haber_item h4 a:hover
{
text-decoration:underline;
color:#1A7099;
}

.haber_item label
{
float:left;
width:250px;
font-size:12px;
color:#595959;
background: url(/images/haber_icon.jpg) no-repeat left top;
padding:4px 2px 6px 23px;
}

.haber_item span
{
color:#666D9C;
font-size:10px;
text-decoration:underline;
}

.haber_item img
{
border:1px solid #ccc;
padding:3px;
margin:0px 5px 10px 0px;
float:left;
background-color:#fff;
}

.haber_item a
{
color:#666;
text-decoration:none;
}

.haber_item a:hover
{
color:#000;
text-decoration:none;
}

.textbox
{
padding:5px;
border:solid 1px #ccc;
}

.textbox_over
{
padding:5px;
border:solid 1px #ff0000;
}

.haberler
{
float:left;
width:250px;
}

.haberler_baslik
{
margin:0px 0px 5px 0px;
padding:0px;
background: url(/images/haberler_baslik.jpg) no-repeat left top;
width:250px;
height:70px;
text-indent:-9999px;
}

.urunParca
{
border:2px solid #ccc;
padding:10px;
width:120px;
text-align:center;
float:left;
margin:10px;
}

.urunParca:hover
{
border:2px solid #2290C7;
}

.urunParca img
{
border:1px solid #ccc;
}

.urunParca h4
{
margin:10px 0px 0px 0px;
padding:0px;
font-size:12px;
font-weight:bold;
}

.urunParca h4 a, .urunParca a
{
text-decoration:underline;
color:#000;
}

.urunParca h4 a:hover, .urunParca a:hover
{
text-decoration:none;
}

.sayfalama
{
font-size:14px;
color:#000;
font-weight:bold;
}

.sayfalama b
{
background-color:#0078C1;
color:#fff;
padding:0px 5px;
font-size:20px;
}

.sayfalama a
{
text-decoration:none;
color:#000;
}

.sayfalama a:hover
{
text-decoration:none;
color:#000;
}

#resimGalerisi
{
float:left;
width:970px;
background:#fff url(/images/resimGalerisiBaslik.jpg) no-repeat left top;
padding:50px 5px 10px 5px;
text-align:center;
}

#resimGalerisi img
{
padding:5px;
background-color:#FFF8D8;
border:1px solid #F9EAA7;
margin:0px 5px;
}

#resimGalerisiBottom
{
float:left;
width:980px;
background: url(/images/side_bottom_bg.png) no-repeat left top;
height:10px;
}

#marqueecontainer{
position: relative;
width: 250px; /*marquee width */
height: 210px; /*marquee height */
overflow: hidden;
}

.uygulama_projeleri{}
.uygulama_projeleri h2{margin:0px 0px 10px 0px;padding:0px;font-size:20px;color:#191A53;font-weight:normal;}
.uygulama_projeleri img{border:none;}
.uygulama_projeleri h4{margin:5px 0px 5px 0px;padding:0px;font-size:17px;}
.uygulama_projeleri h4 a{text-decoration:none;color:#191B54;}
.uygulama_projeleri p{margin:4px 0px;padding:0px;}
.uygulama_projeleri p a{text-decoration:none;color:#666;}
.uygulama_projeleri a:hover{text-decoration:underline;}

.urun_kategorileri{}
.urun_kategorileri h2{margin:0px 0px 10px 0px;padding:0px;font-size:20px;color:#191A53;font-weight:normal;}
.urun_kategorileri ul{list-style-type:none;margin:0px;padding:0px;width:390px;}
.urun_kategorileri ul li{display:block;}
.urun_kategorileri ul li a{float:left;width:175px;padding:5px;margin:5px 8px 0px 0px;border:1px solid #ccc;color:#000;background-color:Aqua;}
.urun_kategorileri ul li a:hover{border:1px solid #666;color:#fff;background-color:#85C528;}

.urun_kategori{float:left;width:170px;padding:10px 10px 10px 15px ;background: url(/images/external.gif) no-repeat left 12px;}
.urun_kategori a{color:#565B8D;text-decoration:underline;}
.urun_kategori a:hover{color:#3A3F61;text-decoration:none;}

#urunlerimiz
{
float:left;
width:980px;
height:200px;
margin-top:50px;
}

#vitrin{float:left;width:952px;margin:20px 0px;padding:0px 0px;}

#vitrin h3{margin:0px;padding:10px;background: url(/images/yeni_urunlerimiz.jpg) no-repeat center top;text-indent:-9999px;}
#vitrin-urunler{float:left;width:892px;border:1px solid #ccc;background:#fff url(/images/vitrin_bg.jpg) repeat-x left top;margin:10px 30px;}


.vitrin-urun{float:left;width:150px;}

.vitrin-urun-resim{float:left;width:130px;text-align:center;background-color:#fff;border:1px solid #ccc;height:158px;padding:10px;}

.vitrin-urun-baslik{float:left;width:150px;text-align:center;margin:5px 0 0 0;}
.vitrin-urun-baslik a{text-decoration:none;color:#000;font-weight:bold;font-size:15px;}
.vitrin-urun-baslik a:hover{text-decoration:underline;}

#e-katalog{float:left;width:290px;height:183px;padding:0px;}
#e-katalog a{color:#666;text-decoration:none;}
#e-katalog a:hover{text-decoration:underline;}

#e-kartela{float:left;width:270px;height:103px;padding:70px 10px 10px 10px; background: url(/images/ekartela_bg.jpg) no-repeat left top;text-align:center;}
#e-kartela a{color:#666;text-decoration:none;}
#e-kartela a:hover{text-decoration:underline;}

#e-siparis-formu{float:left;width:290px;height:183px;padding:0px;}
#e-siparis-formu a{color:#666;text-decoration:none;}
#e-siparis-formu a:hover{text-decoration:underline;}

#buton_facebook{background: url(/images/social_facebook.png) no-repeat left top;padding:9px 5px 9px 38px;float:right;margin:10px 10px 0 0;}
#buton_twitter{background: url(/images/social_twitter.png) no-repeat left top;padding:9px 5px 9px 38px;float:right;margin:10px 10px 0 0;}
a#buton_facebook, a#buton_twitter{text-decoration:none;color:#fff;}
a#buton_facebook:hover, a#buton_twitter:hover{text-decoration:underline;}

.modalBackground
{
background-color: black; filter: alpha(opacity=70);opacity: 0.7;
} 

.modal-kapat{position:absolute;left:-15px;top:-15px;}

.duyuru-modal
{
background-color: White;
border:5px solid red;
padding:15px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

ul#urun-kategorileri{list-style-type:none;margin:0px;padding:0px;float:left;width:890px;margin:0 0 20px 0;}

ul#urun-kategorileri li{display:inline;}

ul#urun-kategorileri li a{float:left;width:150px;font-size:15px;color:#000;font-weight:bold;border:2px solid #000;padding:5px;margin-right:10px;}
ul#urun-kategorileri li a:hover{background-color:#000;color:#fff;}

.kategori{float:left;width:270px;border:1px solid #ccc;padding:10px;text-align:center;margin:2px;}
.kategori:hover{border:1px solid #000;}

.kategori-resim{float:left;width:270px;height:130px;}

.kategori-ad{float:left;width:260px;padding:5px;background-color:#cfcfcf;}
.kategori-ad a{text-decoration:none;color:#000;}

.urun{float:left;width:180px;padding:10px;text-align:center;}

.urun-resim{float:left;width:180px;border:1px solid #ccc;padding:10px;height:180px;}

.urun-ad{float:left;width:180px;border:1px solid #000;padding:10px;margin-top:10px;font-weight:bold;background-color:#C30505;color:#fff;}

.yukleniyor{width:250px;border:1px solid #ccc;background-color:#fff;text-align:center;padding:10px;
            font-size:15px;font-weight:bold;position:fixed;top:40%;left:40%;
            -webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.3);
            }