* {
font-family : 'Open Sans', sans-serif;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
img {
border : 0;
}
body {
font-family : 'Open Sans', sans-serif;
font-size : 13px;
background-color : #c1e1db;
background-image : url(/img/cloud.png);
background-position : right top;
background-repeat : repeat-x;
}
.clear {
clear : both;
}
.ortala {
margin : 0 auto;
width : 100%;
max-width : 1200px;
padding : 0 10px;
box-sizing : border-box;
}
#header {
width : 100%;
height : 90px;
background : #fff;
z-index : 9;
position : relative;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1);
border-top : 2px solid #157092;
}
.logo {
float : left;
padding-top : 10px;
}
.logo h1 {
display : none;
}
.menu {
float : right;
height : 90px;
}
.menu a {
padding : 0 10px;
float : right;
line-height : 90px;
text-decoration : none;
color : #07506c;
font-size : 14px;
text-transform : uppercase;
font-weight : 600;
}
.menu a:hover {
color : #fff;
background : #157092;
}
#slide {
margin : 0 auto;
width : 100%;
height : 100%;
background : url(/img/bina.jpg) bottom center no-repeat fixed;
background-size : cover;
}
#page {
margin : 0 auto;
width : 100%;
max-width : 1180px;
min-height : 420px;
background : rgba(255, 255, 255, 0.2);
padding : 10px;
margin-top : 20px;
margin-bottom : 50px;
}
.sayfa {
color : #333;
margin : 0 auto;
max-width : 1155px;
min-height : 400px;
background : rgba(255, 255, 255, 0.5);
padding : 10px;
box-shadow : 0 0 10px #dbedf5;
}
a.lightbox {
float : left;
margin-right : 5px;
margin-bottom : 5px;
}
#bottomfix {
position : fixed;
bottom : 0;
width : 100%;
background : #157092;
}
.tel {
padding : 0 10px;
line-height : 40px;
padding-left : 30px;
color : #96d1da;
background : url(/img/servis.png) no-repeat;
font-weight : 600;
}
.tel a {
float : right;
line-height : 40px;
padding-left : 20px;
text-decoration : none;
background : url(/img/tel.png) no-repeat;
color : #fff;
font-weight : 600;
}