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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; list-style:none;}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin,latin-ext);
body,td,th,html{
background:#FFFFFF;
color: #333;
height:100%;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:15px;
margin:0;
padding:0;
}
.temizle{clear:both;}
.temizlesol{clear:left;}
.temizlesag{cear:right;}
a{text-decoration:none; color:#232323;}
a:hover{text-decoration:none; color:#000000;}
ul,li{ list-style:none;}
.radius3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.radius5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.circle{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.transition{-webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.shadow{-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1);}
.borderbox{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.background{background: rgba(0,43,94,0.9);}
.hr10{height:10px; width:100%; float:left; display:block; border:0;}
.cover{background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}


section{width:100%; height:auto; float:left; padding:30px 0%;}
.container{width:60%; height:100%; float:left; margin:0px 20%;}
img{max-width:100%; margin:10px 0px;}
section p{width:100%; height:auto; display:block; float:left; margin-bottom:10px;}
section h1{width:100%; height:auto; display:block; float:left; margin-bottom:20px;}
section h3{width:100%; height:auto; display:block; float:left; font-weight:300; font-size:15px;}

footer{width:100%; height:50px; float:left; background:#fff; border-top:1px solid #000; line-height:50px;}
footer h1{font-size:15px; float:left;}
footer h2{font-size:12px; float:right; color:#CCCCCC; font-weight:300;}
footer a{color:#CCCCCC;}



.header{width:60%; height:50px; padding:0px 20%; float:left;  background:#59509c; color:#fff;}
.logo{width:auto; height:50px; float:left; overflow: hidden; font:15px; font-weight:700; line-height:50px;}
.toogle{display:none;}

ul.headermenu{width:auto; height:30px; margin:10px 0px; float:right; overflow: hidden; font-size:13px; line-height:30px;}
ul.headermenu li {width:auto; height:30px; float:left; margin-right:10px;}
ul.headermenu li a {display:block; color:#fff; padding:0px 8px;}
ul.headermenu li a:hover {background:#fff; color:#59509c;}

@media (max-width: 700px) {
.container{width:90%; height:100%; float:left; margin:0px 5%;}
.container img{ max-width:100%;}
.header{width:100%; height:auto; float:left; padding:0px 0%;}
.toogle{width:40px; height:40px; text-align:center; line-height:40px; position:absolute; right:5px; top:5px; cursor:pointer; float:left; color:#fff; margin:0px 0%; display:block; line-height:50px; font-size:18px;}
.toogle i{line-height:40px;}
.logo{width:100%; height:50px; float:left; font:15px; text-align:center;}
ul.headermenu {display:none; width:100%; height:auto; line-height:40px;}
ul.headermenu li {float:none; float:left; width:100%; height:40px; margin-right:0px;}
ul.headermenu li a {border-right:none; border-bottom: 1px solid #fff }
}
@media (min-width: 700px){
ul.headermenu{ display: block!important }
}