﻿/* Simple CSS for Wolf CMS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
  /*background: #efefef url(images/site_bg2.jpg) 50% 0 no-repeat;*/
  background: #227e78 url(images/bg_site.png) 0 0 repeat-x;
  color: #323232;
  font: 100% Arial, sans-serif;
  text-align: left;
}

/* links  */

a, a:visited {
  color: #454545;
  text-decoration: underline;
}
a:hover { color: #565656;text-decoration: none; }



/* headings */

h1 {font-size:120%}  /* displayed at 24px */
h2 {font-size:110%}  /* displayed at 18px */
h3 {font-size:105%}  /* displayed at 15px */
h4 {font-size:100%}  /* displayed at 12px */

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* tables & forms */

input, select, th, td {font-size:1em}

/* classes */

.error { color: red; }

/* page structure & layout */

#container {
  background: #fff none;
  border: 1px solid #000;
  margin: 30px auto;
  width: 1000px;
  -moz-border-radius: 8px;
}
#header {
  background: #fff url(images/bg_header.png) 0 0 repeat-x;
  height: 170px;
  position: relative;
  -moz-border-radius: 8px 8px 0 0 ;
}
#navigation {
  font-size: 1.1em;
  height:39px;
  background: #fff url(images/bg_navigation.png) 0 0 repeat-x;
}

#content {
  padding: 10px 20px;
  min-height: 300px;
  background:#fff url(images/bg_content.png) 50% 0 no-repeat;
}
#footer {
  background: #fff url(images/bg_footer.png) 0 0 repeat-x;
  color: #565656;
  font-size: 11px;
  height: 40px;
  padding:5px 0;
  -moz-border-radius: 0 0 8px 8px;
  clear:both;
}

/* header */

#header img {
    border: 0 none;
    position: absolute;
    top:10px;
    left:20px;
}
#header span.txt {
    position: absolute;
    display:block;
    top:60px;
    left:390px;
    color:#323232;
    font-size:18px;
}
#header span.addr {
    position:absolute;
    display:block;
    top:20px;
    left:830px;
    font-size:14px;
}
#header span.tel {
    position:absolute;
    display:block;
    top:117px;
    left:830px;
    font-size:14px;
}
/* navigation */

#navigation ul {
  display: inline;
}
#navigation li {
  display: block;
  float: left;
  list-style: none;
}
#navigation li a {
  color: #323232;
  display: block;
  margin: 0 1px 0 1px;
  line-height: 35px;
  padding: 4px 18px 4px 16px;
  text-align: center;
  text-decoration: none;
  height:31px;
  width:80px;
  font-size:14px;
}
#navigation li a:hover {
  font-weight:bold;
  color:#454545;
}
#navigation li a.current {
  color:#323232;
  font-weight: bold;
}
/* content */

#content h1 {
  color:#183031;
  margin-top:10px;
  margin-bottom:20px;
  text-align:center;
  letter-spacing: 2px;
  font-size:22px;
}

#content h2 {
  color: #323232;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  font-style: italic;
  margin:10px 0 15px;
}

#content h3, #content h4 {
  background: none;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px;
}
#content p {
  line-height: 1.5em;
  margin: 5px 0 15px 0;
  text-align:justify;
}
#content ol {
  line-height: 1.8em;
  margin: 0 30px 20px 50px;
}
#content ul {
  line-height: 1.8em;
  margin: 0 30px 20px 30px;
}
#content ul li {
  line-height: 1.8em;
  list-style: square;
  padding-left: 2px;
}

/* footer */

#footer p {
  line-height: 12px;
  text-align: center;
  padding-top:8px;
}
#footer a {
  color: #565656;
  text-decoration: underline;
}
#footer a:hover {
    color:#898989;
}
/* misc */

a img { border: none; }
acronym { cursor: help; }
blockquote {
  background: url(quote.gif) no-repeat 10px 0;
  color: #000052;
  border-left: 2px solid #000052;
  line-height: 1.5em;
  margin: 0 10px 20px 10px;
  padding: 0 10px 0 10px;
}
hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

.clear {
    clear:both;
}

.entry {
    border-bottom: 1px solid #dfe3e4;
}

#our_services, #home_img {
    height:250px;
    float:left;
    border:1px solid #d9d9d9;   
}
#our_services {
    width:551px;
    margin:15px 0 15px 15px;
}
#our_services h1 {
    letter-spacing: 2px;
    font-size:22px;
    margin:5px 0 2px;
}
#our_services h2 {
    font-size:16px;
    text-align:center;
    font-style: normal;
    margin:3px 0 0;
    letter-spacing: 1px;
}
#home_img {
    width:350px;
    margin:15px;
}               

#box_immo, #box_fidu {
    width:252px;
    margin:10px;
    float:left;
    height:184px;
}
.box_head {
    height: 48px;
    line-height:48px;
    text-align: center;
    background: #fff url(images/bg_box_head.png) 0 0 no-repeat;
    font-size:20px;
}
.box_body {
    height: 135px;
    text-align: center;
    background: #fff url(images/bg_box_body.png) 0 0 no-repeat;
}
.box_body p {
    margin:0 !important;
    text-align:center !important;
    padding:7px 0;
}

#boxes_fidu {
    width:90%;
    margin:20px auto;
}
.box_fidu {
    width:252px;
    margin:15px;
    float:left;
    height:184px;
    line-height:25px;
    font-size:12px;
}
#boxes_fidu .box_body {
    text-align: left;
}
#boxes_fidu .box_body ul {
    list-style: none outside none;
}
#boxes_fidu .box_body ul li {
    list-style: none;
}

/* START plugin immo */

#immo_table {
    display: block;
    -moz-box-shadow:#eee 0 0 1px;
    -webkit-box-shadow:#eee 0 0 1px;
    width:898px;
    border:1px solid #e0e0e0;
    margin:30px auto;
}
#immo_table h2 {
    font-size:16px;
    font-style: normal;
    letter-spacing: 0;
    font-weight: bold;
}
#immo_table p {
    padding-left:10px;
    font-size:14px;
}
#immo_table img {
    border:2px solid #e0e0e0;
}
td.immo_td1 {
    width:548px;
    vertical-align:top;
    padding:10px;
    border-bottom:2px solid #eee;
}
td.immo_td2 {
    width:348px;
    vertical-align: top;
    border-bottom:2px solid #eee;
    padding:10px;
    text-align:right;
}

/* END plugin immo*/

/* START vContactForm */
.vContactform{
    width:898px;
    margin:20px auto;
    padding:10px;
    border:1px solid #d9d9d9;
}

.vContactform h2 {
    font-style: normal !important;
    margin:0 0 20px !important;
    padding:5px;
    letter-spacing: 2px !important;
    letter-spacing: 0 !important;
    background-color:#f4f4f4;
}

.vContactform .antispam {
     display:  none;
     visibility: hidden;
}

.vContactform label {
     width: 200px;
     display: inline-block;
     vertical-align: top;
     clear: both;
     padding-left:10px;
     font-size:14px;
}

.vContactform input.text,
.vContactform textarea {
     width:  340px;
     padding: 2px;
     border:1px solid #ababab;
}

.vContactform input.captcha_text{
    padding:2px;
}

.vContactform textarea {
     height:  150px;
}

.vContactform input.submit
{
    display: block;
    margin:10px 210px;
    width:  auto;
}

.vContactform .vErrors p
{
    border:2px solid #DDDDDD;
    padding:0.4em;
    background:#FBE3E4 none repeat scroll 0 0;
    border-color:#FBC2C4;
    color:#D12F19;
}
/* END vContactForm */
