@CHARSET "UTF-8"; /***************************************************************************************************/ /*...CSS.StyleSheet.for.Porat-apartments...........................................................*/ /*...Written.by:.Sinisa.Kusic.on.date.26/05/2007.
......................................*/ /*......................................................................*/ /*.......................................................................*/ /***************************************************************************************************/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // essential ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @import url("reset.css"); body { margin:0 auto; font-size:14px; font-family:Georgia, "Times New Roman", Times serif; color:#343434; background-color:#262626; } /* headings */ h1 { margin:5px 0 30px 0; color:#7b0000; background-color:inherit; font-size:24px; font-weight:lighter; } h2 { margin:5px 0 15px 0; color:#7b0000; background-color:inherit; font-size:20px; font-weight:lighter; } h3 { margin:5px 0 10px 0; color:#000; background-color:inherit; font-size:18px; font-weight:lighter; } h4 { margin:5px 0 5px 0; color:#000; background-color:inherit; font-size:16px; font-weight:lighter; } h5 { margin:2px 0 2px 0; color:#000; background-color:inherit; font-size:12px; font-weight:lighter; } h6 { margin:2px 0 2px 0; color:#000; background-color:inherit; font-size:10px; font-weight:lighter; } /* lists */ #col-two ol, #col-two ul { margin:10px 25px; } #col-two ol {list-style:decimal; } #col-two ul {list-style:disc; } #col-two li { padding:2px 5px; } /* links */ a, a:link, a:visited { color:#9f0018; background-color:inherit; text-decoration:none; } a:hover, a:active, a:focus { text-decoration:underline; } /* tables */ td, th { padding:5px; line-height:1.4em; } caption { padding:5px; font-size:18px; color:#7b0000; background-color:inherit; text-align:center; font-weight:bold; font-variant:small-caps; } /* images */ img { margin:-3px; color:inherit; background-color:#fff; border:solid 1px #eaeaea; padding:3px; } /* paragraphs */ p { padding:5px 0; margin:10px 0 25px 0; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // wrapper ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #wrapper { background:#fff url(../images/background-top.jpg) repeat-x; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // top ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #top { position:relative; width:750px; height:100px; margin:0 auto; } /* olive */ #olive { position:absolute; width:560px; height:224px; top:0; left:-100px; background:url(../images/olive.png) no-repeat; } /* logotip */ #logotip { margin:10px 0; display:inline; float:right; clear:both; } #logotip h1 { margin:0; padding:0; } #logotip a { display:block; color:#fff; background-color:inherit; } /* language selection */ #language-selection { display:inline; float:right; clear:both; } #language-selection ol { margin:0; padding:0; } #language-selection li { display:inline; float: left; padding:0; margin:0 5px 0 0; } #language-selection a { display:block; padding:5px; color:#7b0000; background-color:#fff; border:solid 1px #eaeaea; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // wrapper 2 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #wrapper-2 { padding:0 0 50px 0; background:#f9f9f9 url(../images/background-bottom.jpg) repeat-x 50% 100%; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // content ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #content { margin:0 auto; width:758px; background:url(../images/content-body.jpg) repeat-y; } #content .outer { background:url(../images/content-top.jpg) no-repeat 50% 0%; } #content .inner { width:730px; padding:14px 14px 50px 14px; background:url(../images/content-bottom.jpg) no-repeat 50% 100%; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #header { width:730px; height:125px; margin:0 0 10px 0; background:url(../images/headers/header-1.jpg) no-repeat; } #island-krk #header { background:url(../images/headers/header-2.jpg) no-repeat; } #porat #header { background:url(../images/headers/header-3.jpg) no-repeat; } #accommodation #header { background:url(../images/headers/header-4.jpg) no-repeat; } #how-to-get-to-us #header { background:url(../images/headers/header-5.jpg) no-repeat; } #photo-gallery #header { background:url(../images/headers/header-6.jpg) no-repeat; } #links #header { background:url(../images/headers/header-8.jpg) no-repeat; } #sitemap #header { background:url(../images/headers/header-6.jpg) no-repeat; } #contact #header { background:url(../images/headers/header-7.jpg) no-repeat; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // col one ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #col-one { width:155px; margin:0 10px 0 0; float:left; display:inline; } /* navigation */ #navigation { margin:0 0 30px 0; padding:5px 0 0 0; width:155px; background:#564944 url(../images/navigation-top.jpg) no-repeat; } #navigation ol, #navigation li { margin:0; padding:0; } #navigation ol { padding:0 0 5px 0; background:#564944 url(../images/navigation-bottom.jpg) no-repeat 50% 100%; } #navigation li { display:inline; text-align:center; } #navigation li a { width:145px; display:block; padding:5px; font-size:16px; font-variant:small-caps; text-align:center; } #navigation li a:link, #navigation li a:visited { color:#fff; background-color:inherit; text-decoration:none; } #navigation li a:hover, #navigation li a:active, #navigation li a:focus { color:#fff; background-color:#6f6460; } /* addressess */ #addressess { margin:0px; width:155px; } #addressess strong { margin:0 0 10px 0; font-weight:bold; font-size:14px; display:block; clear:both; } #addressess address { font-size:11px; margin:5px auto; padding:5px 0; border-bottom:solid 1px #eaeaea; font-size:11px; line-height:1.4em; overflow:hidden; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // col two ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #col-two { width:565px; float:right; display:inline; line-height:1.4em; } #col-two address { margin:15px auto; padding:10px; display:block; clear:both; color:#000; background-color:#fff; font-style:italic; } /* float left */ .flaot-image-left { margin:0 10px 10px 0; display:inline; float:left; } /* float right */ .flaot-image-right { margin:0 0 10px 10px; display:inline; float:right; } /* section lists */ #col-two .section-lists { margin:0 auto; padding:25px; list-style:none; } #col-two .section-lists li { margin:0 auto 20px auto; padding:10px; color:#000; background-color:#f7f3f0; border:solid 1px #c8b19a; } #col-two .section-lists li p { margin:10px 0 } /* thumb list */ #col-two .thumb-list { width:472px; margin:0 auto; padding:0; text-align:center; clear:both; } #col-two .thumb-list li { border:none; padding:0; margin:8px; float:left; display:inline; } /* price rates */ .price-rate { width:90%; margin:15px auto; clear:both; } .price-rate caption { margin:0 auto; font-size:20px; } .price-rate th { text-align:center; color:#fff; background-color:#7b0000; border-bottom:solid 1px #fff; border-right:solid 1px #fff; } .price-rate tbody th { text-align:left; width:30%; color:#fff; background-color:#74635a; } .price-rate tbody td { text-align:center; color:#000; background-color:#fff; border-bottom:solid 1px #eaeaea; border-right:solid 1px #eaeaea; } .price-rate tfoot { color:#fff; background-color:#3a3331; } .price-rate tfoot td { border-bottom:solid 1px #564944; } /* form */ #col-two form { width:90%; margin:0 auto; padding:5px; display:block; clear:both; color:inherit; background-color:#f7f3f0; border:solid 1px #c8b19a; } #col-two form fieldset { margin:0 0 30px 0; border:none; } #col-two form fieldset legend { margin:0 0 5px -5px; padding:0; font-size:18px; font-weight:bold; color:#7b0000; background-color:inherit; } #col-two form fieldset h3 { margin:10px 0; } #col-two form fieldset label { width:100%; position:relative; padding:10px 0; display: block; clear:both; } #col-two form fieldset label span { width:200px; padding:0 5px 0 0; display:inline; float:left; text-align:right; } #col-two form fieldset .input { width:245px; } #col-two form .highlightActiveField { margin:-2px; font-weight:bold; color:#27335d; background-color:#fff; border:solid 2px #d4d6de; } #col-two form fieldset .button { width:50%; margin:0 auto; font-size:16px; text-align:center; color:#fff; font-weight:lighter; background-color:#7b0000; font-family:Georgia, "Times New Roman", Times serif; border:solid 2px #c8b19a; text-transform:uppercase; display:block; clear:both; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // fotter ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #footer { position:relative; width:730px; margin:0 auto; padding:0 0 75px 0; display: block; clear:both; } /* quick links */ #quick-links { width:155px; padding:0 0 20px 0; background:#7b0000 url(../images/quick-links-bottom.jpg) no-repeat 50% 100%; } #quick-links ol, #quick-links li { margin:0; padding:0; } #quick-links li { display:inline; text-align:center; } #quick-links li a { width:145px; display:block; padding:5px; font-size:16px; font-variant:small-caps; text-align:center; } #quick-links li a:link, #quick-links li a:visited { color:#fff; background-color:inherit; text-decoration:none; } #quick-links li a:hover, #quick-links li a:active, #quick-links li a:focus { color:#fff; background-color:#8f2626; } /* pictures */ #pictures { position:absolute; width:536px; height:225px; background:url(../images/pictures.png) no-repeat; top:-55px; right:0; } #pictures a { width:536px; height:225px; display:block; } #pictures a span { margin:0 0 0 -9999px; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // pics ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #pics { width:730px; margin:0 auto; padding:0 0 35px 0; } #pics h1 { color:#fff; background-color:inherit; text-align:center; } /* pics */ #pics ol { width:708px; margin:0 auto; text-align:center; clear:both; } #pics li { margin:8px; float:left; display:inline; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // helpers ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }