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

@import "etCssFramework.css";

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

#body
{
float:left;
width:100%;
background: url(/images/header_bg.jpg) no-repeat center top;
height:100%;
}

#contentBg
{
float:left;
width:100%;
background: url(/images/content_bg.jpg) no-repeat center 160px;
height:100%;
}

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

#header
{
float:left;
width:980px;
padding:0px;
margin:0px;
background: url(/images/telefon.png) no-repeat right 20px;
height:180px;
}

#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:right;
width:700px;
padding:0 4px;
margin:117px 0 0 0;
}

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

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

.menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px 5px 8px; 
color: white;
letter-spacing:1px;
}

.menu li a:hover, .menu a.selected
{
background-color:#64931E;
}

#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:980px;
height:85px;
line-height:85px;
background: url(/images/footer_bg.jpg) no-repeat left top;
margin-top: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:980px;
height:282px;
padding-bottom:45px;
background: url(/images/golge.png) no-repeat left bottom;
margin-top:25px;
}

.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:#85C528 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 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:#0078C1;
}

.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 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:690px;
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:390px;
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:390px;
}

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

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

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

.haber_item span
{
color:#0053A4;
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:right;
width:390px;
padding:0px 0px 0px 10px;
}

.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;
}

.urunlerimiz_top
{
float:left;
width:980px;
background: url(/images/urunlerimiz_bg.png) no-repeat left top;
height:45px;
}

.side1_top
{
float:left;
width:980px;
background: url(/images/side_1_top.png) no-repeat left top;
height:45px;
}

.urunlerimiz_content
{
float:left;
width:945px;
padding:10px;
background-color:#fff;
border-right:8px solid #A5AA5E;
border-left:7px solid #A5AA5E;
}

.urunlerimiz_bottom
{
float:left;
width:980px;
background: url(/images/urunlerimiz_botton_bg.png) no-repeat left top;
height:25px;
}

#urunlerimiz
{
float:left;
padding:10px 0px 10px 0px;
width:540px;
height:250px;
overflow-y:scroll;
}

#kategoriler
{
height:270px;
overflow-y:scroll;
}


#kategoriler
{
height:270px;
overflow-y:auto;
}

#kategoriler ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

#kategoriler ul li
{
display:block;
}

#kategoriler ul li a
{
float:left;
width:165px;
padding:5px;
margin:5px 8px 0px 0px;
border:1px solid #ccc;
color:#000;
}

#kategoriler ul li a:hover
{
border:1px solid #666;
color:#fff;
background-color:#85C528;
}


.vitrin_urun
{
float:left;
width:110px;
height:112px;
border:1px solid #2290C7;
padding:5px;
margin:5px 8px 0px 0px;
text-align:center;
}

.urun_kategori
{
float:left;
width:165px;
padding:5px;
margin:5px 8px 0px 0px;
text-align:center;
border:1px solid #ccc;
min-height:115px;
}

.urun_kategori:hover
{
border:1px solid #666;
}

.vitrin_urun a, .urun_kategori a
{
text-decoration:none;
color:#000;
}

.urun_kategori a:hover
{
text-decoration:underline;
}

.vitrin_urun img, .urun_kategori img
{
border:none;
margin-bottom:5px;
}

.vitrin_urun p
{
margin:0px;
padding:0px;
}

#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;
}

#sosyal
{
float:right;
width:140px;
height:38px;
line-height:38px;
background: url(/images/sosyal_bg.png) no-repeat left top;
text-align:center;
}

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

.galeri_resim
{
padding:1px;
background-color:#ccc;
margin:0px 4px;
border:none;
}