@charset "utf-8";
/**
yapi: flu build 2.0
04-2013
**/

/************************************
				RESET
************************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;/* DREAMWEAVER DOES NOT DISPLAY CORRECTLY - DO NOT USE
	 background-color:transparent;
	 background:transparent; */
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	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;
}
/************************************
				YAPI
************************************/

html {
	min-height: 100%;
	height: auto;
}
body {
	background-repeat: repeat-x;
	background-image: url(/gorseller/bg.jpg);
	background-position: center top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #333;
}
#bg {
	width: auto;
	margin: 0 auto;
	text-align: left;
	height: auto;
	height: 100%;
	background-repeat: no-repeat;
	top: 0px;
}
/************************************
	          ANAİÇERİK
************************************/

#icerik {
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	z-index: 1111;
	line-height: 15px;
}
#icerik .veriler {
	margin: 0 auto;
	width: 980px;
	height: auto;
	overflow: hidden;
}
#icerik .veriler #ustbar {
	float: left;
	width: 980px;
	height: 136px;
}
#ustbar .logo {
	float: left;
	background-color:#dde3ea;
	width: 194px;
	height: 165px;
	text-align:center;
	padding-top:20px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#ustbar .logo h1 {
	text-indent: -999px;

}
#ustbar .anamenu {
	float: left;
	width: 740px;
	height: 136px;
	background-image: url(/gorseller/menubg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	padding-top:32px;
	padding-left:10px;
}
#ana_nav ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	margin-left:10px;
	padding:0
}

#ana_nav ul a{
	display:block;
	color:#666;
	text-decoration:none;
	line-height:32px;
	font-weight: bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#ana_nav ul li{
	position:relative;
	border-right:1px solid #D2DAE5;
	float:left;
	margin:0;
	padding:0;
	width:87px;
	height:104px;
	text-align:center;
	background-color:white;
}
#ana_nav ul li a{
	line-height:104px;
}

#ana_nav ul li:hover{
	background:#f6f6f6
}
#ana_nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
	z-index:200;
}

#ana_nav ul ul li{
	float:none;
	min-width:150px;
	height:50px;
	padding-left:10px;
	padding-right:10px;
}

#ana_nav ul ul a{
	line-height:50px;
	text-align:left;
	width:100%;
}

#ana_nav ul ul ul{
	top:0;
	left:100%
}
#ana_nav ul ul ul li{
	width:100%;
}
#ana_nav ul li:hover > ul{
	display:block;
	margin:0;
}
#ana_nav .acilir_menu_ok{
	
	float:right;
	color:#d2d2d2;
	
}
#ana_nav .son_menu{
	border-right:none;
}
#ustbar .spaylas {
	background-image: url(/gorseller/spaylas.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 36px;
	height: 103px;
	margin-top: 33px;
}
#ustbar .spaylas img {
	margin: 0 0 7px 9px;

}
#icerik .veriler #manset {
	float: left;
	width: 980px;
	height: 342px;
}
#manset #mhaber {
	float: left;
	background-image: url(/gorseller/bhaber_bg.png);
	background-repeat: no-repeat;
	width: 194px;
	height: 342px;
}
#manset #mhaber #mansethaber {
	float: left;
	width: 174px;
	margin-top: 163px;
	height: 145px;
	padding: 33px 0 0 22px;
}
#manset #mansetalani {
	float: left;
	width: 746px;
	height: 342px;
	overflow: hidden;
	margin-left: 40px;
}
#icerik .veriler #solbar {
	float: left;
	width: 194px;
	height: auto;
}
#solbar .dergi {
	float: left;
	width: 194px;
	height: 196px;
	margin-top: 50px;
}
#solbar .btn {
	float: left;
	width: 194px;
	height: auto;
}
#solbar .sosyal {
	float: left;
	width: 194px;
	height: 62px;
	background-color:#dee9ec;
}
#solbar .sosyal a  {
	float: left;
	margin: 16px 0 0 14px;
}
#solbar .sosyal a #btntwit {
	margin-left: 3px;
}
#solbar .sosyal a #btnin {
	margin-left: 2px;
}
#solbar .sosyal a #btnpaylas {
	margin-left: 2px;
}
#solbar .kategoriler {
	background-color: #FFF;
	float: left;
	width: 194px;
	padding-top: 38px;
	height: 330px;
}
#solbar .kategoriler ul li {
	margin-bottom: 20px;
}
#solbar #etkinlik {
	float: left;
	background-image: url(/gorseller/etkinlikbg.jpg);
	background-repeat: no-repeat;
	width: 194px;
	height: 105px;
	padding-top: 67px;
}
#solbar #etkinlik ul li {
	padding: 0 0 25px 15px;

}
#solbar #uyeler {
	background-image: url(/gorseller/uyelerbg.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 96px;
	float: left;
	padding: 50px 15px 0 15px;
}
#icerik .veriler #govde {
	float: left;
	width: 940px;
	height: 400px;
	padding-left: 39px;
}
#govde #mansetalt {
	float: left;
	width: 940px;
	height: 211px;
	background-repeat: no-repeat;
}
#govde #mansetalt .mansetaltbyk {
	float: left;
	margin: 43px 0 0 0;
	width: 430px;
	height: 150px;
	padding-right:15px;
}
#govde #mansetalt .mansetaltbyk img {
	float: left;
	width: 231px;
	height: 145px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-right: 15px;
	border-radius:10px;
}
#govde #mansetalt .mansetaltbyk h2 {
	font-weight: normal;
	font-size: 15px;
	margin-top: 25px;
	margin-bottom: 5px;
}
#govde #mansetalt .mansetaltbyk p {
	color: #666;
}
#govde #mansetalt .mansetaltmini {
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
	height: 209px;
	overflow: hidden;
}
#mansetalt .mansetaltmini .mmini {
	float: left;
	width: 234px;
	height: 64px;
	overflow: hidden;
	padding: 20px;
}
#mansetalt .mansetaltmini .mmini img {
	float: left;
	width: 101px;
	height: 63px;
	margin-right: 15px;
}
#mansetalt .mansetaltmini .mmini h3 {
	margin-top: 5px;
	color: #064B74;
	font-size: 12px;
	float:left;
}
#govde .kat {
	float: left;
	width: 747px;
	height: 318px;
	margin-top: 33px;
}
#govde .kat .katbar {
	float: left;
	width: 940px;
	height: 33px;
	background-color:#6a7278;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	color:white;
}
.katbar p a{
	color:white;
}
#govde .kat .katbar h3 {
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding: 9px 0 0 17px;
}
#govde .kat .katbar p {
	float: right;
	padding: 11px 15px 0 0;
	color: #D3DBE0;
}
#govde .kat .katveri {
	background-color:#f9f9f9;
	float: left;
	width: 940px;
	height: 275px;
}
#govde .kat .katveri .katbuyuk {
	float: left;
	width: 231px;
	height: 230px;
	overflow: hidden;
	margin: 20px 0 0 45px;
}
#govde .kat .katveri .katbuyuk img {
	float: left;
	width: 231px;
	height: 145px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#govde .kat .katveri .katbuyuk h3 {
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 5px 0;
}
#govde .kat .katveri .katorta {
	float: left;
	width: 240px;
	height: 230px;
	margin: 20px 0 0 45px;
}
.katorta ul li {
	float: left;
	height: 63px;
	width: 240px;
	margin-bottom: 20px;
}
.katorta ul li img {
	float: left;
	width: 101px;
	height: 63px;
	overflow: hidden;
	margin-right: 10px;
}
.katorta ul li h4 {
	font-weight: normal;
	margin-top: 12px;
	color: #0a465c;
}
#govde .kat .katveri .katlist {
	float: left;
	width: 194px;
	margin: 20px 0 0 21px;
	height: 250px;
	overflow: hidden;
}
#govde .kat .katveri .katlist ul li {
	float: left;
	width: 164px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8B3BB;
	margin-bottom: 6px;
	background-image: url(/gorseller/kat-orta-ok-png.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 20px;
	padding-right: 10px;
}
#footer {
	float: left;
	height: auto;
	position: relative;
	width:100%;
	min-width: 980px;
	z-index: 1111;
	line-height: normal;
	margin-top: 30px;
	background-color: #4b5f67;
}
#footer .fveri {
	margin: 0 auto;
	width: 980px;
	height: 50px;
	overflow: hidden;
}
.fveri .footic .fmenu {
	width: 940px;
	height: 63px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding: 0;
}
.fveri .footic .fmenu ul {
	float: left;
	width:940px;
}
.fveri .footic .fmenu ul li {
	float: left;
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #596b73;
	padding-top: 8px;
	height: 23px;
	padding-right: 10px;
	padding-left: 10px;
	color: #889BA4;
}
.fveri .footic .fmenu ul li:hover {
	background-color:#596b73;
}
.fveri .footic .fmenu ul li a {
	color: white;
}

.fveri .footic .fmenu .fbilgi {
	float: left;
	width: 665px;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	margin-top: 5px;
	color: #b2cfcf;
}
.fbilgi p{
	color:#adadad;
}
#icerik .veriler #altsayfa {
	float: right;
	width: 745px;
	height: auto;
	margin-top: 40px;
}
#altsayfa .altsust {
	float: left;
	background-image: url(/gorseller/altsayfaust.png);
	background-repeat: no-repeat;
	width: 745px;
	height: 20px;
}
#altsayfa .altbilgi {
	float: left;
	width: 695px;
	background-color: #FFF;
	min-height: 400px;
	height: auto !important;
	padding: 25px;
}
#altsayfa .altbilgi h1 {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D2DAE5;
	padding-bottom: 17px;
}
#altsayfa .altbilgi #altmans {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #D2DAE5;
	padding: 4px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0;
}
#altsayfa .altbilgi p {
	line-height: 18px;
	font-size: 13px;
	color: #515151;
	margin-top: 10px;
}
#altsayfa .altbilgi .altbar {
	float: left;
	width: 685px;
	height: 18px;
	margin-top: 18px;
	background-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 10px;
	font-size: 11px;
}
#altsayfa .altbilgi .altbar .abilgi {
	float: left;
	width: 250px;
}
#altsayfa .altbilgi .altbar .abilgi2 {
	float: right;
	font-size: 10px;
	color: #666;
}

/************************************
               ICSAYFA
************************************/





/************************************
               TYPO-LINK
************************************/

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
}
a:hover {
	color: #000;
}

/************************************
            SLAYTLAR
************************************/

/** ANA SLAYT **/
#anamanset {
	float: left;
	width: 746px;
	height: 342px;
	position: relative;
	overflow: hidden;
	top: 0px;
}
.slaytana {
	width: 746px;
	height: 342px;
	float: left;
	position: absolute;
	z-index: 101;
	background-repeat: no-repeat;
	background-position: 6px top;
}
#guncel {
	float: left;
	top: 10px;
	left: 740px;
	width: 220px;
	height: 40px;
	position: absolute;
	z-index: 102;
	color: #0c496b;
}
#guncel span a {
	color: #0c496b;
}

#guncel span {
	line-height: 12px;
	font-size: 11px;
}

#numaralar {
	float: left;
	top: 20px;
	left: 20px;
	width: 35px;
	height: 68px;
	position: absolute;
	z-index: 102;
}
#numaralar2 {
	float: left;
	top: 280px;
	left: 680px;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 102;
}
#slides_anaslayt .slides_container {
	width: 746px;
	float: left;
	overflow: hidden;
	position: relative;
	display: none;
}
#slides_anaslayt .slides_container div {
	width: 746px;
	height: 342px;
	display: block;
}
#slides_anaslayt .pagination {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}
#slides_anaslayt .pagination li {
	float: left;
	margin-left: 2px;
	width: 20px;
	display: inline;
	background-image: url(/gorseller/mansetbtnbghover.png);
	background-repeat: no-repeat;
	height: 21px;
	text-align: center;
	padding-top: 4px;
	background-position: left top;
}
#slides_anaslayt .pagination li a {
	color: #333;
	text-decoration: none;
}
#slides_anaslayt .pagination li.current a {
	color: #000;
	text-decoration: underline;
	float: left;
	width: 20px;
	background-image: url(/gorseller/mansetbtnbg.png);
	padding-top: 0px;
	height: 19px;
	background-position: center -3px;
}
#anamnst ul.pagination li a {
}
#mansetalt {
	float: left;
	width: 1100px;
	height: auto;
}
#mansetalt img {
	float: left;
}
.slyazi {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #0a465c;
	position: absolute;
	top: 270px;
	left: 50px;
	z-index: 190;
	background-image: url(/gorseller/slyazipng.png);
	background-repeat: no-repeat;
	letter-spacing: -1px;
}
.slyazi2 {
	font-size: 16px;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -1px;
	color: #0a465c;
	margin-bottom: 0px;
	margin-top: 3px;
	width: 360px;
	line-height: 24px;
}
.slyazi2 a {
	color: #0a465c;
	text-decoration: none;
}
.slpng {
	position: absolute;
	z-index: 101;
}
.slyaziaciks {
	width: 380px;
	line-height: 16px;
	letter-spacing: normal;
	color: #404040;
	float: left;
	margin-left: 2px;
	margin-top: 0px;
	font-size: 12px;
}
.slyaziaciks a {
	color: #404040;
	text-decoration: none;
}
/** ANASLAYT BİTTİ **/

/** HABER SLAYT **/
#anamanset2 {
	float: left;
	width: 161px;
	height: 121px;
	background-image: url(/gorseller/duyurularbg.png);
	background-repeat: no-repeat;
	position: relative;
}
#slides_anamanset2 .slides_container {
	width: 161px;
	float: left;
	position: relative;
	display: none;
}
#slides_anamanset2 .slides_container div {
	color:#e1e2e3;
	text-shadow: 1px 1px #000000;
	width: 161px;
	height: 121px;
	float: left;
	padding: 0px;
	display: block;
	overflow: hidden;
}
#slides_anamanset2 .slides_container div h2 {
	color: #3a0116;
	text-shadow: 1px 1px #dfc8f6;
	width: 161px;
	height: 40px;
	overflow: hidden;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}
#slides_anamanset2 .slides_container div h2 a {
	color: #000;
	text-decoration: none;
	text-shadow: none;
}
#slides_anamanset2 .slides_container div h2 a:hover {
	color: #000;
	text-decoration: underline;
}

#slides_anamanset2 .slides_container div p {
	color: #203d45;
	text-shadow: 1px 1px 3px #dfc8f6;
	width: 161px;
	height: 48px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	overflow: hidden;
	line-height: 15px;
}
#slides_anamanset2 .slides_container div p img {
	margin-top: 8px;
}

#slides_anamanset2 .slides_container div a {
	color: #333333;
}
#numaralar_anamanset2 {
	float: left;
	margin-left: 140px;
	margin-top: -33px;
	position: absolute;
	width: 35px;
	height: 25px;
	z-index: 101;
}
/** HABER SLAYT BİTTİ **/

/** MARKALAR SLAYT **/
#anamanset3 {
	float: left;
	width: 195px;
	height: 96px;
	background-image: url(/gorseller/duyurularbg.png);
	background-repeat: no-repeat;
	position: relative;
}
#slides_anamanset3 .slides_container {
	width: 195px;
	float: left;
	position: relative;
	display: none;
}
#slides_anamanset3 .slides_container div {
	color: #e1e2e3;
	text-shadow: 1px 1px #000000;
	width: 195px;
	height: 96px;
	float: left;
	padding-top: 10px;
	padding-left: 2px;
	display: block;
	overflow: hidden;
}
#slides_anamanset3 .slides_container div img{
}
#slides_anamanset3 .slides_container div a {
	color:#e1e2e3;
}
#numaralar_anamanset3 {
	margin-top: 60px;
	margin-left: 150px;
	position: absolute;
	float: left;
	width: 44px;
	height: 23px;
	z-index: 101;
}
/** MARKALAR SLAYT BİTTİ **/


/************************************
              DİĞER
************************************/

.uyarikutusu {
	font-family: Sagoe UI, Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	background-color: #fff9d7;
	padding: 10px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2c822;
}

#iletisim_formu input{

	background:#d2dae5;
	border:none;
	width:100%;
	height:50px;
	padding-left:10px;
}
#iletisim_formu input[type=submit]{
	
	width:100px;
	float:right;
	
}
#iletisim_formu textarea{
	
	background:#d2dae5;
	width:100%;
	height:100px;
	border:none;
	padding-left:10px;
	padding-top:10px;
	
}
#iletisim_kutucuk{
	
	margin-top:10px;
	
}
#iletisim_kutucuk p{
	
	color:black;
	
}
#iletisim_bilgileri_adres{
	
	height:50px;
	border-bottom:1px solid #cccaca;
	
}
#iletisim_bilgileri_adres_ikon{
	
	float:left; 
	margin-left:10px; 
	margin-top:15px;
	
}
#iletisim_bilgileri_adres_icerik{
	
	float:left; 
	margin-left:10px; 
	padding-top:15px; 
	width:142px;
	
}
#iletisim_bilgileri_telefon{
	
	height:50px; 
	line-height:50px; 
	border-bottom:1px solid #cccaca;
	
}
#iletisim_bilgileri_telefon_ikon{
	
	float:left; 
	margin-left:10px; 
	margin-top:15px;
	
}
#iletisim_bilgileri_telefon_icerik{
	
	float:left; 
	margin-left:10px;
	
}
#iletisim_bilgileri_email{
	
	height:50px; 
	line-height:50px; 
	border-bottom:1px solid #cccaca;
	
}
#iletisim_bilgileri_email_ikon{
	
	float:left; 
	margin-left:10px; 
	margin-top:15px;
	
}
#iletisim_bilgileri_email_icerik{
	
	float:left; 
	margin-left:10px;
	width:142px; 
	font-size:8pt;
	
}

/* Haberler Sayfası */

#haberler_kutucuk{
	
	float: left;
    height: 145px;
    width: 695px;
    margin-top: 20px;
	
}
#haberler_fotograf{
	
	float: left;
	
}
#haberler_fotograf img{
	
	border-radius:5px;
	
}
#haberler_icerik{
	
	padding-left: 10px;
    float: right;
    width: 455px;
	
}
#haberler_tarih{
	
	height: 20px;
    font-size: 10px;
    line-height: 20px;
	
}
#haberler_tarih img{
	
	height: 13px;
	margin-top: 3px;
	float: left;
	
}
#haberler_tarih_yazi{
	
	margin-left:3px;
	
}
#haberler_baslik{
	
	height: 25px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	
}
#haberler_yazi{
	
	height: 65px;
	
}
#haberler_yazi p a:hover{
	text-decoration:underline;
}
#haberler_detay{
	
	float:right;
	
}

/* Haberler Sayfası Bitti */

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}
