/* CSS Document - Titiz Park ve Zemin - 2015 */
/* A design by d-kreatif*/

.clr {clear: both;}
.clearfix {clear: both;}

body {
    margin:0px;
	background-position: center top;
	height: 100%;
	padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #434343;
	background-color:#f5f5f5; /* cahnge body background color here */
}

#top {width:100%; height: 96px; float:left; border-bottom:1px solid #eee;/*#d6d4d3;*/ background-color:#fff;}
#topholder {width:960px; height: 110px; margin:0 auto; border:0px solid #000;}
#logo {float:left; width:190px; color: #364046; font-family: 'Open Sans', Arial, Helvetica, Sans Serif; font-weight:400; font-size:24px; margin:20px 0 0 0;}
 
#menu {float:right; width:220px; border:0px solid #000; color: #364046; font-family: 'Open Sans', Arial, Helvetica, Sans Serif; font-weight:300; font-size:14px; margin:54px 0 0 0;}
a.topmenu:link {color: #375644; text-decoration: none; font-weight: 400; }
a.topmenu:hover {color:#39b54a; text-decoration: none; font-weight: 400;  }
a.topmenu:visited {color: #375644; text-decoration: none; font-weight: 400; }
a.topmenu:hover {color:#39b54a; text-decoration: none; font-weight: 400;}

a.topmenuactive:link {color:#39b54a; text-decoration: none; font-weight: 400;  }
a.topmenuactive:visited {color:#39b54a; text-decoration: none; font-weight: 400; }
a.topmenuactive:hover {color:#dd4952; font-weight:400; }

/* ANASAYFA */
#sloganbg {float:left; width:100%; height: 377px; margin-top:0; background-image:url(images/sloganbg.jpg); background-position:top left; 	background-repeat:no-repeat; z-index:-999;}
 #slogancontainer {width:960px; height:277px; margin:60px auto;}
  #sloganfirst {margin:30px auto; margin-bottom:0; width:940px; font-family: 'Open Sans', Arial, Helvetica, Sans Serif; font-weight:300; font-size:21px; -moz-animation-delay: 0.7s; text-align:center;}
 
.dark {font-weight:bold;}
.green {font-weight:bold; color:#39b54a;}
 
    #detay_button{width:250px; height:40px; margin:20px auto; border:1px solid #9ad7a2; font-weight:bold; font-size:16px; color:#365845; transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;}
	 #detay_button_text {width:180px; margin:10px auto;}
    #detay_button:hover {background:#9ad7a2; color:#fff;}
	
a.detay_button_link:link { text-decoration: none; }
a.detay_button_link:hover { text-decoration: none; }
a.detay_button_link:visited { text-decoration: none; }
a.detay_button_link:hover { text-decoration: none; }
 
#content_outer {width:100%; height:340px; margin:0 auto; background:#fff;border-top:1px solid #ddd;/*#d6d4d3;*/ border-bottom:1px solid #ddd;/*#d6d4d3;*/ font-family: 'Open Sans', Arial, Helvetica, Sans Serif; }   
  #content_inner {width:960px; margin:0 auto;}
  #box01 {width:252px; float:left; margin:-52px 0 0 40px; height:334px; border:1px solid #dbdbc4; background:#fff; position:relative; box-shadow: 0px 10px 15px #d7d7d7; transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;} 
  #box02 {width:252px; float:left; margin:-52px 0 0 60px; height:334px; border:1px solid #dbdbc4; background:#fff; position:relative; box-shadow: 0px 10px 15px #d7d7d7; transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
  #box03 {width:252px; float:left; margin:-52px 0 0 60px; height:334px; border:1px solid #dbdbc4; background:#fff; position:relative; box-shadow: 0px 10px 15px #d7d7d7; transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
  
  #box01:hover {margin:-60px 0 0 40px; position:relative;} 
  #box02:hover {margin:-60px 0 0 60px; }
  #box03:hover {margin:-60px 0 0 60px; }
  
  .boxtitle {width:100%; height:30px;}
   #metin01 {width:100px; font-size:20px; margin:10px auto; font-weight:bold; border:0px solid #000;}
    #metin02 {width:130px; font-size:20px; margin:10px auto; font-weight:bold; border:0px solid #000;}
	 #metin03 {width:118px; font-size:20px; margin:10px auto; font-weight:bold; border:0px solid #000;}
  .boxfoto {float:left; margin:10px auto;}
  .boxtext {padding:0 4px 0 12px; font-size:14px; font-weight:300px; text-align:left;}
  .boxlinkbox{width:100%; border-top:1px solid #dbdbc4; position:absolute; bottom:0px; height:50px;}
   .boxlinkbox:hover {background:#f5f5f5;}
   .boxlink {width:120px; margin:10px auto;}
   
  a.boxlinka:link {color: #39b54a; text-decoration: none; font-weight: 400; font-size:16px; }
  a.boxlinka:hover {color:#39b54a /*229532*/; text-decoration: none; font-weight: 400; font-size:16px;  }
  a.boxlinka:visited {color: #39b54a; text-decoration: none; font-weight: 400; font-size:16px; }
  a.boxlinka:hover {color:#39b54a /*229532*/; text-decoration: none; font-weight: 400; font-size:16px; }
  
  
  #kutucuklar_outer {float:left; width:100%; height:100%; background:#f5f5f5;padding-bottom:20px;}
   #kutucuklar_inner {width:960px; height:100%; margin:0 auto;overflow:auto;margin-bottom:20px;}
    #kutucuklar_slogan {width:450px; margin:30px auto; margin-bottom:0; font-size:16px; border:0px solid #000;}
   
    #kutucuklar_holder {width:950px; margin:10px auto; margin-bottom:0px;}
   .kutucuklar{float:left; width:180px; height:90px; border:1px solid #c5c1c1; margin:2px 0 0 2px; background:#fff;}
   .kutucuklar_left{float:left; width:180px; height:90px; border:1px solid #c5c1c1; margin:2px 0 0 20px; background:#fff;}
   
   .kutucuklar:hover{background:#f9f9f9;}
   .kutucuklar_left:hover{background:#f9f9f9;}
   
   .kutucuklogo {float:left; width: 50px; margin:30px 0 0 10px; border:0px solid #000;}
   .kutucuklogok {float:left; width: 40px; margin:30px 0 0 10px; border:0px solid #000;}
   .kutucuklogou {float:left; width: 70px; margin:30px 0 0 10px; border:0px solid #000;}
   .kutucukslogan {float:right; width: 110px; margin:10px 0 0 6px; font-size:15px; font-weight:400; text-align:center;}
   .kutucuksloganu {float:left; width: 90px; margin:10px 0 0 6px; font-size:15px; font-weight:400; text-align:center;}
   .kutucukslogank {float:left; width: 120px; margin:10px 0 0 6px; font-size:15px; font-weight:400; text-align:center;}
   
   /* KURUMSAL */
   
   #sloganbg-kurumsal {float:left; width:100%; height: 40px; margin-top:0; background:transparent;/*background-image:url(images/sloganbg.jpg); background-position:top left; background-repeat:no-repeat;*/ z-index:-999;border-bottom:0px solid #d6d4d3;}
 #slogancontainer-kurumsal {width:960px; height:37px; margin:4px auto;}
    #headtitlekurumsal {float:left;margin:20px auto; margin-bottom:0; width:250px; font-family: 'Open Sans', Arial, Helvetica, Sans Serif; font-weight:300; font-size:21px; -moz-animation-delay: 0.7s; text-align:center;}
 
 .italic {font-style:italic;}
.green-kurumsal {font-size:21px;font-weight:bold; color:#39b54a;}
#content_outer-kurumsal {width:100%; height:100%; padding-top:20px;background:transparent; margin:0 auto; border-top:0px solid #d6d4d3; border-bottom:0px solid #d6d4d3;font-family: 'Open Sans', Arial, Helvetica, Sans Serif; }   
  #content_inner-kurumsal {width:958px; height:600px;overflow:auto;margin:20px auto;border:1px solid #ddd;background:#fff;}
  #kurumsal-left {float:left;width:300px;margin:70px 0 0 30px;}
    .boxes {width:52px;height:52px;float:left;margin:4px;background:#efedee;}
	.boxes:hover {background:#a2cec1;}
    .hakimg{background:transparent;}
    .hakimg:hover{background:#000;}
  #kurumsal-right{float:left;width:560px;margin:40px 0 0 20px;text-align:justify;}
    #kurumsal-title{width:550px;float:right;text-align:right;color:#c02130;border-bottom:1px solid #c02130;padding:6px;font-size:14px;}
	
	
	  /* ILETISIM */
   
   #sloganbg-iletisim {float:left; width:100%; height: 40px; margin-top:0; background:transparent;/*background-image:url(images/sloganbg.jpg); background-position:top left; background-repeat:no-repeat;*/ z-index:-999;border-bottom:0px solid #d6d4d3;}
 #slogancontainer-iletisim {width:960px; height:37px; margin:4px auto;}
    #headtitleiletisim {float:left;margin:20px auto; margin-bottom:0; width:350px; font-family: 'Open Sans', Arial, Helvetica, Sans Serif; font-weight:300; font-size:21px; -moz-animation-delay: 0.7s; text-align:center;}
 
#content_outer-iletisim {width:100%; height:100%; padding-top:20px;background:transparent; margin:0 auto; border-top:0px solid #d6d4d3; border-bottom:0px solid #d6d4d3;font-family: 'Open Sans', Arial, Helvetica, Sans Serif; }   
  #content_inner-iletisim {width:958px; height:600px;overflow:auto;margin:20px auto;border:1px solid #ddd;background:#fff;}
  #iletisim-left {float:left;width:450px;margin:70px 0 0 10px;}
  #iletisim-right{float:left;width:400px;margin:100px 0 0 70px;text-align:justify;}
    
	
 /* FOOTER PART */ 

#footer_outer{float:left; width:100%; height:80px; margin: 10px 0 0 0; border-top: 1px solid #ddd;/*#d6d4d3;*/ font-family: 'Open Sans', Arial, Helvetica, Sans Serif; background-color:#fff;}
 #footer_inner {width:960px; height:70px; margin:10px auto; margin-bottom:0;}
  #footer-left {width:30%; float: left; font-weight:300; font-size:12px; color:#000;}
  #footer-right {width:10%; float: right; font-weight:300; font-size:12px; color:#000;}