/***************************************************
    CSS file for Bluesun Hotel Alga
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

body    { font: normal 9pt Arial, Helvetica, sans-serif; line-height: 1.4em; color: #000; background: #fff; }
a img   { border: none; }

a, a img,
a:link, a:visited, 
a:hover, 
a:active { outline: none; color: #000; text-decoration: none; }

#footer                 { clear: both; }
#footer p               { display: none; }
#footer p.first-child   { display: block; }

#contact-data br,
#contact-data h2,
#logo a,
#photo-gallery,
#basic-controls,
#local-navigation,
#search-status,
#modify-search,
#to-beginning,
.basicForm,
#tools,
#admin-pages,
#all-hotels,
#breadcrumbs,
#newsletter-teaser,
#header-flash,
.skip-links,
#navigation,
#booking-container,
#search-container,
.paginator,
.bookingForm { display: none; }

#logo      { font-size: 20pt; font-weight: bold; margin: 20px 0 0; }

#contact-data { border-top: 1px solid #000; }

h1         { font-size: 16pt; font-weight: normal; margin-top: 20px; margin-bottom: 25px; }
h2         { font-size: 10pt; font-weight: bold; margin: 20px 0 20px 0; }
h3         { font-size: 9pt; font-weight: bold; margin: 20px 0 15px 0; }
h4, h5, h6 { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }

p, ul, ol  { margin: 10px 0; }
ul, ol     { padding-left: 10px; }
ul li      { list-style: outside circle; margin-left: 20px; margin-right: 20px; }
ol li      { list-style: outside decimal; margin-left: 35px; margin-right: 20px; }

img        { margin: 0 5px; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }

table      { margin: 10px 5px; border-collapse: collapse; }
th, td     { padding: 5px; border: 1px solid #ccc; }
.blank     { margin: 10px 0; }
.blank th, 
.blank td  { border: none; padding: 0; }
table p, 
table ul, 
table ol, 
table table { margin: 0; }
caption     { margin: 10px 0 0 0; }


*       { margin: 0; padding: 0; list-style: none; }
#logo { display: block; margin-bottom: 30px; }

#search-results ul                 { list-style: none !important; }
#search-results li                 { padding: 10px 150px 5px 0; border-top: 1px solid #AABFD5; margin-bottom: 10px; font-size: 10pt; list-style: none !important; }
#search-results .first-child       { border-top: 0; margin-top: -15px; }
#search-results h3                 { font-size: 14px; line-height: 1.143; font-weight: bold; position: relative; padding-left: 30px; }
#search-results h3 span            { position: absolute; top: 0; left: -10px; width: 30px; text-align: right; color: #777; font-style: italic; }
#search-results p                  { padding: 10px 0 0 30px; }

#search-results a                  { color: #333; text-decoration: none; }
#search-results p a                { text-decoration:  underline; }


#news-listing                            { padding-top: 6px; padding-bottom: 20px; }
#news-listing .news-item                 { float: left; width: 325px; clear: both; padding: 0px 140px 5px 225px; border-top: 1px solid #000; margin-bottom: 15px; position: relative; min-height: 153px; height: auto !important; height: 153px; }
#news-listing .first-child               { border-top: 0; margin-top: -15px; }
#news-listing .news-item h2              { font-size: 14pt; line-height: 1.143; font-weight: bold; padding: 0 0 10px; }
#news-listing .news-item h2 a            { color: #333; text-decoration: none; }

#news-listing .news-item .date,
#news-listing .news-item .lead           { padding-bottom: 10px; }

#news-listing .news-item .photo,
#news-listing .news-item img          { width: 210px; height: 140px; margin: 0; }

#news-listing .news-item .photo       { position: absolute; top: 15px; left: 0; border: 1px solid #9dbdde; padding: 2px; }

#news-listing .no-photo               { width: 550px; padding-left: 0; min-height: 0; height: auto !important; height: 0; }

#news-listing h2 a:hover,
#news-listing h2 a:active,
#news-listing h2 a:focus   { color: #356aa0; }


#gallery-listing                            { padding-top: 6px; }
#gallery-listing .gallery-item              { float: left; width: 210px; border: 1px solid #000; padding: 147px 2px 10px; margin: 0 0 21px 11px; position: relative; }
#gallery-listing .first-in-row              { margin-left: 0; clear: both; }
#gallery-listing .gallery-item h2           { font-size: 1.2em; line-height: 1.143; font-weight: bold; padding: 5px 10px; margin: 0; }
#gallery-listing .gallery-item h2 a         { color: #333; text-decoration: none; }
#gallery-listing .gallery-item p            { font-size: 1.1em; line-height: 1; padding: 0 10px; }
#gallery-listing .gallery-item .date        { padding-bottom: 5px; }
#gallery-listing .gallery-item .photos-no   {}
#gallery-listing .gallery-item img          { margin: 0; padding: 0; }

#gallery-listing .gallery-item .photo       { position: absolute; top: 2px; left: 2px; }

#gallery-listing .gallery-item .photo,
#gallery-listing .gallery-item img          { width: 210px; height: 140px; }

#gallery-listing .gallery-item .photo a     {}

#gallery-listing h2 a:hover,
#gallery-listing h2 a:active,
#gallery-listing h2 a:focus   { color: #356aa0; }

#single-gallery                 { padding-top: 6px; list-style: none; }
#single-gallery li              { float: left; width: 210px; border: 1px solid #000; padding: 2px; margin: 0 0 21px 11px; list-style: none !important; }
#single-gallery .first-in-row   { margin-left: 0; clear: both; }
#single-gallery img             { width: 210px; height: 140px; display: block; margin: 0; padding: 0; }
#single-gallery dd              { font-size: 1em; text-decoration: none; }
#single-gallery dd a            { display: none; }

#featured-articles,
#special-offer,
#misc-content                   { clear: both; }


#featured-articles                      { float: left; width: 100%; }
#featured-articles .article-intro       { border-top: 1px solid #000; float: left; width: 460px; position: relative; min-height: 200px; height: auto !important; height: 200px; }

#featured-articles h3,
#featured-articles .lead                { padding-left: 240px; }

#featured-articles .no-photo h3,
#featured-articles .no-photo .lead      { padding-left: 0; }

#featured-articles h3                   { padding-top: 0; padding-bottom: 11px; font-size: 14px; line-height: 1.11; font-weight: bold; }
#featured-articles h3 a                 { color: #000; text-decoration: none; }

#featured-articles .first-child         { background: #eee url(../images/css/highlighted-article-460-bottom.gif) no-repeat 0 100%; margin-bottom: -1px; z-index: 2; }
#featured-articles .first-child h3      { background: url(../images/css/highlighted-article-460-top.gif) no-repeat 0 0; }

#featured-articles h3                   {}
#featured-articles .lead                { }

#featured-articles .first-child p,
#featured-articles .first-child ul      { color: #000; }

#featured-articles .lead ul             { list-style: none; }
#featured-articles .lead li             { padding: 0 0 0 14px; background: url(../images/css/li-square.gif) no-repeat 0 50%; }
#featured-articles .photo               { position: absolute; top: 25px; left: 25px; }

#featured-articles .more                { float: left; padding-right: 15px; background: url(../images/css/more-silver-right.gif) no-repeat 100% 0; }
#featured-articles .more a              { float: left; padding-left: 8px; background: url(../images/css/more-silver-left.gif) no-repeat 0 0; color: #fff; text-decoration: none; }


#special-offer                      { float: left; width: 100%; }
#special-offer h2                   { padding: 8px 12px; font-size: 1.4em; line-height: 1; font-weight: bold; color: #fff; background: url(../images/css/special-offer.gif) no-repeat 0 0; margin-bottom: 7px; }
#special-offer .article-intro       { border-top: 1px solid #000; padding-bottom: 12px; } 
#special-offer .first-child         { border-top: 0; border-bottom: 4px solid #000; }
#special-offer .article-intro h3    { font-size: 1.4em; padding: 7px 10px 2px; line-height: 1.143; font-weight: bold; }
#special-offer .article-intro h3 a  { color: #333; text-decoration: none; }
#special-offer .article-intro p     { padding: 0 10px; }
#special-offer .photo               {  padding: 7px 0 0; }
#special-offer .article-intro ul    { list-style: none; padding: 5px 12px 0; }
#special-offer .article-intro li    { padding: 0 0 0 14px; background: url(../images/css/li-square.gif) no-repeat 0 50%;}
#special-offer .article-intro li a  { color: #333; }

/* MISC CONTENT */
#misc-content                      { float: left; width: 100%; }
#misc-content .article-intro       { border-top: 1px solid #000; padding-bottom: 12px; }
#misc-content .article-intro h3    { font-size: 1.4em; padding: 7px 10px 2px; font-weight: bold; }
#misc-content .article-intro h3 a  { color: #333; text-decoration: none; }
#misc-content .article-intro p     { padding: 0 10px 8px; }
#misc-content .article-intro ul    { list-style: none; padding: 0 12px 10px; }
#misc-content .article-intro li    { padding: 0 0 0 14px; background: url(../images/css/li-square.gif) no-repeat 0 50%; }
#misc-content .article-intro li a  { color: #333; }

#misc-content .plain-article h3         { padding-top: 5px; padding-bottom: 4px; margin-bottom: 7px; background: url(../images/css/heading-frame-200.jpg) no-repeat 0 0; }

#misc-content .highlighted-article      { background: url(../images/css/highlighted-article-200-bottom.gif) no-repeat 0 100%; border-top: 0; margin-bottom: -1px; position: relative; }
#misc-content .highlighted-article h3   { background: url(../images/css/highlighted-article-200-top.gif) no-repeat 0 0; }

#misc-content .default-article          {}
#misc-content .first-child         { border-top: 0; }
#misc-content .photo               { }

#single-gallery:after,
#gallery-listing:after,
#news-listing:after,
#navigation ul:after,
#layout:after,
#content:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#single-gallery,
#gallery-listing,
#news-listing,
#navigation ul,
#layout,
#content        { width: 100%; }