﻿/* Individual Sites Stylesheet */
/* Elements */

body {  margin: 0; background: #F6F6F6; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: center }
td, input, select { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; vertical-align: top }
th { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666; vertical-align: top }
img { border: 0 }
h1 { font-size: 130%; margin-top: 0; font-weight: bold; color: #FF9C00 }
h2 { font-size: 120%; margin: 5px 0 0.5em 0 }
h3 { font-size: 120%; font-weight: bold; margin: 0.5em 0 0.5em 0; color: #FF9C00 }
h4 { font-size: 110%; margin: 5px 0 0.5em 0 }
h5{ font-size: 110%; margin-top: 0; font-weight: bold; color: #FF9C00 }
p { margin: 0 0 1em 0 }
form { margin: 0 }
div { text-align: left }
li { list-style-image: url('images/li.gif'); }

a:link, a:visited, a:active { text-decoration: none; color: #FF9C00 }
a:hover { text-decoration: underline; color: #666 }

a:link i, a:visited i, a:active i { font-style: normal; text-decoration: none; color: #666 }
a:hover i { text-decoration: underline; color: #666 }

/* IDs */

#hdr { background: #FFF; padding: 0px 20px 0px 20px; width: 738px; margin: auto }
#mnu { background: #FF9C00; color: #FFF; width: 738px; padding: 5px 20px 5px 20px; margin: auto; font-size: 100%; font-weight: bold; width: 738px; }
#bar { width: 778px; height: 75px; background: #FFF; background-image: url('images/escape_right.jpg'); background-position: top right; margin: auto }
#bar1 { width: 778px; height: 75px; background: #FFF; background-image: url('images/banners/spain2.jpg'); background-position: top right; margin: auto }
#bar2 { width: 778px; height: 75px; background: #FFF; background-image: url('images/banners/spain2_wm.jpg'); background-position: top right; margin: auto }
#bdy { width: 778px; background: #FFF; margin: auto }
#rgt { padding: -75px 10px 15px 0; width: 195px; }
#ftr { background: #FFF; padding: 0 10px 10px 10px; text-align: center; width: 748px; margin: auto  }
#txt { font-size: 110% }
#call {
	WIDTH: 188px; MARGIN-RIGHT: 5px; margin-left:140px; HEIGHT: 66px
}
#lgo {
	margin-bottom: 20px
}
#propimg { width: 260px; height: 173px; overflow: hidden; float: left }

#thmbcont { float: left; overflow: auto; width: 259px; height: 150px; padding: 3px 3px 3px 4px }
/*#ie #thmbcont { float: left; overflow: auto; width: 263px; height: 150px; padding: 3px 3px 3px 4px }*/
#forcebar { float: left; height: 151px }
#summary { float: right; width: 200px }
#btnprop { padding: 10px 0 10px 0 }
#info4print, #info4screen { font-size: 120%; font-weight: bold; margin: 0.5em 0 0.5em 0; color: #FF9C00  }
#info4print { display: none }
#txtnoright { float: left; background: #FFF; padding: 17px 12px 20px 20px; width: 750px; height: 1%; font-size: 110% }

/* Classes */

.box { background: #FFF; border: 1px solid #FF9C00; border-bottom: 0 }
.box2 { background: #FFF; font-size: x-small; padding-top: 10px }
.hd1 { background: #FF9C00 url('images/h1_bkg.gif') no-repeat bottom right; color: #FFF; font-size: 110%; padding: 3px; text-transform: lowercase }
.hd2 { background: #FFF;  color: #FF9C00; font-size: 110% }
.hd3 { background: #FF9C00;  color: #FFF; float: left; width: 258px; margin-left: 4px; padding: 2px; text-align: center }
/*#ie .hd3 { background: #FF9C00;  color: #FFF; float: left; width: 260px; margin-left: 6px; padding: 2px; text-align: center }*/
.ft1 { background: #FFF url('images/f1_bkg.gif') no-repeat bottom right; height: 16px; border-left: 1px solid #FF9C00; font-size: 1px }
.flg { width: 35px; height: 23px; margin: 3px }
.mor { text-align: right; font-weight: bold; color: #666; margin: 0 }
.thmb { width: 75px; height: 50px; float: left; cursor: hand; margin: 3px }
.thmb { width: 75px; height: 50px; float: left; cursor: hand; margin: 2px }
.clr { clear: both; display: block }
.clrl { clear: left }
.clrr { clear: right }
.pb { margin: 0 5px 0 0 }
.pageprop { text-align: center; font-weight: bold }
.boxadv { background: #FFF; border: 1px solid #FF9C00; }

/* Pseudos */

h1 b { font-weight: bold }

#hdr p { float: right;  margin: 0 }
#mnu a:link, #mnu a:visited, #mnu a:active { text-decoration: none; color: #FFF }
#mnu a:hover { text-decoration: none; color: #F25D02 }
#bar1 img { width: 778px; height: 75px }
#bar2 img { width: 778px; height: 75px }
#btnprop img { height: 27px; width: 128px }
#info4screen a:link, #info4screen a:visited, #info4screen a:active { text-decoration: underline; color: #FF9C00 }
#info4screen a:hover { text-decoration: underline; color: #666 }
#bar2 h1 { padding: 20px 230px 0 20px; margin: 0; font-size: 155%; line-height: 1.4em; color: #C60 }
#bar1 h1 { padding: 20px 20px 0 20px; margin: 0; font-size: 155%; line-height: 1.4em; color: #C60 }
#bar2 h5 { padding: 10px 230px 0 20px; margin: 0; line-height: 1.4em; color: #C60 }

#txt p a:link, #txt p a:visited, #txt p a:active { text-decoration: none; color: #666 }
#txt p a:hover { text-decoration: underline; color: #666 }

.cl  {font: normal x-small Verdana, Arial, Helvetica, sans-serif; }
.cl a:link, .cl a:visited, .cl a:active ,.cl a:hover{ color: #666; }
.box div { padding: 3px 10px 3px 10px }
.box p { margin: 0 }
.box span { font-weight: bold; color: #FF9C00; line-height: 2.0em }
.box th, .box td { vertical-align: top }
.box th { color: #FF9C00 }
.propshort h3 { margin: 0}
.propshort p { margin-bottom: 4px; font-size: 90% }
.propshort span { float: right; font-weight: bold }
.propshort img { float: left; margin-right: 10px }
.boxadv div { padding: 3px 10px 3px 10px }
.boxadv p { margin: 0 }
.boxadv span { font-weight: bold; color: #FF9C00; line-height: 2.0em }
.boxadv th, .box td { vertical-align: top }
.boxadv th { color: #FF9C00 }
.summary td, th { text-align:left; width: 50%;}

.plaintext a:link, .plaintext a:visited, .plaintext a:active { text-decoration: none; color: #666; font-size: 10px }
.plaintext a:hover { text-decoration: underline; color: #666; font-size: 10px }