/* Include Css Styles
***************************************************************************************************************/ 
@import url('animation.html');
@import url('../../fancybox/jquery.fancybox-1.3.4.css');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Petit+Formal+Script);
/* Reset
***************************************************************************************************************/
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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote:before,blockquote:after,q:before,q:after{content:none}

body{line-height:1.3; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#666}
body a{color:#666666}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
ol,ul{list-style:none}
li{list-style:none;}
ul li{list-style:none;}
ul{margin:0; padding:0; list-style:none}
a{text-decoration:none}
:focus{outline:0}
.left{float:left}
.right{float:right;}
.ie7 body{overflow:hidden}
html,body{height:100%;}
.clear{clear:both}

@-o-viewport, 
@-moz-viewport,
@-ms-viewport,
@-webkit-viewport,
@viewport { width: device-width; }


h1{font-size:26px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px;}
h6{font-size:16px}
a,
a:active,
a:hover,
a:link{text-decoration:none; cursor:pointer;}

strong {}
b{font-weight:700}
em{text-decoration:underline}
i{text-decoration:underline}


.koseli{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;}
.koseli1{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;}
.koseli2{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;}
.koseli3{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;}
.koseli4{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-khtml-border-radius:0 5px 5px 0;}
.incekoseli{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;}
.incecikkoseli{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;}

.kalinyazi{}
.ortayazi{}
.normalyazi{}

.yazirenktur{color:#26a2ba}
.yazirenklar{color:#28165a}
.zeminrenk{}


::-webkit-input-placeholder {color:#cccccc;}
:-moz-placeholder {color:#cccccc;}
::-moz-placeholder {color:#cccccc;}
:-ms-input-placeholder {color:#cccccc;}

input[type='text'] {}
input[type='password']{}
input[type='button']{}
textarea{resize:none}
select{}

input[type='text']:focus{}
input[type='password']:focus{}
textarea:focus{}
select:focus{}

.buton{margin:auto; width:94%; height:40px; line-height:40px; font-size:16px; background:#333 url(../resim/stripes1.png); color:#ffffff; text-align:center; cursor:pointer;border:1px solid #111;}

.trick {display: inline-block;vertical-align: middle;height: 100%;}
sub,sup{font-size:0.7em}
.yuvarlak{border-radius:50%;}
.shadow{text-shadow:0px 0px 1px #333}
.aves{position:absolute; bottom:5px; right:10px; width:70px; height:20px; z-index:99999}

/*   STANDART   */

.wrapper{min-height:100%;height:auto; margin-bottom:-30px; background:#f5f6f7 url(../resim/bg.jpg) 50% 50%; background-size:cover; z-index:0}
.ortali-wp{width:1180px;max-width:1180px;height:100%;margin:auto;}
header{position:relative; width:100%; height:80px; background:#fff url(../resim/stripes1.png); box-shadow:1px 1px 3px #999; z-index:11}
footer{position:relative; width:100%; height:30px; background:#26a2ba; overflow:hidden; opacity:0.9}
.copyright{text-align:center; font-size:12px; color:#fff; line-height:30px}
.height{height:30px}
.logo-wp{position:relative; float:left; width:275px; height:80px; text-align:center; font-size:0}
.logo-wp img{display:inline-block; vertical-align:middle;max-height:100%;max-width:100%;}
nav{position:relative; float:right; width:auto; height:80px;}
nav ul{font-size:15px; font-weight:700; text-align:center}
nav ul li{position:relative; float:left; width:auto; height:20px; padding:30px; color:#28165a}
nav ul li:hover p{color:#fff}
nav ul li p{position:relative; top:20px; z-index:2; text-align:center;}
.navzemin{position:absolute; left:0; top:0; width:100%; height:100%; background:#26a2ba url(../resim/stripes.png); display:none; z-index:1}
.sayfabaslik{position:relative; z-index:99;font-size:40px; margin-top:150px; font-weight:700; height:40px; line-height:40px; color:#fff; opacity:0.5}
.projesira{position:relative; width:100%; height:auto; margin:130px 0px 50px 0px; z-index:999999}
.projesira li{position:relative; float:left; margin:10px; width:373px; height:250px;}
.projesira li p.prjacklm{width:100%; height:30px; line-height:30px; background:#333; color:#fff; opacity:0.7}
.projesira li p.prjacklm span{margin-left:10px}
.projesira li .prjacmenu{position:absolute; bottom:0; width:100%; height:50px; background:#fff; opacity:0.8;}
.projesira li .projedetay{position:absolute; width:60px; height:60px; border-radius:50%; background:#26a2ba; top:50%; left:50%; margin:-30px 0px 0px -30px; display:none}
.projesira li .projedetay p{text-align:center; color:#fff; margin-top:23px}
.prjacmenu p{height:50px; line-height:50px; text-align:center; font-weight:700; font-size:16px}
.habersirali{position:relative; margin-top:130px; width:100%; height:auto; z-index:99}
.habersirali li{position:relative; float:left; margin:10px; width:215px; height:200px; }
.hbracmenu{position:absolute; bottom:0; width:100%; height:100%; background:#fff; opacity:0.8; display:none}
.hbrack{position:absolute; width:100%; z-index:9999999999; bottom:0; height:50px; line-height:50px; background:#fff;text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; overflow:hidden; }
.yuv{position:relative; float:left; width:150px; border-radius:50%; margin:20px 30px; height:150px;background:#26a2ba url(../resim/stripes.png); opacity:0.7; z-index:99}
.yuv p{text-align:center; font-size:20px; padding-top:50px; color:#fff}
.yuv:hover{box-shadow:1px 2px 3px #333}
.pdfoto{float:left; width:55%; height:400px;}
.pdfoto ul{position:relative; width:100%; height:400px; overflow:scroll}
.pdfoto ul li{position:relative; float:left; margin:5px; width:137px; height:90px; background:#dedede}
.pdzemin{position:absolute; bottom:0px; width:100%; height:100%; background:#26a2ba; opacity:0.4; display:none; z-index:8}
.buyut{position:absolute; top:0px; width:100%; height:100%; background:url(../resim/buyut.png) no-repeat 50% 50%; display:none; z-index:9}
.pdaciklama{float:left; width:45%; height:400px;}
.pdaciklama ul{position:relative; width:500px; height:auto; margin:auto; font-size:16px}
.pdaciklama ul li{width:100%; height:30px; line-height:30px}