/*************************************************************************************************************/
/*reset.css baslangici*/
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,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*reset.css sonu*/
/****************************************************************************************************************/
body {
  text-align: center;    /*IE hack for centering*/
  margin:0px;
  padding:0px;
  font-size: 15px;
  text-align: left;
  font-family: helvetica;
}
.title, .info {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}
p {margin-top: 5px;margin-bottom:5px;}
a {text-decoration:none;}
/*hayalgucutanitim baslangic*/
body {background:#fff url(i/body.png) repeat-x;}
body#yonlendir{background:#fff;}
#container, #galeries {width:100%;float:left;}
#container #box_up, #galeries #box_up {width:841px;margin:0px auto 0;background:url("i/bulut.png") no-repeat scroll 0 30px transparent;}
#container #box_up #cont, #galeries #box_up #cont {
    margin: 0 auto;
    overflow: hidden;
    width: 725px;}
#container #box_up #cont .cizgi {height:20px;background: url("i/cizgi.png") no-repeat scroll center bottom transparent; margin: 0 auto;
    overflow: hidden;
    width: 725px;}
#container #box_up #cont .nav, #galeries #box_up #cont .nav {    float: left;
    height: 64px;
    margin-left: 177px;
    margin-top: 17px;
    overflow: hidden;
    width: 431px;}
#container #box_up #cont .nav li, #galeries #box_up #cont .nav li {float: left;
    margin-right: 57px;}
#container #box_up #cont .nav li a {    display: block;
    text-align: left;
    color: #2f2f33;
    font-size: 18px;
    font-weight: bold;}
#container #box_up #cont .nav li.current a {border-bottom:8px solid #b91fb4;    padding-bottom: 10px;}
/*
#container #box_up #cont .nav li.item_1 a {background:url(i/islerimiz.png) no-repeat;width:102px;height:33px;}
#container #box_up #cont .nav li.item_2 a {background:url(i/kimiz.png) no-repeat;width:74px;height:33px;}
#container #box_up #cont .nav li.item_3 a {background:url(i/iletisim.png) no-repeat;width:83px;height:24px;}
*/

#container #box_up #cont .logo, #galeries #box_up #cont .logo {width:148px;margin:15px auto 0;overflow:hidden;}
#container #box_up #cont .logo {margin: -1px auto 0;}
#iletisim #container #box_up #cont .logo, #host #container #box_up #cont .logo, #yeni #container #box_up #cont .logo  {margin: 15px auto 0;}
#container #box_up #cont #alan, #galeries #box_up #cont #alan {width:725px;margin:47px auto 0;overflow:hidden; }
#container #box_up #cont #alan .top, #galeries #box_up #cont #alan .top {width:528px;height:24px;margin:36px auto 0;}
#container #box_up #cont #alan .top p, #galeries #box_up #cont #alan .top p {  color: #A127BA;
    font-family: helvetica !important;
    font-size: 18px;padding-bottom: 4px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px; padding-left: 25px;
    text-align: center;}
#container #box_up #cont #alan .bottom, #galeries #box_up #cont #alan .bottom {  margin: 0 auto;
    min-height: 425px;
    overflow: hidden;
    position: relative;
    width: 678px;}
#host #container #box_up #cont #alan .bottom { min-height: 282px !important; margin-top: 40px;
    width: 548px;}
#container #box_up #cont #alan .bottom ul {margin-left:13px;}
#container #box_up #cont #alan .bottom ul li{float: left;margin-bottom: 18px;
    width: 170px;margin-right: 8px;}
#container #box_up #cont #alan .bottom ul li.border img {  border: 1px solid #CCCCCC;
    height: 111px;}
#container #box_up #cont #alan .bottom ul li span { font-style: italic;color:#8b8e8e;display:block;width:134px;}
#container #box_up #cont #alan .bottom ul li span.text {   font-size: 13px;
    line-height: 16px;
    margin-bottom: 13px;
    margin-top: 4px;}
#container #box_up #cont #alan .bottom ul li span strong {font-size:12px; font-style: normal;font-weight:bold;color:#B0B0B1;}
#container #box_up #cont #alan .bottom button {   background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    left: 680px;
    position: relative;}
#container #box_up #cont #alan .bottom .gizli {display:none;float: left;
    margin-top: 7px;}
#container #box_down, #galeries #box_down {position: relative;width:100%;}
#container #box_down .footer, #galeries #box_down .footer {    height: 83px;
    margin: 0 auto;
    width: 725px;}
#container #box_down .footer .left, #galeries #box_down .footer .left {    margin-top: -21px;float:left;background:url(i/sarmasik.png) no-repeat;height:105px;width:82px;}
#container #box_down .footer .right, #galeries #box_down .footer .right {float:right;margin-top: 50px;}
#container #box_down .bar, #galeries #box_down .bar {width:100%;background:#b91fb4;height:60px;}





/*hayalgucutanitim islerimiz*/
#galeries #box_up #cont .cizgi, #container #box_up #cont .cizgi {height:43px;width: 771px;background:url("i/cizgi.png") repeat-x scroll center bottom transparent}
#galeries #box_up #cont .cizgi .left,
#container #box_up #cont .cizgi .left { float: left;
    position: relative;
    top: 10px;
    width: 82px;}
#galeries #box_up #cont .cizgi .right,
#container #box_up #cont .cizgi .right {float:right;}
#galeries #box_up,
#container #box_up {background: url("i/bulut.png") no-repeat scroll 0 30px transparent;
    margin: 0px auto 0;
    width: 841px;}
#galeries #box_up #cont,
#container #box_up #cont {width: 771px;}
#galeries #box_up #cont #alan,
#container #box_up #cont #alan { margin: 0 auto 0;}
#galeries #box_up #cont .nav {}
#galeries #box_up #cont .nav .widget_1 p,
#container #box_up #cont .nav .widget_1 p {text-align:center; color: #b91fb4;
    font-family: helvetica !important;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;}
#galeries #box_up #cont .nav .widget_2,
#container #box_up #cont .nav .widget_2 {   float: left;
    margin-top: 7px;}
#galeries #box_up #cont .nav .widget_2 li,
#container #box_up #cont .nav .widget_2 li{color: #545454;background: none repeat scroll 0 0 transparent;
    margin: 5px;height:20px;}
#galeries #box_up #cont .nav .widget_2 li a,
#container #box_up #cont .nav .widget_2 li a{ background: none repeat scroll 0 0 transparent;
    color: #545454;
    font-family: helvetica !important;
    font-size: 14px;
    font-style: italic;
    height: auto;
    text-indent: 0;
    width: auto;}
#galeries #box_up #cont .nav .widget_2 li.current a, #container #box_up #cont .nav .widget_2 li.current a, #galeries #box_up #cont .nav .widget_2 li a:hover, #container #box_up #cont .nav .widget_2 li a:hover {color:#b91fb4;}
#galeries #box_up #cont .nav,
#container #box_up #cont .nav {float: left;
    height: 89px;
    margin-left: 171px;
    margin-top: 17px;
    overflow: hidden;
    width: 457px;}
#galeries #box_up #cont .nav .widget_1 {width:415px;}

/*hayalgucutanitim kimiz
#kimiz #container #box_up #cont #alan,
#ragip #container #box_up #cont #alan,
#tansel #container #box_up #cont #alan,
#filiz #container #box_up #cont #alan,
#can #container #box_up #cont #alan {  background: url("i/kimiz-bg.png") no-repeat scroll 270px 112px transparent;
    height: 432px;}
*/
#container #box_up #cont #alan .left {float:left;width:100%;}
#container #box_up #cont #alan .left .lside {    width: 47%;
    float: left;
    padding: 8px;}
#container #box_up #cont #alan .left .lside p em strong {font-weight:bold;color:#b91fb4;}
#container #box_up #cont #alan .left .rside p strong {font-weight:bold;}
#container #box_up #cont #alan .left .rside {    width: 47%;
    float: left;
    padding: 8px;}
#container #box_up #cont #alan .left p {    font-size: 14px;
    color: #545454;
    line-height: 18px;
    /* font-style: italic; */
    margin-bottom: 10px;
    margin-top: 0;}
#container #box_up #cont #alan .left h2 {    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 23px;
    /* font-style: italic; */
    text-align: center;
    color: #b91fb4;
    display: block;
    margin-bottom: 49px;
    /* width: 256px; */}
#container #box_up #cont #alan .right { float: left;
    margin-left: 26px;
    margin-top: 101px;}
#container #box_up #cont #alan .right .kisiler {}
#container #box_up #cont #alan .right .kisiler div{
    display: block;
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-top: 18px;
    width: 59px;}
#container #box_up #cont #alan .right .kisiler .ragip{}
#container #box_up #cont #alan .right .kisiler .tansel{  margin-left: 34px;
    margin-top: 38px;}
#container #box_up #cont #alan .right .kisiler .filiz{margin-top: 28px;margin-left: 9px;}
#container #box_up #cont #alan .right .kisiler .can{ margin-left: 5px;
    margin-top: 45px;}
#container #box_up #cont #alan .right .kisiler div a {   display: block;
    height: 40px;
    text-indent: -999em;
    width: 60px;}
#container #box_up #cont #alan .right .kisiler-detay div { display: block;
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-top: 18px;
    width: 59px;}
#container #box_up #cont #alan .right .kisiler-detay .ragip-resim {background: url("i/ragip-incesagir.png") no-repeat scroll 0 0 transparent !important;
    height: 93px;
    margin-left: 12px;
    margin-top: 9px;
    text-indent: -999em;}
#container #box_up #cont #alan .right .kisiler-detay .filiz-resim {  background: url("i/filiz-atasagun.png") no-repeat scroll 0 0 transparent !important;
    height: 93px;
    margin-left: 18px;
    margin-top: 25px;
    text-indent: -999em;}
#container #box_up #cont #alan .right .kisiler-detay .tansel-resim {  background: url("i/tansel-atasagun.png") no-repeat scroll 0 0 transparent !important;
    height: 93px;
    margin-left: 18px;
    margin-top: 21px;
    text-indent: -999em;}
#container #box_up #cont #alan .right .kisiler-detay .can-resim {   background: url("i/can-iscan.png") no-repeat scroll 0 0 transparent !important;
    height: 93px;
    margin-left: 20px;
    margin-top: 38px;
    text-indent: -999em;
    width: 66px;}
#container #box_up #cont #alan .right .kisiler-detay .ragip{}

#container #box_up #cont #alan .right .kisiler-detay .filiz {}
#container #box_up #cont #alan .right .kisiler-detay .filiz a{ display: block;
    height: 93px;
    text-indent: -999em;
    width: 60px;}
#container #box_up #cont #alan .right .kisiler-detay .ragip a{ display: block;
    height: 93px;
    text-indent: -999em;
    width: 60px;}
#container #box_up #cont #alan .right .kisiler-detay .tansel{}
#container #box_up #cont #alan .right .kisiler-detay .tansel a{display: block;
    height: 91px;
    text-indent: -999em;
    width: 60px;}
#container #box_up #cont #alan .right .kisiler-detay .can{}
#container #box_up #cont #alan .right .kisiler-detay .can a{display: block;
    height: 91px;
    text-indent: -999em;
    width: 60px;}
#iletisim #alan .left p a {color:#000;}
#iletisim #alan .left p a:hover {text-decoration:underline;}
/*hayalgucutanitim iletisim*/
#iletisim #container #box_up #cont #alan .right {margin-top:0px;}
label {
    color: #545454;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    line-height: 14px;
    padding: 8px;font-style: italic;color: #545454;
    width: 85px;
}
.simple_captcha .simple_captcha_label {font-style: italic;color: #545454;font-family: helvetica;}
input, textarea {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    font-size: 13px;
    padding: 8px;font-style: italic;
    width: 200px;
}
.form_field {
    margin-bottom: 5px;
}
textarea {max-height: 109px !important;}
.simple_captcha {margin-left: 102px;
    width: 204px;}
#form_plugin_form_datum_submit {cursor: pointer;
    margin-left: 101px;
    margin-top: 5px;
    width: 218px;}


#noel #container #cont .bottom {width:560px !important;}

#slid { margin: 0 auto;
    min-height: 425px;
    overflow: hidden;
    position: relative;
    width: 678px;}

#slid .pagination {width: 118px;}













/****************************************/

.ltr {direction:ltr;}
.rtl {direction:rtl;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*
	Slideshow
*/

#slides {
	left: 49px;
    position: absolute;
    z-index: 100;
}
#slides h3 {display:block !important;}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:600px;margin-left: 9px;height: 368px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:600px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:160px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/
#web .web .pagination {width:212px;}
#etkinlikler .etkinlikler .pagination {width:577px;}
#ilanlar .ilanlar .pagination {width:495px;}
#kurumsal-a .kurumsal .pagination {width:465px;}
#kitaplar .kitaplar .pagination {width:324px;}
#hicbirsey .hic-bir-sey-hayalgucu-kadar-ozgur-degildir .pagination {width:118px;}
.pagination {
	 margin: 26px auto 0;
    width: auto;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(i/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
.slides_container div.slide {
  display: block;
    float: left;
    height: 367px;
    width: 570px;
}
.slides_container .slide img {display:block;}
/*
	Caption
*/
.web .caption {width: 561px;}
.caption {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: -35px;
    color: #FFFFFF;
    font-size: 0.8em;
    height: 18px;
    left: 0;
    line-height: 1.33;
    padding: 5px 14px 0;
    position: absolute;
    text-align: right;
    text-shadow: none;
    width: 541px;
    z-index: 500;
}
.caption p {margin:0px;}
.caption strong {font-weight:bold;}

.splash_dialog {
    background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    margin-top: 73px;
    padding: 20px;
    position: relative;
}


#mesajbolumu {background: url(i/newyear2.gif) no-repeat;
width: 960px;
margin: 0 auto;}

ul#linklerimiz {margin-top: -395px;
position: absolute;
width: 960px;}
ul#linklerimiz li{float: left;

height: 122px;
width: 72px;
margin-left: 96px;
display: block;}
ul#linklerimiz li a {display: block;
height: 123px;
width: 107px;
text-indent: -999em;}
p#siteyegit {display: block;
position: relative;
text-align: center;
top: -52px;}
p#siteyegit a{display: block;
text-indent: -999em;}



#mask {position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #9E9E9E;
display: none;}
#lorem {}
#lorem h3 span {color:#783e94;}
#lorem h3 {line-height: 81px;
font-size: 35px;}
#boxes .window{
  position:absolute;
  left:0;
  top:0;
 
  display:none;
  z-index:9999;

  border-radius: 15px;
  text-align: center;
}
#boxes #dialog{
width: 952px;

margin: 0 auto !important;
top:50px !important;


font-family: 'Segoe UI Light', sans-serif;
font-size: 15pt;
}


.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}


#lorem{
font-family: "Segoe UI", sans-serif;
font-size: 12pt;
padding: 0px;
width: 839px;
padding-top: 8px;
text-align: center;


}

#popupfoot{
	font-family: "Segoe UI", sans-serif;
font-size: 16pt;
padding: 10px 20px;
float: right;
position: absolute;
right: -60px;
top: -53px;
}



.iletisim .alan .right {
    width: 100%;
    margin: 0 auto;margin-left:0px;
}
.right .form_field label {
    color: #c351c2;
    float: left;
    font-family: "Titillium Web";
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    width: 33%;
}

.right .form_field {
    border-top: 3px solid #c7c7c7;
    float: left;
    padding: 10px 0 6px;
    width: 100%;
}

.right .form_field {
    margin-bottom: 5px;
}

.right .form_field input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-family: "Titillium Web";
    font-size: 17px;
    margin-top: 0px;
    width: 53%;
}


.right .form_field textarea {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-family: "Titillium Web";
    font-size: 17px;
    height: 350px;
    line-height: 51px;
    margin-top: 0;
    max-height: 147px !important;
    position: relative;
    top: -9px;
    width: 93%;
}

.form_field_last.textarea {
    background: url("i/textarea-bg.jpg") repeat scroll 0 0 transparent;
    border-bottom: 3px solid #c7c7c7;
    border-top: medium none !important;
}

.right .form_submit {  cursor: pointer;
    background: url(i/gondergelsin.jpg) no-repeat;
    color: #ffffff;
    text-indent: -999em;
    border-radius: 0px;
    height: 42px;
    display: block;
    width: 199px;
    float: right;
    margin: 0 auto;}
.captcha-container{clear:both;}
.bar .widget {    
    margin: 0 auto;    padding-top: 12px;
    width: 725px;}
.bar .widget p {    color: #ffffff;
    line-height: 16px;
    font-size: 13px;}



#cont .right {    float: right;
    margin-top: -69px;}

.socials li {float:left;}

#start2 p{margin:0px;}
#start2 img{width:100%;}