/* CSS Document sarı: ffcc01 */ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic&subset=latin,latin-ext); html {height:100%;} body,td,th { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height:20px; font-weight:300; color:#000000; background:#FFF; } a {color:#666666; text-decoration:none;} a:hover{color:#292929; text-decoration:underline;} .icon-sol { vertical-align:middle; margin-right:10px;} .icon-sag { vertical-align:middle; margin-left:10px;} .shadowBot { -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.50); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.50); } h1 { font-size:20px; font-weight:700; color:#292929; margin-bottom:10px;} h2 { font-size:16px; font-weight:700; color:#666; margin-bottom:10px;} h3 {color:#ff6600; font-size:22px} .more {text-align:right; font-size:12px; font-weight:700; margin-top:10px} .more a:link {color:#039; text-decoration:underline} .more a:hover {color:#292929; text-decoration:none} .more a:active {color:#039; text-decoration:underline} .more a:visited {color:#039; text-decoration:underline} #headerDiv { width:100%; height:85px; position:fixed; background:url(../images/bg_top.jpg) repeat-x; z-index:3000} #header {width:1100px; height:85px; position:relative; margin:0 auto;} #header .logo {position:absolute; left:0; top:0; width:317px; height:85px;} #headerTop {float:right; height:40px; color:#fff; width:600px} #headerTop .social {float:right; margin-top:8px} #headerTop .social img {margin:0 3px; float:right} #headerTop .telefon {float:right; font-size:18px; font-weight:700; color:#ffcc01; margin-top:10px} #headerTop .dil {float:right; width:30px; height:20px; margin-top:10px} #headerTop .ayir{ float:right;width:2px; height:40px; margin:0 10px; background:url(../images/tha.jpg)} #slider{width:100%; height:250px; position:relative; top:85px; border-bottom:1px solid #292929} #sliderAltDiv {width:100%; background-color:#dedede; border-bottom:10px solid #ffcc01; position:relative; top:85px; padding:10px 0;} #sliderAltDiv .ic {width:1100px; margin:0 auto; font-size:17px; color:#666666; font-weight:400; text-align:center} #vitrinTek { width:230px; margin:10px; position:relative; float:left} #vitrinTek h1 {color:#fff; font-size:17px; font-weight:700; line-height:17px} #vitrinTek .resim { width:230px; height:160px;} #vitrinTek .text {width:220px; height:80px; background-color:#333; color:#ffcc01; text-align:center; padding:5px} #vitrinTek .fiyat {float:left; width:160px; background-color:#f4f4f4; height:25px; color:#666666; font-size:20px; text-align:center; padding-top:7px; font-weight:400} #vitrinTek .bas {float:left; width:70px; height:25px; background-color:#ffcc01; text-align:center; font-size:11px; padding-top:7px; font-weight:400} #sagKutu {width:298px; border:solid 1px #cccccc; background:url(../images/bg_sagkutu.jpg) no-repeat #FFFFFF; padding:10px; margin:10px 0 20px 0; overflow:hidden} #searchForm input { background-color:#fff; border:solid 1px #F4F4F4; height:20px; padding:5px 10px; font-size:12px; color:#333; font-weight:700; width:270px} #searchForm select { background-color:#fff; border:solid 1px #F4F4F4; height:30px; padding:5px 10px; font-size:12px; color:#333; font-weight:700; width:290px} #searchForm label {color:#F60; font-size:12px; padding-top:5px; font-weight:400;} #contentDiv{ width:1100px; overflow:hidden; margin:0 auto; padding:20px 0; line-height:1,5} .divBorder {border:solid 1px #DDDDDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; margin-top:80px} #contentDiv ul{margin-left:30px; list-style:disc;} #contentDiv ol{margin-left:30px; list-style:decimal;} /********************* LIST PAGE*********************************/ #listCont { width:1100px; padding:20px 0; overflow:hidden; position:relative;} #baslik { width:100%; height:100px; position:relative; top:80px; margin-bottom:80px;} #baslik img {width:100%;} #listTek { width:340px; height:460px; margin:10px; position:relative; float:left} #listTek h1 {color:#fff; font-size:18px; font-weight:700; margin-bottom:5px} #listTek .resim { width:340px; height:210px;} #listTek .text { width:320px; height:180px; background-color:#333; text-align:left; color:#ddd; font-size:14px; padding:10px;} #listTek .fiyat {float:left; width:270px; background-color:#f4f4f4; height:30px; color:#ff6d00; font-size:20px; text-align:center; padding-top:10px;} #listTek .bas {float:left; width:70px; height:30px; background-color:#c8ddeb; text-align:center; font-size:11px; padding-top:10px} span.roll { background:url(../images/mag.png) center center no-repeat #000; height: 230px; position: absolute; width: 340px; z-index: 10; left:0; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } /********************** Home **************************************/ #homeCont { width:1100px; padding:20px 0; overflow:hidden; position:relative;} #homeCont .sol {width:820px; float:left; overflow:hidden} #homeCont .sag {width:280px; overflow:hidden; float:right; position:relative; height:1400px;} #rez {width:280px; overflow:hidden; position:absolute;} #rez .cont {background-color:#eee; padding:10px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;} #rez .fiyat {font-weight:700; font-size:14px; } #rez .fiyat span {display:inline-block; width:180px; font-size:12px;} .topHomeRez { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color:#06C; padding:10px; color:#fff; font-weight:700; font-size:15px} #specs {width:258px; border:solid 1px #eee; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding:10px; margin-top:10px} #specs li {margin-left:20px; list-style:disc; border-bottom:1px dotted #FFCC99; padding:5px 0} #specs .spanbilgi {font-weight:700; width:170px; display:inline-block} #rezForm input { background-color:#fff; border:solid 1px #CCCCCC; height:20px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:100px; float:left;} #rezForm select { background-color:#fff; border:solid 1px #CCCCCC; height:30px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none;} #rezForm textarea { background-color:#fff; border:solid 1px #CCCCCC; height:30px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; width:238px; height:200px;} #genelBilgi {width:800px; background-color:#f4f4f4; margin-top:20px; position:relative; } #genelBilgi .sourcecontent { float: left; clear: both; background: #f4f4f4; padding: 20px; width: 760px; font-size:14px; overflow:auto; padding-bottom:20px} #ozel span{ width:185px; height:50px; float:left;} #homeCont h1 { font-size:30px; font-weight:700; color:#333; margin:20px 0px; line-height:1.2} #homeCont h2 { font-size:16px; font-weight:700; color:#666; margin:10px 0} #homeGal { width:800px; } /************************ Rezervasyon Sayfası ************************/ #homeContRez { width:1100px; padding:20px 0; overflow:hidden; position:relative;} #homeContRez .sol {float:left; overflow:hidden; padding-bottom:40px; overflow:hidden} #homeContRez .sag {width:280px; overflow:hidden; float:right; position:relative; padding-bottom:40px; height:700px} #rezPageSag {width:280px; overflow:hidden; position:absolute;} #rezPageSag .top { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color:#06C; padding:10px; color:#fff; font-weight:700; font-size:15px} #rezPageSag .cont {background-color:#eee;} #rezPageSag .resim {width:280px; height:200px;} #rezGenel {width:760px; margin-top:20px; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:solid 1px #dddddd; padding:5px; } #rezGenel >div {height:20px; padding:10px;} #rezGenel >div span {display:inline-block; width:200px; font-weight:bold; float:left;} #rezPageForm {width:750px; height:180px; padding:10px; margin-bottom:20px; float:left;} #rezPageForm input { background-color:#fff; border:solid 1px #ff6d00; height:20px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:370px; float:left; margin-bottom:5px;} #rezPageForm textarea { background-color:#fff; border:solid 1px #ff6d00; height:20px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-bottom:5px; width:300px; height:130px;} /********************* iletişim ************************************/ #iltForm {width:1100px; height:170px; padding:10px; margin-bottom:20px; float:left} #iltForm input { background-color:#fff; border:solid 1px #CCC; height:20px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:450px; float:left; margin-bottom:5px;} #iltForm textarea { background-color:#fff; border:solid 1px #CCC; height:20px; padding:5px 10px; font-size:12px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin-bottom:5px; width:450px; height:130px;} /********************* Footer *************************************/ #footerDiv { width:100%; height:186px; background:url(../images/bg_footer.jpg) repeat-x; position:relative;} #footer {width:1100px; margin:0 auto; font-size:14px; color:#fff; padding-top:7px;} #footer .mail {font-size:18px; color:#292929; font-weight:700} #footer .mail a:link {color:#292929; text-decoration:none} #footer .mail a:hover {color:#292929; text-decoration:underline} #footer .sol {width:600px;float:left; margin-top:30px} #footer .sag {float:right; margin-top:30px; width:450px} #footer a:link {color:#fff;} #footer a:hover {color:#ffcc01; text-decoration:underline} #footer a:visited {color:#fff;} #footer a:active {color:#fff;} /**************** Sayfalar *************************************************/ #icGaleri {margin-top:40px; overflow:hidden;} #icGaleri img {width:200px; height:150px; margin:15px; padding:2px; border:solid 1px #666666; -moz-border-radius: 3px; border-radius: 3px;} #icGaleri img:hover {border:solid 2px #ff6d00; -moz-border-radius: 3px; border-radius: 3px;} /**************** RezButton***************************************************/ .button { -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0; -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0; box-shadow:inset 0px 1px 0px 0px #f9eca0; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffdf4f), color-stop(1, #ffd382) ); background:-moz-linear-gradient( center top, #ffdf4f 5%, #ffd382 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf4f', endColorstr='#ffd382'); background-color:#ffdf4f; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; text-indent:0; border:1px solid #d6ce36; display:inline-block; color:#000000; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:27px; line-height:27px; width:290px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ded17c; } .button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd382), color-stop(1, #ffdf4f) ); background:-moz-linear-gradient( center top, #ffd382 5%, #ffdf4f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd382', endColorstr='#ffdf4f'); background-color:#ffd382; }.button:active { position:relative; top:1px; }