/***************************************************
    CSS file for Villa Tuttorotto
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/
*       { margin: 0; padding: 0; list-style: none; }

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; }

#featured-articles  h2,
#sidebar-content,
#languages-container,
#logo a,
#to-beginning,
#tools,
#admin-pages,
#breadcrumbs,
#header-flash,
.skip-links,
#navigation,
#external-navigation,
#booking-container,
.bookingForm { display: none; }

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

h1,
h2,
h3,
h4         { font-family: Georgia, sans-serif; }

h1         { font-size: 18pt; line-height: 24pt; font-weight: normal; margin-top: 20px; margin-bottom: 25px; }
h2         { font-size: 12pt; line-height: 15pt; font-weight: bold; margin: 20px 0 20px 0; }
h3         { font-size: 9pt; line-height: 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; }


#featured-articles              { clear: both; }


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

#photo-gallery,
#article,
#layout,
#content        { width: 100%; }