/* -------------------- PAGE LAYOUT -------------------- */
* {
  margin: 0; 
  padding: 0;
}

* html {
  text-align: center;
}

body {
  background: #D4E1F1; 
}

body, th, td { 
  font-size: .74em; 
  font-family: Verdana, "Geneva CE", lucida, sans-serif;  
  line-height: 1.6em;
}


#wrapper { 
  position: relative; 
  width: 705px; 
  margin: 0 auto 0 auto; 
  text-align: left; 
  background: url('/css/img/bcg.jpg') top left repeat-y; 
  color: #444; 
}

#header { 
  background: url('/css/img/header.jpg') top left no-repeat; 
  width: 705px; 
  height: 120px;
}

#logo {
  display: block;
  background: url('/css/img/logo.png') center left no-repeat; 
  width: 450px; 
  height: 82px; 
  position: relative; 
  top: 32px; 
  left: 140px;
}

#logo span {
  display: none;
}

#about {
  display: none; 
}

#menu {
  font-weight: bolder; 
  font-size: .9em; 
  margin: 0 18px 0 26px; 
  background-color: #E3EAF4;
  padding: 5px 0 5px 10px; 
  border-top: 1px solid #C2D6EB; 
  border-bottom: 1px solid #C2D6EB;
}

#menu li {
  display: inline;
}

#menu li a {
  text-decoration: none; 
  color: #4168AF; 
  margin: 0 19px;  
}

#menu li a:hover, #menu li a:focus {
  text-decoration: underline;
}

#menu li a.active {
  color: #C959DD;  
}

#breadcrumb hr {
  display: none;
}

#breadcrumb { 
  margin: 3px 24px 0 20px; 
  padding: 5px 33px; 
  font-size: .85em;
}

#breadcrumb a, #breadcrumb {
  color: #4168AF;  
}

#content {
  margin: 0 60px 50px 50px;
}

#info { 
  display: none;
  background: url('/css/img/views.jpg') top left repeat-y; 
  text-align: center; 
  font-size: .9em;  
  padding: 5px 0;
}

#footer {
  color: #4168AF;  
  background: url('/css/img/footer.jpg') bottom left no-repeat; 
  min-height: 50px; 
  _height: 50px;
  text-align: center; 
  font-size: .9em;  
  clear: both;
}

#footer-in {
  padding: 3px 0;  
  margin: 0 18px 0 26px; 
  border-top: 1px solid #C2D6EB; 
}


/* -------------------- DETAILS -------------------- */
#content ul {
  margin-left: 15px;
}

#content li {
  margin: 10px 0;
}

.news h3 {
  float: left;
  width: 40%;
}

.news br {
  clear: both;
}

strong, th {
  color: #4168AF; 
}

h1, h2, h3, h4, h5, h6 {
  color: #4168AF;   
  font-size: 1em;  
  padding: 10px 0 10px 0;  
}

h1 {
  font-weight: normal;  
  font-size: 1.7em;
  padding: 25px 0 10px 0;  
}

h2 {
  font-size: 1.3em;
  padding: 20px 0 10px 0;  
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1.1em;
}

p {
  font-size: 1.13em; 
  margin: 1em 0; 
  text-align: justify;
}

p.date {
  font-style: italics;
}

h1+p, h2+p, h3+p {
  margin-top: 0;
}

a:link,a:visited {
  color: #4168AF;
}

table {
  border-collapse: collapse;
  margin: 5px 0 15px 0;
}

td, th  {
  border: 1px solid #C2D6EB; 
  padding: .5em;
}

th {
  background-color: #E9EFF7;
  font-weight: normal;
}

th, td { 
  font-\size: 100%;
}

textarea {
  width: 490px; 
  height: 50em;
}

textarea.front {
  width: 400px; 
  height: 20em;
}

table.guestbook {
	width: 600px;
	margin-top: 30px;
}

table.guestbook th {
	font-size: .85em;
	padding: 0;
	text-indent: 5px;
}

table.guestbook th.date {
	width: 30%;
}

.small_notice {
	font-size: .85em;
	font-style: italic;
}

.small_only {
	font-size: .85em;
	
}

.blue_text {
	color: #4168AF;
}

.cleaner_left {
  clear: left;
}

.cleaner_right {
  clear: right;
}

.cleaner {
  clear: both;
}


#novelties h3 {
  margin-top: 20px;
}

#g_pagination {
  margin: 10px auto 0 auto;
  text-align: center;
}

#flashMessage {
  margin: 20px auto;
  padding: 5px;
}

#flashMessage.error {
	background-color: #ffd2d2;
	text-indent: 3em;
}

#flashMessage.ok {
	background-color: #bde2b8;
	text-indent: 3em;
}


.input_error {
  border: 1px solid red;
}

.error-message {
  margin: 10px; 
  color: red;
  font-size: .8em;
  margin-left: 130px;
  font-weight: normal;
}

#loadingDiv {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
}


/*----------------- FORM -----------------------------*/

form {
  margin: 20px;
  padding:0;
} 

fieldset {
  margin:1em 0;
  border:none;
}

legend {
  margin:1em 0;
  padding:0 .5em;
  color:#036;
  background:transparent;
  font-size:1.3em;
  font-weight:bold;
}

label {
  float:left;
  width:100px;
  padding:0 1em;
  text-align:right;
}

fieldset div {
  margin-bottom:.5em;
  padding:0;
  display:block;
}

fieldset div input,fieldset div textarea {
  width:150px;
  border-top:1px solid #555;
  border-left:1px solid #555;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:1px;
  color:#333;
}

fieldset div select {
  padding:1px;
}

div.fm-multi div {
  margin:5px 0;
}

div.fm-multi input {
  width:1em;
}

div.fm-multi label {
  display:block;
  width:200px;
  padding-left:5em;
  text-align:left;
}

#fm-submit {
  clear:both;
  padding-top:1em;
  text-align:center;
}

#fm-submit input {
  border:1px solid #4168AF;
  padding:2px 1em;
  background: #E3EAF4;
  color: #4168AF;
  font-size:100%;
}

input:focus,textarea:focus {
  background:#efefef;
  color:#000;
}

fieldset div.fm-req {
  font-weight:bold;
}

fieldset div.fm-req label:before {
  content:"* ";
}


/* -------------------- ADMIN -------------------- */
#header.admin { 
  height: 70px; 
  position: relative; 
}

#header.admin span {
  display: block; 
  padding-top: 35px; 
  margin: 0 auto; 
  text-align: center;  
  font-size: 16px; 
  letter-spacing: .3em; 
  font-weight: bold;
}

#logout {
  position: absolute; 
  top: 35px; 
  right: 50px;
}

#logout a {
  color: red;
}

fieldset {
  padding: 10px;
}

#novelties_image {
  margin-top: 30px;
  float: right;
  margin-bottom: 30px;
  margin-right: 40px;  
}


