/***************************************************
    CSS file for Camp Vira
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body	        { font: 12px/18px Arial, Verdana, sans-serif; color: #333; background: #ccecff url(../images/css/body-bkg.gif) repeat-x 0 0; }
:root           { overflow-y: scroll; }
h1, h2, h3      { font-weight: bold; color: #065c9e; }

a               { color: #065c9e; text-decoration: underline; }

a:hover,
a:active,
a:focus         { text-decoration: none; }

fieldset,
a img       { border: 0; }

table       { text-align: left; border-collapse: collapse; border-spacing: 0; }

td,
th          { vertical-align: top; text-align: left; }

legend                  { white-space: normal; }
select, input, textarea { outline: 0; font: 12px/18px Arial, sans-serif; }

/* LAYOUT */
#layout			    { width: 920px; margin: 0 auto; position: relative; }
#content                    { clear: both; background: #fff;  position: relative; padding: 20px 0; }
#content-inner              { background: url(../images/css/content-splitter.gif) repeat-y 240px 0; }
#page-home #content-inner   { padding-bottom: 0; }

#main-content               { float: right; width: 680px; overflow: hidden; }
#page-home #content         { /*background: #fff url(../images/css/home-content-bkg.gif) repeat-x 0 100%;*/ }

/* HEADER */
#header                 { position: relative; width: 921px; height: 345px; padding: 0 5px 5px 0; background: url(../images/css/header-shadow.gif) no-repeat 100% 100%; }
#header-photo           { background: #fff; padding: 0; clear: both; width: 920px; height: 278px; overflow: hidden; position: absolute; left: 0; bottom: 5px; z-index: 10; }

#header-photo div		{ width: 921px !important; height: 278px !important; position:relative !important; overflow: hidden !important; }
#header-photo div img	{ width: 921px !important; height: 278px !important; position:absolute !important; top: 0 !important; left: 0 !important; }

#logo                   { position: absolute; top: 45px; left: 0; margin: 0; display: inline; background: url(../images/css/logo.png) no-repeat 0 0; }
#logo,
#logo a                 { display: block; width: 186px; height: 41px; overflow: hidden; }
#logo a                 { text-indent: -9999px; }

#slogan                 { position: absolute; top: 45px; left: 190px; width: 300px; height: 15px; overflow: hidden; }
#header div.hr          { background: url(../images/css/slogan-hr.gif) no-repeat 0 0; }
#header div.en          { background: url(../images/css/slogan-en.gif) no-repeat 0 0; }
#header div.it          { background: url(../images/css/slogan-it.gif) no-repeat 0 0; }
#header div.fr          { background: url(../images/css/slogan-fr.gif) no-repeat 0 0; }
#header div.de          { background: url(../images/css/slogan-de.gif) no-repeat 0 0; }
#header div.si          { background: url(../images/css/slogan-si.gif) no-repeat 0 0; }

#stars                  { width: 51px; height: 10px; overflow: hidden; background: url(../images/css/stars.gif); position: absolute; top: 30px; left: 130px; }
#header-wave            { width: 921px; height: 18px; overflow: hidden; background: url(../images/css/wave.png) no-repeat 0 0; position: absolute; top: 65px; left: 0; z-index: 9999; }

#languages-container        { float: right; margin: 0 5px 0 0; display: inline; }
#languages-container ul     { list-style: none; }
#languages-container li     { float: left; font-size: 11px; line-height: 1; margin: 35px 0 0 5px; display: inline; }
#languages-container li a   { display: block; width: 24px; height: 22px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/flags.gif);  }

#languages-container li.select-child a:hover    { cursor:default; }

#languages-container #hr a { background-position: 0 0; }
#languages-container #hr a:hover,
#languages-container #hr.on a { background-position: 0 -22px; }

#languages-container #en a { background-position: -24px 0; }
#languages-container #en a:hover,
#languages-container #en.on a { background-position: -24px -22px; }

#languages-container #it a { background-position: -48px 0; }
#languages-container #it a:hover,
#languages-container #it.on a { background-position: -48px -22px; }

#languages-container #fr a { background-position: -72px 0; }
#languages-container #fr a:hover,
#languages-container #fr.on a { background-position: -72px -22px; }

#languages-container #de a { background-position: -96px 0; }
#languages-container #de a:hover,
#languages-container #de.on a { background-position: -96px -22px; }

#languages-container #si a { background-position: -120px 0; }
#languages-container #si a:hover,
#languages-container #si.on a { background-position: -120px -22px; }



/* SECONDARY NAV */
#supplementary-navigation           { clear: both; float: right; margin: -45px 0 0 0; position: relative; left: 0px; width: 710px; }
#supplementary-navigation ul        { float: right; list-style: none; }
#supplementary-navigation li        { float: left; font-size: 14px; line-height: 16px; margin-left: 6px; display: inline; }
#supplementary-navigation li a      { color: #155e80; text-decoration: none; display: block; padding: 4px 3px 5px; white-space: nowrap; }

#supplementary-navigation li.over,
#supplementary-navigation li:hover,
#supplementary-navigation li.active         { background: #065c9e url(../images/css/nav-active.gif) no-repeat 50% 100%; }

#supplementary-navigation li.over a,
#supplementary-navigation li:hover a,
#supplementary-navigation li.active a       { color: #fff; }

/* NAVIGATION */
#navigation                     { float: left; padding: 8px 0 0 21px; overflow: hidden; font-size: 13px; }
#navigation ul                  { list-style: none; width: 187px; }
#navigation li                  { margin-bottom: 3px; }
#navigation li a                { display: block; border-top: 1px solid #e5e5e5; text-decoration: none; padding: 2px 0 0 0; }
#navigation li.first-child a    { border-top: 0; }

#navigation li.active a         { font-weight: bold; }
#navigation li.active li a      { font-weight: normal; }
#navigation li li a.active      { font-weight: bold; }

#navigation li ul               { margin-top: 4px; }
#navigation li li               { background-position: 11px 9px; }
#navigation li li a             { padding-left: 22px; }

#navigation li li li            { background-position: 22px 9px; }
#navigation li li li a          { padding-left: 33px; }

#navigation li li li li         { background-position: 33px 9px; }
#navigation li li li li a       { padding-left: 44px; }

#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus          { text-decoration: underline; }

/* ARTICLE */
#article-container      { width: 640px; padding: 11px 20px 20px 20px; }

.article                { color: #39393A; }

.article a              { }

.article p,
.article ul,
.article ol,
.article dl            { margin-bottom: 18px; }

.article dt            { font-weight: bold; }

h1,
.article h1             { font-size: 18px; line-height: 18px; margin-bottom: 6px; font-weight: normal; }

.article h2             { font-size: 12px; line-height: 18px; margin-bottom: 6px; }

.article h3,
.article h4,
.article h5,
.article h6              { font-size: 12px; line-height: 18px; color: #065c9e; margin-bottom: 6px; font-weight: normal; }

.article ul             { list-style: none; }
.article ul li          { padding: 0 0 0 12px; margin-left: 10px; background: url(../images/css/li-dot.gif) no-repeat 0 8px; }

.article ol             { margin-left: 25px; }
.article li ol li          { background: 0; margin-left: 0; padding: 0; }

.article li ul,
.article li ol               { margin-top: 18px; }

.article table               { margin-bottom: 18px; }

.article table td,
.article table th            { padding: 5px 10px; border-top: 1px solid #ededed; font-weight: normal; }

.article table th            { color: #065c9e; font-weight: bold; }

.article table caption          { color: #065c9e; padding: 0 10px 5px; font-weight: bold; text-align: left; }
.article table.blank            { margin-left: 0; margin-right: 0; border: none; width: auto; }
.article table.blank tr         { background: 0; }
.article table.blank caption    { padding: 0 0 10px; text-align: center; }

.article table.blank th,
.article table.blank td         { border: 0; background: none; font-weight: normal; padding: 0; }

.article .left         { float: left; margin: 5px 18px 0 0; clear: left; display: inline; }
.article .right        { float: right; margin: 5px 0 0 18px; clear: right; display: inline; }


/* FEATURED ARTICLES */
#featured-articles                  { float: right; width: 100%; background: url(../images/css/featured-articles.gif) repeat-y 0 0; margin: 0; }
#featured-articles .article-intro   { float: left; width: 190px; margin-left: 15px; display: inline; padding-left: 20px; overflow: hidden; }
#featured-articles .first-child     { margin-left: 0; }
#featured-articles img              { margin-bottom: 12px; }
#featured-articles h2               { font-size: 14px; line-height: 18px; margin-bottom: 6px; }
#featured-articles h2 a             { text-decoration: none; }

#featured-articles h2 a:hover,
#featured-articles h2 a:active,
#featured-articles h2 a:focus       { text-decoration: underline; }

#video img { margin: 0 !important; }

#map { margin: 15px 0; padding: 15px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 1.2em; }
#map img { margin: 0 0 5px 0 !important; }
#map a { text-decoration: none !important; }

#reservation-link a { display: block; padding: 2px 0; text-align: center; background: #c52727 !important; color: #fff !important; text-decoration: none !important; margin-bottom: 10px; }
#catalog-link { background-color: #065c9e !important; }
#catalog-link a { display: block; padding: 2px 0 2px 18px; color: #fff !important; text-decoration: none !important; background: url(../images/css/pdf-icon.gif) no-repeat 5px 4px !important; font-size: 11px; }


/* PHOTO GALLERY */
#photo-gallery          { clear: both; position: relative; left: 20px; }

/* GALLERY LISTING */
#gallery-listing                            { width: 640px; padding: 11px 20px 0 20px; }

#gallery-listing .gallery-item              { float: left; width: 192px; border: 1px solid #9dbdde; padding: 147px 2px 10px; margin: 0 0 23px 23px; display: inline; position: relative; background: #fff; }
#gallery-listing .first-in-row              { margin-left: 0; clear: both; }

#gallery-listing .gallery-item h2           { font-size: 12px; line-height: 18px; font-weight: bold; padding: 5px 10px; }
#gallery-listing .gallery-item h2 a         { text-decoration: none; color: #065c9e; }

#gallery-listing .gallery-item p            { font-size: 11px; line-height: 1; padding: 0 10px; }

#gallery-listing .gallery-item .date        { padding-bottom: 5px; }

#gallery-listing .gallery-item .photos-no   {}

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

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

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

#gallery-listing h2 a:hover,
#gallery-listing h2 a:active,
#gallery-listing h2 a:focus   { text-decoration: underline; }

/* SINGLE GALLERY */
#single-gallery                 { width: 640px; padding: 11px 20px 0 20px; }
#single-gallery ul              { list-style: none; }
#single-gallery li              { float: left; width: 192px; border: 1px solid #9dbdde; padding: 2px; margin: 0 0 23px 23px; display: inline; background: #fff; }
#single-gallery .first-in-row   { margin-left: 0; clear: both; }
#single-gallery img             { width: 192px; height: 144px;  margin: 0; }
#single-gallery span.imageinfo  { font-size: 11px; text-decoration: none; padding: 5px 10px 5px 5px; display: block; }
#single-gallery span.imageinfo a{ background: url(../images/css/icon-zoom.gif) no-repeat 0 50%; padding-left: 20px; }

#basic-controls     { list-style: none; text-align: center; margin: 0 20px; }
#basic-controls li  { display: inline; padding: 0 10px; }



/* PAGINATION */
.paginator                  { margin: 0 20px 0 13px; }
.paginator ul               { list-style: none; }
.paginator ul li            { float: left; padding: 0; margin-right: 3px; }
.paginator a                { float: left; padding: 2px 8px; text-decoration: none; }

.paginator .on,
.paginator a:hover,
.paginator a:active,
.paginator a:focus           { background-color: #b0c5d4; text-align: center; }

.paginator .firstPage a,
.paginator .lastPage a,                
.paginator .prevPage a,
.paginator .nextPage a       { text-indent: -9999px; width: 22px; height: 22px; padding: 0; background-color: transparent !important; }

.paginator .firstPage a      { background: url(../images/css/pagination-first.gif) no-repeat 50% 50%; }
.paginator .firstPage a.off  { background: url(../images/css/pagination-first-off.gif) no-repeat 50% 50%; }

.paginator .prevPage a          { background: url(../images/css/pagination-prev.gif) no-repeat 50% 50%; }
.paginator .prevPage a.off      { background: url(../images/css/pagination-prev-off.gif) no-repeat 50% 50%; margin-right: 5px; }
.paginator .nextPage a          { background: url(../images/css/pagination-next.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .nextPage a.off      { background: url(../images/css/pagination-next-off.gif) no-repeat 50% 50%; margin-left: 5px; }
.paginator .lastPage a          { background: url(../images/css/pagination-last.gif) no-repeat 50% 50%; }
.paginator .lastPage a.off      { background: url(../images/css/pagination-last-off.gif) no-repeat 50% 50%; }


/* TOOLS */
#breadcrumbs            { padding: 4px 150px 24px 11px; }
#breadcrumbs ul         { list-style: none; }
#breadcrumbs li         { float: left; font-size: 11px; margin-right: 3px; }
#breadcrumbs a          { padding-right: 9px; background: url(../images/css/breadcrumbs-splitter.gif) no-repeat 100% 50%; color: #333; }
#breadcrumbs .on a      { padding-right: 0; background: 0; text-decoration: none; }

#tools              { position: absolute; height: 26px; top: -29px; right: 11px; width: 78px; }
#tools ul           { list-style: none; float: right; height: 15px; padding: 0; }
#tools li           { float: left; text-transform: uppercase; margin-left: 7px; line-height: 1; display: inline; position: relative; }
#tools li.small     { font-size: 10px; top: 10px; }
#tools li.medium    { font-size: 12px; top: 8px; }
#tools li.large     { font-size: 16px; top: 5px; }

#tools li a         { text-decoration: none; color: #333; }

#tools li a:hover,
#tools li a:active,
#tools li a:focus   { text-decoration: underline; }

#print-link         { margin: 9px 0 0 8px; position: static !important; float: left; display: inline; width: 13px; height: 12px; text-indent: -9999px; overflow: hidden; background: url(../images/css/icon-print.gif) no-repeat 50% 0; }
#print-link a       { display: block; width: 13px; height: 12px; }

#to-beginning       { clear: both; text-align: right; position: absolute; bottom: -24px; right: 10px; }
#to-beginning p     { font-size: 11px; }
#to-beginning a     { color: #333; }

/* NEWSLETTER */
#footer-and-newsletter  { background: #024469; clear: both; margin: 28px 0 10px; }

#newsletter-teaser          { float: right; width: 220px; padding: 7px 5px 7px 10px; margin: 15px 184px 15px 0; display: inline; }
#newsletter-teaser h2       { font-size: 13px; line-height: 15px; font-weight: bold; color: #fff; margin-bottom: 3px; }
#newsletter-teaser p        { font-size: 11px; line-height: 13px; color: #fff; }
#newsletter-teaser .more    { float: left; font-size: 10px; text-transform: uppercase; background: #031c35; padding: 2px 5px; margin-top: 5px; }
#newsletter-teaser .more a  { color: #fff; display: block; background: url(../images/css/arrow-white.gif) no-repeat 100% 50%; padding-right: 7px; text-decoration: none; }

#newsletter-teaser .over,
#newsletter-teaser .more:hover   { background: #14354f; }

#legal                 { float: left; width: 460px; font-size: 11px; line-height: 16px; text-align: right; margin: 20px 15px 0 0; padding: 20px 25px 20px 0; border-right: 1px solid #065c9e; display: inline; color: #fff; }
#legal a               { color: #fff; }


/* FORM */
#newsletter-container   { width: 640px; padding: 11px 20px 0 20px; }

.basicForm              { padding-top: 10px; }
.basicForm a            { }

.basicForm a:hover,
.basicForm a:active,
.basicForm a:focus      { text-decoration: none; }

.basicForm fieldset     { border: none; margin-bottom: 10px; }
.basicForm legend       { display: none; }

.basicForm ul           { color: #f00; margin: 20px; }

.basicForm div.input,
.basicForm div.date,
.basicForm div.textarea,
.basicForm div.select,
.basicForm div.radio,
.basicForm div.checkbox,
.basicForm div.file     {  clear: both; padding: 10px 0; font-size: 12px; color: #333; position: relative; }

.basicForm div.input input,
.basicForm div.date input,
.basicForm textarea,
.basicForm select,
.captchaInput input     { border: 1px solid #73a6ce; padding: 3px; margin-right: 5px; }

.basicForm .input .RadInput input,
.basicForm .date .RadInput input   { border: 1px solid #73a6ce; text-indent: 2px; margin: 0; }

.basicForm div.input input.readonly,
.basicForm div.date input.readonly { background: #f5f5f5; border: 1px solid #AABFD5; color: #ccc; }

.basicForm div.input input         { width: 230px; }
.basicForm div.captchaInput input  { width: 100px; }

.basicForm div.input input:focus,
.basicForm div.textarea textarea:focus,
.basicForm div.captchaInput input:focus { background: #fbfeff; border-color: #467fa3; }

.basicForm div.input label,
.basicForm div.date label,
.basicForm div.textarea label,
.basicForm div.select label,
.basicForm div.file label          { display: block; float: left; width: 140px; padding-top: 4px; margin-right: 10px; vertical-align: middle; }

.basicForm div.textarea label,
.basicForm textarea                { vertical-align: top; }

.basicForm .checkbox input         { width: auto; border: none; background: inherit; font-size: inherit; }

.basicForm .input input.checkbox,
.basicForm .checkbox input         { display: inline; width: auto; height: auto; background: transparent; border: none; vertical-align: middle; }

.basicForm .input select,
.basicForm .select select          { width: 238px; }

.basicForm .input select option,
.basicForm .select select option   { padding-right: 10px; margin-bottom: 2px; }

.basicForm div.checkbox            { padding: 0 0 0 180px; overflow: hidden; height: 100%; }

.basicForm .captchaWrapper         { margin: 10px 0 0 150px; }

.captchaImageWrapper img           { display: block; margin: 0 0 5px 0; }

.captchaImageWrapper a             { font-size: 12px; display: block; padding: 10px 0 0; }

.basicForm .submit                 { padding: 10px 0 10px 150px; }


.basicForm .submit input           { font-size: 12px; line-height: 14px; background: #065c9e; padding: 2px 10px; border: none; color: #fff; }

.errorMessage       { color: #cc0000; font-size: 12px; position: absolute; margin: 2px 0 0 5px; font-size: 11px; top: -10px; left: 145px; }
.captchaInput       { margin-top: 10px; margin-bottom: 20px; }
.captchaInput label { display: block; margin-bottom: 3px; }
.captchaInput input { display: block; }


.terms              { margin: 0 0 15px 190px;  }
.terms input        { display: block; float: left; width: auto; margin-right: 10px; }
.terms label        { display: block; float: left; width: 300px; }
.notice             { margin: 10px 0 10px 190px; }
.basicForm .textarea textarea { width: 230px; height: 100px; }
.error              { margin: 10px 0 10px 190px; color: #cc0000; }

.basicForm .radioTitle                  { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; }
.basicForm .radioButtons label          { margin: 0 10px 0 0; }
.basicForm .checkboxTitle               { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; }
.basicForm .radioButtons input          { vertical-align: middle; }
.basicForm .radioButtons input.input    { background: #fff; border: 1px solid #333; padding: 3px; vertical-align: middle; margin-left: 5px; margin-right: 5px; }

.checkboxWrapper                  { height: 100%; overflow: hidden; margin: 10px 0; }
.checkboxWrapper input            { vertical-align: middle; }
.basicForm .checkboxButtons label { margin: 0 10px 0 0; }
.basicForm .multipleSelect        { padding: 15px 0 0 0; }
.basicForm .multipleSelectTitle   { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; }
.basicForm .multipleSelect select { margin: 0 10px 0 0; width: 80px; }


/* MISC */
.basicForm fieldset:after,
.basicForm div.input:after,
.basicForm div.date:after,
.basicForm div.textarea:after,
.basicForm div.select:after,
.basicForm div.radio:after,
.basicForm div.checkbox:after,
.basicForm div.file:after,
.basicForm .captchaWrapper:after,
.basicForm .multipleSelect:after,
.terms:after,
#footer-and-newsletter:after,
#content-inner:after,
#single-gallery:after,
#gallery-listing:after,
.article:after,
.paginator ul:after,
#header:after,
#layout:after,
#content:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#breadcrumbs p,
#languages-container .select-child,
#languages-container p,
#logo img,
#tools p,
.paginator p,
#logo img,
.skip-links,
#navigation h2         { position: absolute; top: -9999px; left: -9999px; }

#admin-pages                { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #fff; }
#admin-pages ul             { list-style: none; }
#admin-pages li             { padding: 5px 0; text-transform: uppercase; font-size: 10px; line-height: 1; border-top: 1px solid #eee; }
#admin-pages li.elements    { display: none; }
#admin-pages li a           { color: #225992; }
#admin-pages li:first-child { border-top: 0; }
#admin-pages li.active a    { color: #f00; }