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

body    { font: normal 10pt Arial, Helvetica, sans-serif; line-height: 14pt; color: #000; background: #fff; }

a img   { border: none; }

*       { margin: 0; padding: 0; }

a, a img    { outline: none; color: #000; text-decoration: none; }

#gallery-container,
#local-navigation,
#footer p,
#stipic-group,
#page-home #main-content img,
.paginator,
#basic-controls,
#admin-pages,
#to-beginning,
#tools,
#breadcrumbs,
#supplementary-navigation,
#navigation,
#languages-container,
#logo a,
.skip-links,
#group-links,
#savjet-logo     { display: none !important; }


#footer                     { clear: both; width: 100%; }
#footer p.first-child       { display: inline !important; padding-right: 20px; font-size: 8pt; }

#content { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px 0; margin: 20px 0; }

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

p, ul, ol  { margin: 10px 0; }

ul li      { margin-left: 20px; }
ol li      { margin-left: 35px; }

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

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 #000; }
.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; }

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

#layout,
#content         { width: 100%; }

/* NEWS LISTING */
#news-listing                       { width: 555px; margin: 0 0 20px 0; }
#news-listing h1                    { padding: 0 0 28px 155px; }

#news-listing .news-intro           { padding: 0 0 30px 155px; position: relative; margin-bottom: 11px; }

#news-listing .news-intro h2        { margin-bottom: 12px; }
#news-listing .news-intro h2 a      { color: #000; text-decoration: none; }

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

#news-listing .news-intro .photo    { position: absolute; top: -12px; left: 0; }
#news-listing .date                 { font-size: 11px; color: #949B9D; position: absolute; bottom: 0; left: 155px; }


/* CATEGORY LISTING */
#category-listing                           { float: left; width: 100%; }
#category-listing .article-intro            { float: left; width: 100%; position: relative; margin-bottom: 7px; border-top: 1px solid #000; }
#category-listing .first-child              { border-top: 0; }
#category-listing .article-intro .inner     { float: left; padding: 41px 100px 13px 330px; width: 425px; min-height: 180px; height: auto !important; height: 180px; }

#category-listing .first-child .inner       { background: 0; }

#category-listing .article-intro h2         { font-size: 20px; line-height: 24px; margin-bottom: 8px; color: #7A7E7E; font-weight: normal; }
#category-listing .article-intro h2 a       { color: #7A7E7E; text-decoration: none; }

#category-listing .article-intro h2 a:hover,
#category-listing .article-intro h2 a:active,
#category-listing .article-intro h2 a:focus { text-decoration: underline; }


#category-listing .article-intro .photo      { position: absolute; top: 30px; left: 40px; clear: both; }

.content-button,
#category-listing .category-button          { float: left; margin: 0; display: inline; font-weight: bold; }