﻿
/* Css Sifirlama */
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, font, 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,  caption, tbody, tfoot, thead, th {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}


ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active{    outline: 0; }

/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.kapsayamamaSorunu {display: inline-block;}
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu {height: 1%;}
.kapsayamamaSorunu {display: block;}
/* IE-mac bu bolumu saklam artik */

/* Css Sifirlama */
/*-------------------------------------------------Header-------------------------------------------------------------------------*/
/*-------------------------------------------------Body---------------------------------------------------------------------------*/
body{background:url(../images/bg.jpg) #fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
body > #wrapper {height: auto; min-height:100%;}
html, body, #wrapper {height: 100%;}

/* topmenu */
#topmenu{ position: absolute;z-index: 2147483647; width: 100%; top: 0px; background-image: url(../images/top_menu_bg.png); background-repeat: repeat-x; height: 110px;}
#topmenu_icerik{ width: 940px; height: auto; margin-left:auto; margin-right:auto;  }
#logo,#top_menu{float:left;}
#topmenu_icerik #logo {float: left; width: 237px; height: 107px; padding-left:0px; padding-top:0px;}
#topmenu_icerik #top_menu {float: right; width: 690px; height:auto; margin-left:13px; padding-top:5px; margin-right:0px;}

/* wrapper */
#wrapper{background:url(../images/shine.png) center top no-repeat; width:100%; height:auto; display:block;}

/* container */
#container{width:940px; height:auto; isplay:block; margin:auto; position:relative; margin-top:50px;}

/* flashbar */
#bar{background:url(../images/barr.png) center top no-repeat; padding:0; float: left; height:220px;  width: 940px; margin-top:-20px;}
#bar #carousel{width: 900px; height: 219px; padding-left:15px; padding-top:0px; margin-top:1px; margin-bottom:0px; position:relative; margin-left:auto; margin-right:auto;  }

/* main */
#main{text-align: left; width: 940px; height: auto; margin-top:0px; padding-top:0px; overflow:hidden; margin-bottom:0px; margin-left:auto; margin-right:auto;  }
#mainorta,#mainust,#mainalt,#mainorta_sag,#mainorta_sol{float:left;}
#main #mainust{width: 940px; height: 22px; margin-top:0px; padding-top:0px; background:url(../images/main_ust.png) center top no-repeat;}
#main #mainorta{width: 940px; height: auto; margin-top:-20px; padding-top:0px; background:url(../images/main_orta.png) center top repeat-y;}
#main #mainalt{width: 940px; height: 22px; margin-top:0px; padding-bottom:10px; background:url(../images/main_alt.png) center top no-repeat;}

#mainorta #mainorta_sag{width:685px; height:auto; float: left; margin-left:2px; margin-top:25px; margin-bottom:25px; color:#000;   }
#mainorta #mainorta_sol{width:240px; min-height:350px; height:auto; float: left; padding-left:5px; margin-top:25px; margin-bottom:25px; color:#000; background: url(../images/ara.jpg) top right no-repeat;}

#mainorta_sol p{padding:0 5px 5px 0; width:219px; background:url("../images/menu_line.png") no-repeat scroll center bottom transparent;margin:7px;padding-bottom:7px;padding-left:0px;}
#mainorta_sol a{color:#0A94C5; text-decoration:none;}
#mainorta_sol a:hover{ color:#ff0000; text-decoration:underline;}
#mainorta_sag a {color:#0A94C5; text-decoration:none;}
#mainorta_sag a:link {color:#0A94C5; text-decoration:none;}
#mainorta_sag a:hover { color:#ff0000; text-decoration:underline;}

/* baslik */
#baslik{background: url(../images/baslik.png) no-repeat; width:245px; height:46px; margin-left:-18px; display:block; position: absolute;}
#baslik #baslik_icerik{ color:#ffffff; text-align:left; padding-left:20px; padding-top:11px; height:15px;}
#ortabaslik{background: url(../images/orta_baslik.png) no-repeat; width:655px; height:35px; }
#ortabaslik #ortabaslik_icerik{ color:#000; text-align:left; padding-left:0px; padding-top:4px; height:15px; text-transform:uppercase;}

#copyright {float:left;margin:15px 0 0 10px;}


#main .content{display:block;position:relative;vertical-align:top;z-index:100; width:978px;}
#navigation-block{display:block;float:left;width:255px;}
#navigation-block a{color:#3c3c3c;display:block;}
#navigation-block a:hover{color:#b91d21;}
#navigation-block .sliding-element{background:url("../images/menu_line.png") no-repeat scroll center bottom transparent;margin:7px;padding-bottom:7px;padding-left:5px;}
#navigation-block .lastelement{background:none;}

/*-------------------------------------------------Footer-------------------------------------------------------------------------*/
#footer{background:url(../images/footer_bg.png) repeat-x bottom;height:86px;width:100%;position:relative;margin-top:0px; }
#footer_bar{background:url("../images/footer_social.png") no-repeat scroll center bottom transparent;color:#BEBEBE;display:block;height:29px;margin:auto;padding-top:53px;text-align:center;vertical-align:bottom;width:607px;font-size:10px;}
#footer_bar .copyright{text-align: center; width: 200px; margin: auto;display:block;}

/* wrapper */
#footerbar{ width: 100%; margin-top: 300px; background-image: url(../images/top_menu_bg.png); background-repeat: repeat-x; height: 110px;}

/* sayfalama */
.pages {position:relative; float:left; width:490px; height:auto; font-weight:bold; margin:10px 0 0 0}
.pages a{width:22px; height:20px; display:block; background:url(../images/pages.png) no-repeat -22px 0; margin:0 0 2px 2px; float:left; text-decoration:none;}
.pages a:hover{background-position:0 0;}
.pages p{text-align:center; width:20px; height:20px; margin:3px 0 5px 0; color:#ffffff; cursor:pointer}
.pages .secili{width:22px; height:20px; display:block; background:url(../images/pages.png) no-repeat 0 0; margin:0 0 2px 2px; float:left; text-decoration:none; text-align:center; color:#ffffff; padding-top:3px;}

#login{margin:0 auto; width:640px; height:20px; margin-top:10px; margin-left:100px;}
/* uye-giris */
.uye-giris-input-back{width:180px; height:25px; background:url(../images/uye-input.png) no-repeat; float:left; margin:0 10px 0 0; border:0px;}
.uye-girdi-input{width:250px; height:25px; background:url(../images/uye-girdi-input.png) no-repeat; float:left; margin:0 10px 0 0; color:#FFFFFF; padding-top:4px; padding-left:5px;}
.uye-cikis-input{width:42px; height:25px; background:url(../images/uye-cikis-input.png) no-repeat; float:left; margin:0 10px 0 0; color:#FFFFFF; padding-top:4px; padding-left:5px;}

.uye-giris-input{width:170px; height:18px; border:0px; background:none; margin:3px 0 0 5px; font-size:12px; color:#fff;}
.uye-giris-buton{width:75px; overflow:hidden; float:left; }

/* accordion content */
.mypets{ cursor: hand; color:#000000; cursor: pointer; padding: 10px 50px; background-image:url(../images/open_pet.jpg); background-repeat:no-repeat; width:600px; height:34px;}
.openpet{ cursor: hand; color:#000000; cursor: pointer; padding: 10px 50px; background-image:url(../images/close_pet.jpg); background-repeat:no-repeat; width:509px; height:34px;}
