/************************************************************ * CSS file for http://www.astoria-rab.com/ * * (C) http://web.burza.hr/. All rights reserved. * ************************************************************/ * { margin: 0; padding: 0; } body { background: #fff url(cssimg/pattern.gif); font: 62.5%/1.4 Georgia, "Times New Roman", Times, serif; text-align: center; color: #534741; } h2 { font-weight: bold; font-size: 1.2em; margin-bottom: .5em; color: #007173; } h3 { font-weight: bold; font-size: 1em; margin-bottom: .5em; color: #007173; } a img { border: 0; } a { color: #007173; } a:hover, a:active, a:focus { text-decoration: none; } #sizer { background: url(cssimg/top_stripe.gif) repeat-x; height: auto !important; height: 450px; min-height: 450px; } .grid { width: 640px; margin: 0 auto; text-align: left; font-size: 1.1em; padding: 0 4px; } .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .grid_content { width: 580px; margin: 0 auto; text-align: left; font-size: 1.3em; line-height: 1.2em; } .grid_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header { position: relative; padding-bottom: 1em; } #header #logo { float: left; position: relative; left: 27px; top: 43px; height: 42px; } #header #map { float: right; position: relative; right: 50px; height: 97px; } #header #languages { position: absolute; right: 0px; bottom: 0px; text-transform: uppercase; font-size: .9em; } #header #languages a { font-weight: bold; } #header #tagline { position: absolute; left: 30px; top: 90px; color: #736357; text-transform: uppercase; font-size: .9em; /*width: auto !important; width: 170px; min-width: 170px; max-width: 300px;*/ text-align: center; } #header #tagline strong { font-weight: normal; } #flash_container { background: url(cssimg/frame_lr.png) repeat-y; } #main_navigation { margin-top: 13px; background: url(cssimg/navigation_top.png) no-repeat; } #main_navigation ul { list-style-type: none; } #main_navigation ul li { float: left; padding-top: 17px; } #main_navigation ul li.active { padding-top: 0; } #main_navigation ul li a { display: block; } #main_navigation #menu_residence { width: 215px; } #main_navigation #menu_apartments { width: 210px; } #main_navigation #menu_restaurant { width: 215px; } #flash_container { } #footer p { margin: 0 auto 15px auto; text-align: center; } #footer a { font-weight: bold; } #footer #bottom_nav { background-position: 50% 0px; background-repeat: no-repeat; padding-top: 37px; margin-left: 5px; margin-right: 5px; } #footer #copyright { float: left; padding-left: 22px; } #footer #siteby { float: right; padding-right: 22px; } #apartment_pricelist h2 { text-align: center; } #apartment_pricelist h2.first_child { text-align: left; } #apartment_pricelist ul { padding: 0 50px 20px 50px; } #apartment_pricelist table { width: 100%; border: 3px double #ccc; margin-bottom: 1.5em; border-collapse: collapse; } #apartment_pricelist caption { padding-bottom: .5em; } #apartment_pricelist th, #apartment_pricelist td { padding: 5px; text-align: center; vertical-align: middle; border-bottom: 1px solid #eee !important; font-size: .9em; } #apartment_pricelist th { text-transform: uppercase; font-weight: normal; color: #007173; } #apartment_pricelist td { font-weight: bold; border: 0; } #apartment_pricelist .smallprint { font-size: .7em; color: #999; margin-bottom: 2em !important; } #visitors_taxes th, #visitors_taxes td { border-bottom: 1px solid #eee; } #apartments_nav { width: 100%; display: block; text-align: center; margin: 1em 0 2em 0; font-size: 2em; color: #a9a3a0; line-height: 1; } #apartments_nav a { margin: 0 .3em; } /* booking: all elements */ #contact_container { background: url(cssimg/form_bkg.gif) 50% 0px no-repeat; padding: 30px 20px 0 20px; width: 580px; } #contact_container form { background: #FFF; } #contact_container form select, #contact_container form .input_text, #contact_container form textarea { font: 1em Georgia, "Times New Roman", Times, serif; border: 1px solid #7f9db9; padding: 1px; } /* booking: availability elements */ #apartment_form { margin-top: 2em; } #apartment_form #apartment, #apartment_form #date_day, #apartment_form #date_day_to, #apartment_form #date_month, #apartment_form #date_month_to { width: 3.5em; } #apartment_form #date_year, #apartment_form #date_year_to { width: 5em; } #apartment_form #persons { width: 3.5em; } #apartment_form label { float: left; width: auto !important; width: 14em; min-width: 14em; } #apartment_form .field { margin-bottom: .5em; } #apartment_form .button_holder { padding-left: 14em; } #avalible_response { margin: 1em 0; } #avalible_response p a { color: #6e6e6e; } #avalible_response p.no { border: 1px solid #FF0000; padding: 1em; height: 1%; margin-bottom: 10px; color: #FF0000; background: #FFE; } #avalible_response p.no span { font-weight: bold; } #avalible_response p.yes { border: 1px solid #007173; padding: 1em; height: 1%; margin-bottom: 10px; color: #007173; background: #FFE; } /* booking: user data */ #data_form { clear: both; margin-bottom: 1em; } #data_form .field { margin-top: .5em; } #data_form label { float: left; width: auto !important; width: 150px; min-width: 150px; clear: both; } #data_form textarea { width: 376px; height: 8em; border: 1px solid #eee; } #data_form .input_text { width: 40%; } #data_form .input_image { position: relative; left: 150px; } #price_calc { width: 100%; border: 3px double #ccc; margin-bottom: 1.2em; border-collapse: collapse; border-spacing: 0; } #price_calc, #price_calc caption { padding-bottom: .5em; } #price_calc .price { text-align: right; font-weight: bold; } #price_calc tr.sum td { border-top: 3px double #ccc !important; } #price_calc th, #price_calc td { padding: 5px; vertical-align: middle; border-top: 1px solid #eee; font-size: .9em; } #price_calc th { text-transform: uppercase; font-weight: normal; color: #007173; } #gallery .item { float: left; margin: 0 12px 12px 0; } #gallery .last { margin-right: 0; } #restaurant #main_content ul { padding: 0 50px 20px 50px; } #restaurant #main_content li { padding-top: 5px; } /*** HOMEPAGE ***/ #homepage #main_content { background: url(cssimg/frame_lr.png) repeat-y; } #homepage #main_content #content { background: url(cssimg/homepage_content_bkg.gif) repeat-y; float: left; } #homepage #main_content .inner { background: url(cssimg/homepage_bottom.jpg) bottom no-repeat; float: left; } #homepage #main_content #content_residence { float: left; width: 185px; } #homepage #main_content #content_apartments { float: left; width: 180px; } #homepage #main_content #content_restaurant { float: left; width: 185px; } #homepage #main_content p { padding: 15px 15px 17px 15px; } #homepage #main_content p img { position: relative; top: 2px; } #homepage #footer #bottom_nav { background-image: url(cssimg/frame_bottom_homepage.jpg); } #homepage #main_content h2 { position: absolute; left: -1000px; top: -9999px; } /*** RAB ***/ #rab #main_content ul { padding: 10px 50px 0 20px; } #rab #main_content ul li { padding-bottom: 10px; } /*** INSIDE PAGE ***/ .inside_page #main_content { background: url(cssimg/content_top.png) no-repeat 50% 0px; padding-top: 30px; text-align: center; width: 650px; } .inside_page #main_content #content { margin: 0 auto; width: 628px; background: url(cssimg/content_bkg.png) repeat-y 50% 0px; padding-bottom: 20px; height: auto !important; height: 100px; min-height: 100px; } .inside_page #main_content #content p { margin-bottom: 1.2em; } .inside_page #footer #bottom_nav { background-image: url(cssimg/content_bottom.jpg); } .system_message { clear: both; padding: 10px; border: 1px solid #f00; background: #ffe; height: 1%} .system_message h3 { margin-bottom: .5em; } .system_message ul { margin: 0 0 0 1em; } .error p, .confirmation p { padding: 0; } .error { color: #f00; margin-bottom: 1em; } .error h3 { color: #f00 !important; } .confirmation { color: green; border-color: green; } .error p { color: #f00; } .confirmation p { color: green; }