/* -------------------------------------------
project:	Torrevieja
date:		2008-03-07
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; background: #fc9 url(../images/bg-body.jpg) repeat-x; font-size: 100.01%; }
body { margin: 0; padding: 0 0 30px; background: url(../images/bg-logo.jpg) no-repeat; color: #333; font: 62.5%/1.5 Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

a { color: #333; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 1em 0; font: bold 2.4em Arial,Helvetica,sans-serif; color: #009; }
h1 { margin-top: 0; border-bottom: 2px solid #009; font-size: 2.0em; }
h2 { margin-top: 1.5em; padding-bottom: 5px; border-bottom: 1px solid #009; font-size: 1.6em; }
h3 { font-size: 1.334em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

h2.a { padding: 0; border: none; color: #333; font-size: 1.4em; }
h2.b { padding: 0; border: none; color: #009; font-size: 1.2em; }
h3.a { padding: 0; color: #666; font-size: 1em; text-transform: uppercase; }
h4.a { margin: 0 0 3px; color: #333; font-size: 1.2em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 950px; }
 #top { position: relative; height: 80px; margin: 0 0 30px; }
  #top div.logo { position: absolute; left: 2px; top: 2px; }
   #top div.logo a { display: block; width: 196px; height: 75px; }
    #top div.logo a img { display: none; }
  #topnav { position: absolute; right: 0; top: 15px; overflow: hidden; list-style: none; margin: 0; padding: 2px 0 3px; }
   #topnav li { float: left; height: 10px; margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: 1px solid #fff; font-size: 1.1em; font-weight: bold; line-height: 1.2; vertical-align: 0; }
   #topnav li.first { margin-left: 0; padding-left: 0; border-left: none; }
    #topnav li a { position: relative; top: -2px; color: #fff; text-decoration: underline; }
    #topnav li a:hover { text-decoration: none; }
  #nav { position: absolute; right: 0; bottom: 0; list-style: none; margin: 0; padding: 0; }
   #nav li { display: inline; float: left; margin: 0 0 0 1px; font-weight: bold; line-height: 1; }
   #nav li.first { margin: 0; }
    #nav li a { float: left; background: #009 url(../images/bg-tabs.png) 100% 0 no-repeat; color: #fff; text-decoration: none; }
     #nav li a span { float: left; padding: 6px 14px 5px; background: url(../images/bg-tabs.png) 0 0 no-repeat; cursor: pointer; }
    * html #nav li a, * html #nav li a span { background-image: url(../images/bg-tabs.gif); }
    #nav li a:hover { background-color: #0707bf; text-decoration: none; }
    #nav li a.active { background-color: #fda843 !important; color: #000 !important; }
 #content { overflow: hidden; width: 100%; }
  #side { display: inline; float: right; width: 120px; margin: 0 15px 0 -45px; padding: 25px 0 0; }
  #main { display: inline; float: right; width: 770px; margin: 0 70px 0 0; }
  .sun #main { background: url(../images/bg-sun.png) 50% 75px no-repeat; }
  
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   
/* ELEMENTS
------------------------------------------- */
div.columns-three-a { overflow: hidden; width: 100%; }
 div.columns-three-a div.column { float: left; width: 28%; padding: 0 1% 0 1%; }
 div.columns-three-a div.first { width: 37%; }
 
div.columns-three-b { overflow: hidden; width: 100%; }
 div.columns-three-b div.column { float: left; width: 30%; padding: 0 0 0 1%; }
 div.columns-three-b div.first { width: 23%; padding: 0 1% 0 0; }
 div.columns-three-b div.second { width: 44%; padding: 0; }
 
div.columns-two-a { overflow: hidden; width: 100%; }
 div.columns-two-a div.column { float: right; width: 48%; }
 div.columns-two-a div.first { float: left; }
 
div.columns-two-b { overflow: hidden; width: 100%; }
 div.columns-two-b div.column { float: right; width: 202px; }
 div.columns-two-b div.first { float: left; width: 550px; }
 
div.columns-two-c { overflow: hidden; width: 100%; padding: 0 0 15px; border-bottom: 2px solid #009; }
 div.columns-two-c div.column { float: right; width: 58%; padding: 0; }
 div.columns-two-c div.first { float: left; width: 38%; padding: 0 3% 0 0; }
  div.columns-two-c div.column h2 { margin-top: 0; }
  div.columns-two-c div.column p,
  div.columns-two-c div.column ul { width: auto; }
 
div.box-a { overflow: hidden; margin: 0 0 25px; padding: 0 10px 1px; background: #fff; }
* html div.box-a { height: 1%; }
 div.box-a h2 { position: relative; margin: 0 -10px 12px; padding: 4px 10px; border: none; background: #006; color: #fff; }
  div.box-a h2 a { color: #fff; text-decoration: none; }
  div.box-a h2.id { padding-right: 70px; }
  div.box-a h2.id-b { padding-right: 140px; }
   div.box-a h2 span.id { position: absolute; right: 10px; top: 6px; font: normal 0.8em Verdana,sans-serif; }
 
div.box-b { margin: 0 0 25px; padding: 0 10px 1px; border-bottom: 1px solid #006; background: #fff; }
 div.box-b h2 { position: relative; margin: 0 -10px 12px; padding: 4px 10px; border: none; background: #006; color: #fff; }
  div.box-b h2 a { color: #fff; text-decoration: none; }
 
div.stick-boxes { margin: 0 0 20px; }
 div.stick-boxes div.box-a,
 div.stick-boxes div.box-b { margin: 0; }
 
div.promo-a { display: inline; float: right; width: 220px; margin: 0 0 10px 10px; text-align: center; }
 div.promo-a p { font-size: 1.1em; }
 div.promo-a p.photo { margin: 0 0 3px; padding: 2px 2px 8px; color: #000; font: 1.4em/1.2 Verdana,sans-serif; }
  div.promo-a p.photo img { margin: 0 0 3px; }
  div.promo-a p.photo strong { display: block; }
  div.promo-a p.photo a { color: #fff; text-decoration: none; }
  div.promo-a p.photo a:hover { text-decoration: underline; }
 
ul.clean { list-style: none; margin: 0 0 15px; padding: 0; }
ul.labeled { list-style: none; margin: 0 0 20px; padding: 0; }
 /*ul.labeled li { margin: 0 0 5px; }
  ul.labeled li strong { float: left; width: 220px; }
*/
ul.labeled li { position: relative; margin: 0 0 5px; padding: 0 0 0 230px; }
 * html ul.labeled li { height: 1%; }
  ul.labeled li strong { position: absolute; left: 0; top: 0; width: 220px; }

  ul.labeled-b { list-style: none; width: 100%; margin: 0 0 20px; padding: 0; }
 ul.labeled-b li { position: relative; overflow: hidden; padding: 0 0 0 85px; }
 * html ul.labeled-b li { height: 1%; }
  ul.labeled-b li strong { position: absolute; left: 0; top: 0; width: 85px; }
ul.labeled-c { list-style: none; width: 100%; margin: 0 0 20px; padding: 0; }
 ul.labeled-c li { position: relative; overflow: hidden; margin: 0 0 5px; padding: 0 0 0 125px; }
 * html ul.labeled-c li { height: 1%; }
  ul.labeled-c li strong { position: absolute; left: 0; top: 0; width: 125px; }
ul.options { list-style: none; margin: 0 0 20px; padding: 0; }
 ul.options li { margin: 0 0 4px; padding: 3px 0 4px 30px; background: url(../images/bullet-a.gif) 0 50% no-repeat;  }
ul.right { display: inline; float: right; margin: 0 10px 5px 15px; }


/* Centering images in property details */
ul.photos-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 5px; padding: 0;}
 ul.photos-a li { display: inline; float: left; margin: 0 35px 10px 0;}


ul.photos-b { overflow: hidden; list-style: none; width: 100%; margin: 0 0 20px; padding: 0; }
 ul.photos-b li { display: inline; float: left; width: 86px; margin: 0 0 10px 11px; font-size: 1.1em; text-align: center; }
 ul.photos-b li.first { margin: 0 0 0 2px; }
  ul.photos-b li img { border: 1px solid #006; }

table.photos-c {width: 90%; margin: 0 auto; margin-bottom: 15px;}
 table.photos-c td {text-align: center;}
  table.photos-c td img {margin-bottom: 10px;}


ul.sidehead { float: right; list-style: none; margin: -45px 0 0; padding: 0; }
 ul.sidehead li { display: inline; float: left; margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(../images/bullet-b.gif) 0 50% no-repeat; font-weight: bold; }
 ul.sidehead li.first { margin: 0; padding: 0; background: none; }
  ul.sidehead li a { text-decoration: none; }
  ul.sidehead li a:hover { text-decoration: underline; }
 
p.message { margin: 0 0 20px; padding: 12px 15px; border: 1px solid #fcad4c; background: #fdd9ac; font-size: 1.4em; font-weight: bold; text-align: center; }
p.message-b { overflow: hidden; margin: 0 0 20px; padding: 12px 15px; border: 1px solid #fcad4c; background: #fdd9ac; font-size: 1.4em; line-height: 1.4; font-weight: bold; }
* html p.message-b { height: 1%; }
p.contact-info { line-height: 1.8; }
 p.contact-info strong { float: left; width: 90px; }
p.photo-a { }
 p.photo-a img { border: 2px solid #0a0638; }
p.photo-b { text-align: center; }
 p.photo-b img { border: 2px solid #8a4758; }
p.sidehead { float: right; margin: -45px 0 0; }
p.paging { text-align: center; }
 p.paging a.step { font-weight: bold; }
 p.paging span { padding: 0 3px; color: #fc9; }
p.title { padding: 0 0 10px; border-bottom: 1px solid #006; font-size: 1.4em; font-weight: bold; line-height: 1.3; text-align: center; }
 
table.a { margin: 0 0 15px; border-spacing: 0; border-collapse: collapse; border: 1px solid #fcab47; }
 table.a thead { background: #fcab47; text-align: left; }
 table.a th, table.a td { padding: 2px 5px; }
 table.a td { padding-right: 20px; border-bottom: 1px solid #fcab47; }
 
a.a { font-weight: bold; }
a.b { text-decoration: none; } a.b:hover { text-decoration: underline; }

img.right-a { display: inline; float: right; margin: 0 0 5px 20px; border: 2px solid #009; }
img.right-b { display: inline; float: right; margin: 0 0 0 20px; }

blockquote.a { margin: 0 0 5px; padding: 0 0 1px; }
 blockquote.a p { margin: 0 0 5px; }

/* ######################### */
/* Added by Duddes           */

.calendar td{padding:.3em; border:1px solid}
.calendar th{ background:#7F9FFF;}
.calendar {margin:1em}
.calendar-month { font-weight:bold;}

.required {color:#FF0000; font-weight:bold}

#content .text{width:300px;}
.error {color:#FF0000; font-weight:bold;}