/****************************************************************** * Atia Group CSS * @author Ivan Maros * @since 25.04.2008 ******************************************************************/ /****************************************************************** * General ******************************************************************/ * {padding: 0; margin: 0;} body, td {color: #666666; font: normal 12px/18px Arial, Helvetica, sans-serif;} body {background: #FFF; margin: 0; padding: 0; text-align: center;} a, a:link, a:visited, a:active, a:focus {color: #7F7F7F; text-decoration: none;} a:hover {color: #333;} img {border-width: 0;} p {margin: 0 0 1.2em;} hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;} ul, li {list-style: none; margin: 0; padding: 0;} table, td {vertical-align: top; margin: 0; padding: 0; border: 0;} form select option {padding-right: 7px;} .input-box {font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #999; color: #666; padding: 1px 3px;} .warn_color {font-size: 11px; color: #F00; display: block;} .left {float: left;} .right {float: right;} .clear {clear: both;} .block {display: block;} .noborder {border: 0 ! important;} .bold {font-weight: bold;} h1, h2, h3, h4, h5 {margin: 0 0 .6em; color: #7F7F7F; font-family: Arial, Helvetica, sans-serif;} /****************************************************************** * Structure ******************************************************************/ #container {position: relative; width: 956px; margin: 0 auto; padding: 0; text-align: center;} #header, #footer {clear: left; position: relative; width: 956px;} #content {clear: left; position: relative; margin: 0 auto; width: 500px; w\idth: 464px; padding: 0 18px; overflow: hidden; text-align: left;} #subnav {float: left; width: 130px;} #main-content {float: right; width: 464px;} #main-content.contract {width: 314px;} /****************************************************************** * Header ******************************************************************/ #header h1 {margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #808080;} #header h1 a {display: block; width: 86px; height: 128px; margin: 0 auto; background: url(images/a_logo_small.jpg) no-repeat 0% 50%; text-indent: -9999px;} body#cat_homepage #header h1 a {width: 138px; height: 224px; background: url(images/a_logo_big.jpg) no-repeat 0% 50%;} #header ul {text-align: center; margin: 0; padding: 0; margin-top: -4px;} #header ul li {display: inline; margin: 0; padding: 0; padding-right: 12px; text-transform: uppercase;} #header ul li.last {padding-right: 0px;} #header ul li a {color: #7F7F7F; margin: 0; padding: 0 18px; font-size: 12px; font-weight: bold; line-height: 27px; padding-top: 10px;} #header ul li a:hover, #header ul li.current a {color: #333; margin: 0; padding: 0 18px; border-top: 5px solid #808080;} /****************************************************************** * Content ******************************************************************/ #submenu {padding: 0; margin-bottom: 12px; width: 100px;} #submenu li {padding-bottom: 20px; font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform: uppercase;} #submenu li a {display: block; color: #7F7F7F;} #submenu li a:hover, #submenu li.current a {color: #333;} #content {margin-top: 30px;} #content, #content p, #content font, #content span {font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important;} #content #breadcrumbs {display: none; position: absolute; right: 15px; top: -3px; font-size: 10px; text-align: right;} #content h2 {color: #272423; background: #FFF url(images/p6_bg_content_h2.gif) no-repeat 7px 0px; font-size: 20px; line-height: 28px; margin: 0; padding: 5px 0 5px 40px; font-weight: normal; text-transform: uppercase;} #content #main-content div.static-text div.left {clear: both; float: left; width: 119px;} #content #main-content div.static-text div.right {float: right; width: 333px;} #content #main-content div.static-text a {font-weight: bold; text-decoration: underline;} #content #main-content div.static-text a:hover {text-decoration: underline;} #content div.content-box {margin: 0; margin-bottom: 30px; margin-right: 8px;} #content h3, #content h3 a {color: #333; font-size: 12px; text-transform: uppercase;} #content h3 {margin-top: 2px; margin-bottom: 2px;} #content h3 a:hover {color: #7F7F7F;} #content div.lead-pic {position: relative; float: left; margin-top: 0px; margin-right: 7px;} #content div.lead-pic a, #content #main-content div.lead-pic img {display: block; float: left; width: 160px; height: 120px;} #content div.lead-pic img.pic-mask {position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; border: 0;} #content a.more {clear: both; display: block; text-align: left; text-transform: lowercase; padding-top: 12px; text-decoration: underline;} #content div.paging-info {clear: both; text-align: center; font-weight: bold;} #content div.paging-info a, #content #main-content div.paging-info span {color: #7F7F7F; padding: 3px 6px; border: 1px solid #FFF;} #content div.paging-info a:hover, #content #main-content div.paging-info span {color: #999; border-color: #999;} #main-content h4 {color: #666; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; font-weight: normal;} #main-content div.tile-box {padding: 0 12px 12px;} #content #main-content div.lead-pic div {font-size: 10px;} #content #main-content div.date {font-weight: normal; color: #999;} /* Gallery specific */ #content ul#thumbnails {padding: 0; margin: 0; padding-top: 20px;} #content ul#thumbnails li {height: 156px; overflow: hidden;} #content ul#thumbnails li a {display: block; width: 122px; w\idth: 102px; height: 146px; he\ight: 136px; float: left; text-align: center; margin-right: 10px; padding: 10px 10px 0; background: url(images/em_bg_thumbnail.gif) no-repeat 0% 0%;} #content ul#thumbnails li a.last {margin-right: 0;} #content ul#thumbnails li a span.pic_image {position: relative; display: block; width: 102px; w\idth: 100px; height: 102px; he\ight: 100px; border: 1px solid #CCC; padding: 1px; cursor: pointer; overflow: hidden;} #content ul#thumbnails li a:hover span.pic_image {border-color: #CC252B;} #content ul#thumbnails li a span.pic_image img {position: relative; margin: 0 auto; border: none;} #content ul#thumbnails li a span.pic_title {display: block; height: 32px; margin: 0; padding: 0; overflow: hidden; font: bold 11px/28px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; cursor: pointer;} /* ------------------------------------------------------------------------ */ /* Booking form specific */ /*#content #frmBooking {padding: 7px 0;}*/ #content #frmBooking div {padding: 7px 0;} #content #frmBooking ol li {margin-left: 25px; padding: 7px 0; list-style: decimal;} #content #frmBooking ol label {padding: 4px 0;} #content #frmBooking {font-weight: bold;} #content #frmBooking .input-box {width: 200px; background-color: #F5F5F5;} #content #frmBooking label {display: block;} #content #frmBooking h2 {font-size: 12px; font-weight: bold;} #content #frmBooking h4 {color: #CCC; font-size: 11px; font-weight: normal;} #content .frm-buttons {clear: both; text-align: left;} #content .frm-buttons input {background-color: #E2E7F1; border: 1px solid #999; font-size: 11px; font-weight: bold; padding: 2px 10px; margin-right: 7px;} #content .frm-error-message {display: block; color: #F00;} #content .err-message {display: block; color: #F00; font-weight: normal;} /* ------------------------------------------------------------------------ */ #contact-form {clear: both; padding-top: 20px;} #content fieldset {margin: 0; padding: 0; border: 0;} #content fieldset ol {padding-top: 5px;} #content fieldset ol li {padding-bottom: 12px; clear: left;} #content fieldset label {display: block; float: left; width: 130px; font-weight: bold; padding-bottom: 2px;} #content fieldset label strong {display: block; font-weight: normal; color: #F00;} #content fieldset label em {font-style: normal; font-weight: normal;/* color: #F00;*/} #content fieldset .input-box {width: 240px;} #content fieldset textarea.input-box {width: 300px;} div.confirmation, div.notice {padding: 12px 7px; color: #F00; background-color: #F5F5F5; border: 1px solid #CCC; font-weight: bold;} div.vcard dl dt {display: block; clear: left; float: left; width: 130px; font-weight: bold;} div.vcard dl dt, div.vcard dl dd {padding-bottom: 4px;} div#poll ul.control li {padding-bottom: 4px;} img#spinner {display: block; position: absolute; top: 0px; right: 10px;} /****************************************************************** * Extras ******************************************************************/ #subnav h3 {color: #666; font-size: 16px; line-height: 18px; font-weight: normal; margin-bottom: 7px;} /****************************************************************** * Footer ******************************************************************/ #footer {margin-top: 20px; padding: 0; height: 40px; overflow: hidden; line-height: 40px; font-size: 11px; text-align: center; color: #A1A1A1;} /****************************************************************** * Slimbox ******************************************************************/ #lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 90;} #lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 91;} .lbLoading {background: #fff url(images/loading.gif) no-repeat center;} #lbImage {border: 10px solid #fff;} #lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; z-index: 92;} #lbPrevLink {left: 0;} #lbPrevLink:hover {background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;} #lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0;} #lbCaption, #lbNumber {margin-right: 71px;} #lbCaption {font-weight: bold;} #lbCaption #lbDesc {font-weight: normal; color: #777;}