/* Theme Name: CavoPlaco
 * Theme URI: http://www.oxygenna.com/
 * Description: Oxygenna's wordpress theme for CavoPlako Villa's
 * Version: 1.1
 * Author: Christos Pantazis
 * Tags: grunge, blueprint, two columns, widgets */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {
  font-size: 100.01%;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" "";
}
blockquote:before, q:before,
blockquote:after, q:after {
  content: "";
}

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

a img {
  border: none;
}

body {
  line-height: 1.5;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  color: #574949;
  font-size: 87.5%;
  background-color: #a6a996;
}
body h1 {
  font-weight: normal;
  color: #676e4d;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}
body h1 img {
  margin: 0;
}
body h2 {
  font-weight: normal;
  color: #676e4d;
  font-size: 2em;
  margin-bottom: 0.75em;
}
body h3 {
  font-weight: normal;
  color: #676e4d;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
body h4 {
  font-weight: normal;
  color: #676e4d;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
body h5 {
  font-weight: normal;
  color: #676e4d;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
body h6 {
  font-weight: normal;
  color: #676e4d;
  font-size: 1em;
  font-weight: bold;
}
body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
  margin: 0;
}
body p {
  margin: 0 0 1.5em;
}
body p img.left {
  display: inline;
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
body p img.right {
  display: inline;
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}
body a {
  text-decoration: underline;
  color: #6d7661;
}
body a:visited {
  color: #6d7661;
}
body a:focus {
  color: #3b3232;
}
body a:hover {
  color: #3b3232;
}
body a:active {
  color: #3b3232;
}
body blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
body strong {
  font-weight: bold;
}
body em {
  font-style: italic;
}
body dfn {
  font-style: italic;
  font-weight: bold;
}
body sup, body sub {
  line-height: 0;
}
body abbr, body acronym {
  border-bottom: 1px dotted #666;
}
body address {
  margin: 0 0 1.5em;
  font-style: italic;
}
body del {
  color: #666;
}
body pre {
  margin: 1.5em 0;
  white-space: pre;
}
body pre, body code, body tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
body li ul, body li ol {
  margin: 0;
}
body ul, body ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}
body ul {
  list-style-type: disc;
}
body ol {
  list-style-type: decimal;
}
body dl {
  margin: 0 0 1.5em 0;
}
body dl dt {
  font-weight: bold;
}
body dd {
  margin-left: 1.5em;
}
body table {
  margin-bottom: 1.4em;
  width: 100%;
}
body th {
  font-weight: bold;
}
body thead th {
  background: #c3d9ff;
}
body th, body td, body caption {
  padding: 4px 10px 4px 5px;
}
body tr.even td {
  background: #e5ecf9;
}
body tfoot {
  font-style: italic;
}
body caption {
  background: #eee;
}
body .quiet {
  color: #666666;
}
body .loud {
  color: #111111;
}
body .clear {
  clear: both;
}
body .nowrap {
  white-space: nowrap;
}
body .clearfix {
  overflow: hidden;
  display: inline-block;
}
body .clearfix {
  display: block;
}
body .small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
body .large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
body .first {
  margin-left: 0;
  padding-left: 0;
}
body .last {
  margin-right: 0;
  padding-right: 0;
}
body .top {
  margin-top: 0;
  padding-top: 0;
}
body .bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
body .showgrid {
  background: url('/images/grid.png?1263900549');
}
body .error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
body .error a {
  color: #8a1f11;
}
body .notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
body .notice a {
  color: #514721;
}
body .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
body .success a {
  color: #264409;
}
body .hide {
  display: none;
}
body .highlight {
  background: yellow;
}
body .added {
  background: #006600;
  color: white;
}
body .removed {
  background: #990000;
  color: white;
}

form label {
  font-weight: bold;
}
form fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
}
form legend {
  font-weight: bold;
  font-size: 1.2em;
}
form input.text, form input.title, form input[type=text], form input[type=password] {
  margin: 0.5em 0;
  background-color: #fff;
  padding: 5px;
}
form input.title {
  font-size: 1.5em;
}
form input[type=checkbox], form input.checkbox,
form input[type=radio], form input.radio {
  position: relative;
  top: 0.25em;
}
form textarea {
  margin: 0.5em 0;
  padding: 5px;
}
form select {
  margin: 0.5em 0;
}
form fieldset {
  border: 1px solid #cccccc;
}
form input.text, form input.title, form input[type=text], form input[type=password],
form textarea,
form select {
  border: 1px solid #bbbbbb;
}
form input.text:focus, form input.title:focus, form input[type=text]:focus, form input[type=password]:focus,
form textarea:focus,
form select:focus {
  border: 1px solid #666666;
}
form input.text, form input.title, form input[type=text], form input[type=password] {
  width: 300px;
}
form textarea {
  width: 390px;
  height: 250px;
}

.contents {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block;
}
.contents {
  display: block;
}

.main {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 630px;
}
* html .main {
  overflow-x: hidden;
}
.inverted .main {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 310px;
}
* html .inverted .main {
  overflow-x: hidden;
}

.secondary {
  display: inline;
  float: left;
  margin-right: 0;
  width: 310px;
}
* html .secondary {
  overflow-x: hidden;
}
.inverted .secondary {
  display: inline;
  float: left;
  margin-right: 0;
  width: 630px;
}
* html .inverted .secondary {
  overflow-x: hidden;
}

.columns .left {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 270px;
  padding-right: 25px;
  margin-right: 25px;
  background: url(images/horborder.gif) repeat-y right;
}
* html .columns .left {
  overflow-x: hidden;
}
.columns .middle {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 310px;
  padding-right: 25px;
  margin-right: 25px;
  background: url(images/horborder.gif) repeat-y right;
}
* html .columns .middle {
  overflow-x: hidden;
}
.columns .right {
  display: inline;
  float: left;
  margin-right: 0;
  width: 270px;
}
* html .columns .right {
  overflow-x: hidden;
}

.shadow {
  border: 7px solid #fcfcea;
}

.shadowwrap {
  padding-bottom: 15px;
  margin: 7px auto 0px;
  background: url(images/imgshadow.png) no-repeat bottom center;
}

.button {
  display: block;
  height: 30px;
  line-height:30px;
  padding-right: 10px;
  background: url(images/button_right.gif) no-repeat top right;
  float: right;
  text-decoration: underline;
  color: #fcfcd8;
}
.button:visited {
  color: #fcfcd8;
}
.button:hover {
  color: #3b3232;
}
.button:hover, .button:visited {
  background: url(images/button_right.gif) no-repeat bottom right;
}
.button span {
  display: block;
  background: url(images/button_left.gif) no-repeat top left;
  padding: 0px 0px 0px 10px;
  line-height:30px;
}
.button:hover span, .button:visited span {
  background: url(images/button_left.gif) no-repeat bottom left;
}

.offer {
  width: 115px;
  height: 115px;
  display: inline;
  float: right;
  background: url(images/offer.png) no-repeat top left;
  text-decoration: none;
}
.offer strong {
  display: block;
  padding: 35px 12px;
  font-family: "Georgia";
  font-size: 1em;
  text-align: center;
  line-height: 1.1em;
  font-weight: normal;
}
.offer strong span {
  font-size: 2.25em;
  font-weight: bold;
}

.gallery {
  margin: 0;
  padding: 0;
}
.gallery li {
  display: block;
  float: left;
  width: 310px;
}
.gallery li .shadowwrap {
  display: inline;
  float: left;
}

hr {
  background: url(images/verborder.gif) repeat-x bottom;
  border: 0;
}

.wpcf7-form .wpcf7-validation-errors, .wpcf7-form .wpcf7-mail-sent-ok {
  background: #a6a996;
  border: 1px solid #fcfcd8;
  color: #fcfcd8;
}
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax {
  color: #a6a996;
}

textarea.smalltext {
  height: 100px;
}

#header {
  background: url(images/header_bg.jpg) repeat-x top;
}
#header .secondary {
  position: relative;
}
#header #logo {
  margin-top: 17px;
}
#header #language {
  position: absolute;
  right: 0;
  top: 35px;
  height: 30px;
  background: url(images/languagelbg.gif) no-repeat top left;
  font-size: 1.25em;
}
#header #language ul {
  margin: 0;
  padding: 0;
  height: 30px;
  background: url(images/languagerbg.gif) no-repeat top right;
}
#header #language ul li {
  display: block;
  float: left;
  list-style-type: none;
  padding: 0;
}
#header #language ul li a {
  display: block;
  padding: 0px 0.5em;
  background: url(images/languageli.gif) no-repeat  right;
}
#header #language ul li.last a {
  background: none;
}
#header #language ul li.active a {
  color: #3b3232;
  text-decoration: none;
}
#header #menu {
  margin-top: 15px;
}
#header #menu ul {
  padding-left: 0em;
}
#header #menu li {
  font-size: 1.5em;
  list-style-type: none;
  padding: .4em 0 0.1em;
  background: url(images/verborder.gif) repeat-x bottom;
}
#header #menu li a {
  display: block;
  text-decoration: none;
  text-shadow: #cdcdb0 1px 1px 1px;
  background: url(images/activelink.gif) no-repeat;
  background-position: 0 -10px;
  padding-left: 0em;
}
#header #menu li a:hover {
  padding-left: 1em;
  background-position: 0 10px;
}
#header #menu li.current-cat a {
  padding-left: 1em;
  background: url(images/activelink.gif) no-repeat left;
  color: #3b3232;
}
#header #photogallery ul {
  height: 376px;
  padding: 0;
  margin: 72px 0 0 90px;
}
#header #photogallery ul li {
  list-style-type: none;
}
#header #photogallery ul li img {
  padding-top: 27px;
  padding-left: 34px;
}
#header #photogallery .photoframe {
  position: absolute;
  width: 550px;
  height: 378px;
  top: 72px;
  left: 73px;
  z-index: 1000;
  background: url(images/photoframe.png) no-repeat top left;
}

#content {
  background: url(images/main_bg.jpg) repeat;
}
#content h3 {
  text-shadow: #cdcdb0 1px 1px 1px;
}
#content h3 a {
  text-decoration: none;
}
#content .main {
  padding-right: 25px;
  margin-right: 25px;
  background: url(images/horborder.gif) repeat-y right;
}
#content .secondary {
  display: inline;
  float: left;
  margin-right: 0;
  width: 270px;
}
* html #content .secondary {
  overflow-x: hidden;
}
#content h4 {
  margin-bottom: .25em;
}

#footer {
  background: #a6a996 url(images/footer_bg.jpg) repeat-x top;
  padding-top: 40px;
  padding-bottom: 20px;
}
#footer h3 {
  color: #fcfcd8;
  text-shadow: #646b54 1px 1px 1px;
}
#footer ul {
  padding-left: 1.33em;
  margin: 0 0 1.5em;
  color: #574949;
}
#footer ul li {
  color: #3b3232;
  margin-bottom: 1em;
}
#footer a {
  color: #3b3232;
}
#footer a:hover {
  color: #1f1b1b;
}
#footer .columns .left, #footer .columns .middle {
  padding-right: 25px;
  margin-right: 25px;
  background: url(images/footerborder.gif) repeat-y right;
}