/***** Global Settings *****/

html, body {

	height: 100%;
}

body {
	font:80%/1.25 "Trebuchet MS", Verdana;	
	border:0;
	margin:0;
	padding:0;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1 {
	margin: 20px;
	padding: 0;
	letter-spacing:-1px;
	font:1.35em "Trebuchet MS", Verdana;
	letter-spacing: 1px;
	color: #209fde;
	border-bottom: solid 1px #209fde;
}

h2 {
	margin: 10px 20px 20px 20px;
	padding: 0;
	letter-spacing:-1px;
	font:1.35em "Trebuchet MS", Verdana;
	letter-spacing: 1px;
	color: #209fde;
	border-bottom: solid 1px #209fde;
}

h3 {
	font:1em "Trebuchet MS", Verdana;
	font-weight:bold;
}
h4{ margin-left: 20px;}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}

small {
	font-size:0.85em;
}

img {
	border:0;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor: help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
	text-decoration:none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}

textarea {
	line-height:1.25;
}

label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}

/***** Wrapper *****/
#outer{ 
	height: 100%;
	min-height: 100%;
	width:979px;
	margin: auto;
	position: relative;
	background:url(images/bgComplete.jpg) repeat-y;	
}
html>body #outer{height:auto;}

#wrap {
	display: block;
	height: 100%;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width100 		{ width: 100%; }
.width75 		{ width: 75%; }
.width50 		{ width: 50%; }

/***** Structure *****/

#left {
	display: block;
	float: left;
	width:196px;
	/*background: url(images/bgLeft.jpg) repeat-y #33749c;*/
	margin:0;
	padding:0;
	height: 100%;
	min-height: 100%;	
}
#right {
	display: block;
	float: right;
	width:160px;
	margin:0 13px 0 0;
	/*background: url(images/bgRight.jpg) repeat-y #f59545;*/
	height: 100%;
	min-height: 100%;	
}
#main {
	display: block;
	float: left;
	width:610px;
	margin:0;
	background: url(images/bgMain.jpg) repeat-y #dbf3ff;
	height: auto;

}
#footer{
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	background: url(images/bgFooter.jpg) repeat-y;
	margin: 0;
	padding: 10px;
	color: #fff;
}

/***** Navi *****/

#left #nav{ 
	clear: both; 
	display: block; 
	margin: 20px 0 60px 36px; 
	padding:0; 
	color: #fff; 
}
#left #nav li{ 
	display: block;
	margin: 0;
	padding: 4px 0;
	/*border: solid 1px green;*/
}
#left #nav li ul.subnav{ 
	margin: 0 0 18px 0;
	padding: 0;
}
#left #nav li ul.subnav li{ 
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(images/arrow.gif) no-repeat center left;
	font-weight: normal;
}

#left #nav li a:link{ color: #fff; text-decoration: none; border: none;}
#left #nav li a:visited{ color: #fff; text-decoration: none; border: none;}
#left #nav li a:hover{ color: #01adef; text-decoration: none; border: none;}
#left #nav li a:active{ color: #fff; text-decoration: none; border: none;}

#left #nav li ul.subnav li a:link{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
#left #nav li ul.subnav li a:visited{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
#left #nav li ul.subnav li a:hover{ color: #01adef; text-decoration: none; border-bottom: none; }
#left #nav li ul.subnav li a:active{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }

/***** Lang *****/

#lang{
	display: block;
	background: url(images/bgRightWhite.jpg) repeat-y #fff;	
	margin: 0;
	padding: 0;
	height: 32px;
	clear: left;
}
#lang li{	
	display: block;
	float: left;
	margin: 0px;
	width: 40px;
	height: 20px;
}
#lang li a{
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align:center;
	background-color:#eee; 
	border-bottom: solid 2px #56a4d4;
	text-decoration: none;
}
#lang li a:link{ color: #888; }
#lang li a:visited{ color: #888; }
#lang li a:hover{ color: #000; border-bottom: solid 2px #f69546; background-color:#fff; }
#lang li a:active{ color: #888; }

/***** Right *****/

#right iframe{ padding: 0; margin: 20px 0; }
.greeting{ 
	display: block;
	margin: 0;
	padding: 14px 0;
	height: 16px;
	background: url(images/visitorPanel.jpg) no-repeat top left;
	color: #fff;
	text-align: center;
}
.logoAlfa{ margin: 5px 0 5px 25px;}
.aanvraag{ text-align: center; font-size: 85%; padding-right: 7px; border: 0; outline: 0;}
.samenwerking{ clear: left; color: #fff; text-align: center; padding-right: 7px; margin: 20px 0 4px 0; }

.cAddress{ 
	text-align: center; 
	padding: 18px 0px 10px 0; 
	margin: 0;
	background:url(images/bgRightDark.jpg) repeat-y; 
	color: #fff;
}
#cTel{
	background:url(images/bgRightDark.jpg) repeat-y; 
	color: #fff;
	margin: 0;
	display: block;
	height: 55px;
}
#cTel dt{ display: block; float: left; clear: left; width: 35px; padding:0 0 0 10px; margin: 0; height:16px;  }
#cTel dd{ display: block; float: left; width: 108px; padding: 0; margin: 0; height: 16px;  }

.oficina{ 
	text-align: center; 
	padding: 18px 0px 10px 0; 
	margin: 0;
	background:url(images/bgRightOficina.jpg) repeat-y; 
	border-top: solid 1px #fff;
	color: #fff;
}
.oficina a:link{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.oficina a:visited{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.oficina a:hate{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.oficina a:active{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.oficina img{ border: solid 1px #fff; padding: 3px; }

.newsletter{ 
	text-align: center; 
	padding: 18px 0px 10px 0; 
	margin: 0;
	background:url(images/bgRightMedium.jpg) repeat-y; 
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #fff;
}
.newsletter a:link{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.newsletter a:visited{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.newsletter a:hate{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}
.newsletter a:active{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; outline: none;}

.newsletter img{ border: solid 1px #fff; padding: 3px; }
.newsletter p{ width: 100%; text-align: center;}

#newsletter{
	display: block;
	width: 100%;
	background:url(images/bgRightMedium.jpg) repeat-y;
	border-bottom: solid 1px #fff;	 
}
#newsletter label{}
#newsletter input.field{ margin: 2px 0 2px 14px; text-align:center; width: 150px;}
#newsletter input.submit{ margin: 0 0 18px 48px; text-align:center;}

#newsletter input.invalid { margin: 2px 0 2px 14px; text-align:center; width: 150px; background: #faa; }
#newsletter input.valid { margin: 2px 0 2px 14px; text-align:center; width: 150px; background: #afa; }

/***** Footer *****/

#footer a:link{ color: #fff; text-decoration: none; border-bottom: dotted 1px #ccc;}
#footer a:visited{ color: #fff; text-decoration: none; border-bottom: dotted 1px #ccc;}
#footer a:hover{ color: #33749c; text-decoration: none; border-bottom: dotted 1px #33749c;}
#footer a:active{ color: #fff; text-decoration: none; border-bottom: dotted 1px #ccc;}

/***** Main *****/

.sloganImg{ margin: 0; padding: 0;}
.headerImg{ margin: 0; padding: 0;}

#main p{ margin: 0 20px; text-align: justify; }
#main .imgLeft{ float: left; margin: 5px 20px 10px 20px; }
#main .imgRight{ float: right; margin: 5px 20px 10px 20px; }

#main a:link{ color: #33749c; text-decoration: none; border-bottom: dotted 1px #33749c;}
#main a:visited{ color: #33749c; text-decoration: none; border-bottom: dotted 1px #33749c;}
#main a:hover{ color: #209fde; text-decoration: none; border-bottom: dotted 1px #209fde;}
#main a:active{ color: #33749c; text-decoration: none; border-bottom: dotted 1px #33749c;}

.meerInfo{ display: block; width: 400px; height: 80px; margin: 0px 20px 20px 20px; }
.meerInfo dt{ display: block; float: left; clear: left; width: 100px; padding:0; margin: 2px 0;}
.meerInfo dd{ display: block; float: left; width: 300px; padding:0; margin: 2px 0;}

#main #pagingBar{ display: block; margin: 15px 20px; background-color: #fff; padding: 8px;}
#main #pagingBar a{ text-decoration: none; border: none;}

.alertRent{ display: block; clear: both; background-color:#b4cdda; padding: 10px; margin: 20px; color:#000; text-align: left; text-transform: lowercase; }

.alert{ background-color:#b4cdda; padding: 10px; margin: 20px; color:#000;}
.alert p{ text-align: left; }

.cLeft, .cRight{
	display: block;
	min-height: 60px;
	float: left;
	width: 240px;
	margin: 0;
}
.cRight{ width: 320px; }
p.clearContact{ 
	display: block; 
	clear: both; 
	height: 16px;
	width: 514px; 
	padding: 0; 
	border-top: dotted 1px #33749c; 
	margin: 6px 0 10px 0;
}
.contactTitle{
	display: block;
	width: 550px;
	height: 20px;
	padding: 4px 10px;
	margin: 0 0 16px 0;
	background-color: #33749c; 
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
.contactName{ font-size: 108%; font-weight: bold;}


/***** Forms *****/

#contactform, #infoform, #searchform, #aanvraagform{
	display: block;
	clear: both;
	margin: 0 20px;	
}

#infoform{ min-height: 180px;}

#searchform{ background-color: #c0e6f9; padding: 10px; }
#contactform label, #infoform label, #searchform label, #aanvraagform label{
	display: block;
	width: 100px;
	float: left;
	clear: both;
	margin: 2px 0;
}
#contactform input.field, #infoform input.field, #aanvraagform input.field{
	display: block;
	width: 350px;
	float: left;
	margin: 2px 0;
}
#contactform textarea, #infoform textarea, #aanvraagform textarea{
	width: 350px;
	height: 90px;
	float: left;
	margin: 2px 0 12px 0;
}
#searchform #searchLeft select{
	display: block;
	width: 160px;
	float: left;
	margin: 2px 0;
}
#searchform #searchRight select{
	display: block;
	width: 60px;
	float: left;
	margin: 2px 0;
}
#searchform input.submit{ margin: 10px 0 0 0;}

#searchform #searchLeft{ display: block; float: left; width: 55%; }
#searchform #searchRight{ display: block; float: left; margin: 0 0 0 15px; border-left: solid 1px white; padding: 0 0 0 15px;}  

#contactform input.invalid, #infoform input.invalid { 	
	display: block;
	width: 350px;
	float: left;
	margin: 2px 0;
	background: #faa; }
#contactform input.valid, #infoform input.valid { 
	display: block;
	width: 350px;
	float: left;
	margin: 2px 0;
	background: #afa; 	
}
/***** Listing *****/

.itemEven, .itemUneven{ 
	display: block; 
	min-height: 150px;
	height: auto; 
	padding: 8px 0; 
	margin: 4px 20px 4px 20px;
}
/*#main .itemEven, #main .itemUneven{ display: block; height:150px; min-height: 150px; padding: 8px 0; margin: 4px 20px; }*/
#main .itemEven .header, #main .itemUneven .header { 
	border-bottom: solid 1px #33749c; 
	margin:0 15px; 
	padding: 0 0 4px 0; 
	font-size: 1.15em; 
	font-weight: bold; 
	letter-spacing: 0.5px; 
}

#main .itemUneven{ background-color: #f8e7c1;}
#main .itemUneven .header{ border-bottom: solid 1px #cf6914;}

#main .itemEven .header a:link{ color: #33749c; text-decoration: none; border: none; }
#main .itemEven .header a:visited{ color: #33749c; text-decoration: none; border: none; }
#main .itemEven .header a:hover{ color: #209fde; text-decoration: none; border: none; }
#main .itemEven .header a:active{ color: #33749c; text-decoration: none; border: none; }

#main .itemUneven .header a:link{ color: #cf6914; text-decoration: none; border: none; }
#main .itemUneven .header a:visited{ color: #cf6914; text-decoration: none; border: none; }
#main .itemUneven .header a:hover{ color: #f59545; text-decoration: none; border: none; }
#main .itemUneven .header a:active{ color: #cf6914; text-decoration: none; border: none; }

#main .itemUneven a:link{ color: #cf6914; text-decoration: none; border-bottom: dotted 1px #cf6914; }
#main .itemUneven a:visited{ color: #cf6914; text-decoration: none; border-bottom: dotted 1px #cf6914; }
#main .itemUneven a:hover{ color: #f59545; text-decoration: none; border-bottom: dotted 1px #f59545; }
#main .itemUneven a:active{ color: #cf6914; text-decoration: none; border-bottom: dotted 1px #cf6914; }

#main .itemEven .listImage, #main .itemUneven .listImage{ display: block; margin: 10px 15px 0 15px; float: left; clear: left;}
#main .itemEven img, #main .itemUneven img{ display: block; border: solid 1px #9ea7ac; background-color: #fff; padding: 3px; margin: 0; float: left; clear:left; }

#main .itemEven .details, #main .itemUneven .details{ display: block; float: right; margin: 10px 20px 10px 0; width: 240px; padding: 0; line-height: 1.3em;}
#main .itemEven .details li.price{ color: #33749c; font-size: 1.12em; padding: 4px 0 0 0; font-weight: bold; width:260px;}
#main .itemUneven .details li.price{ color: #cf6914; font-size: 1.12em; padding: 4px 0 0 0; font-weight: bold; width:260px;}
#main .itemEven ul, #main .itemUneven ul{ display: block; float: right; margin: 10px 0; padding: 0; width: 150px;}

#main .itemEven .details li p,
#main .itemUneven .details li p{ margin: 0;}

#main .itemEven ul li.masInfo, #main .itemUneven ul li.masInfo{
	text-decoration:none;
	color:#073A5A;
	background: url(images/ico_img.gif) no-repeat center left;
	padding: 2px 0px 2px 20px;
	margin: 0 0 8px 0;
}
#main .itemEven ul li.infoAanvraag, #main .itemUneven ul li.infoAanvraag{
	text-decoration:none;
	color:#073A5A;
	background: url(images/ico_mail.gif) no-repeat center left;
	padding: 2px 0px 2px 20px;
	margin: 0;
}
#main .itemEven ul li.beschikbaarheid, #main .itemUneven ul li.beschikbaarheid{
	text-decoration:none;
	color:#073A5A;
	background: url(images/ico_calendar.gif) no-repeat center left;
	padding: 2px 0px 2px 20px;
	margin: 0;
}

#main .reserved{ display: block; width: 114px; clear: both; float: left; margin: 0; padding: 4px 0; text-align: center; background-color: #8fc143; color: #fff; border-bottom: solid 1px #6e9b2b;}
#main .sold{ display: block; width: 114px; clear: both; float: left; margin: 0; padding: 4px 0; text-align: center; background-color: #e44554; color: #fff; border-bottom: solid 1px #b42835;}
#main .reduced{ display: block; width: 114px; clear: both; float: left; margin: 0; padding: 4px 0; text-align: center; background-color: #f69546; color: #fff; border-bottom: solid 1px #b42835;}
#main .newOffer{ display: block; width: 114px; clear: both; float: left; margin: 0; padding: 4px 0; text-align: center; background-color: #efaf32; color: #fff; border-bottom: solid 1px #efaf32; font-size: 1em;}

/***** Details *****/

#main #details{ display: block; margin: 0; padding:0; height: 500px;}
#main p.back{ margin: 0; font-size: 1em; text-align: right; }
#main p.title{ display: block; margin: 0; font-size: 1.15em; font-weight: bold; letter-spacing: 0.5px; color: #33749c; text-align:left;}
#main p.titleFlash{ display: block; margin: 20px 20px 15px 20px; padding:0; font-size: 1.15em; font-weight: bold; line-height: 1.6em; color: #33749c; text-align:left;}
#main h1{ margin: 10px 20px 10px 20px;}

#main #detailsLeft{ display: block; float: left; width: 258px; min-height: 300px; margin: 0 0 0 20px; }
#main #detailsRight{ display: block; float: right; width: 252px; min-height: 300px; margin: 0 20px 0 0; }

*html #main #detailsLeft {margin-left/**/:/**/10px}
*html #main #detailsRight {margin-right/**/:/**/10px}

#main #bigCnt{ 
	display: block; 
	height:193px; 
	width: 256px; 
	border: solid 1px #bed1da; 
	margin: 0 0 10px 0; 
	float: left; 
	background-color: #f5f9fb;
}
#main #bigCnt .mid{ 
	height:187px; 
	margin: 3px;
}

#main #thumbCnt { 
	display: block; 
	float: left; 
	width: 100%;
	margin: 0; 
}
#main #thumbCnt div{ 
	width: 32%;
	text-align: center;
	border-color: #bed1da;
	border-style: solid;
	border-width: 1px;
	display: block; float: left;
	background-color: #f5f9fb;
	margin: 0 0 -1px -1px; 
}
#main #thumbCnt div .dthumb{ 
	height: 59px;
	margin: 3px auto;
	cursor: pointer;
	cursor: hand;
}

#main #bigCnt #bigImage{ 	
	cursor: pointer;
	cursor: hand;
}

#main dl{ display: block; float: right; margin: 0; padding: 0; height: 200px; width: 220px;}
#main dt{ display: block; float: left; clear: left; padding: 5px 6px; margin:0; width: 100px; background-color: #c0e6f9; border: solid 1px #9ed6f2;}
#main dd{ display: block; float: left; padding: 5px 0 5px 10px; margin:0; width: 94px; border: solid 1px #bed1da; background-color: #f5f9fb;}

#main p.fac{ display: block; float: left; width: 221px; margin: 10px 0 10px 20px; font-weight: bold; padding-bottom: 10px; }
#main ul#specs{ display: block; float: left; width: 550px; margin:0 0 0 20px; padding:5px; border: solid 1px #9ed6f2; background-color: #c0e6f9; }
#main ul#specs li{ float: left; width: 248px; background: url(images/ico_check.jpg) no-repeat center left; padding: 4px 0 4px 18px; margin: 0 0 0 6px; border-bottom: dotted 1px #9ed6f2;}

#main #afstanden{ margin: 0 0 0 20px;}
#main #afstanden tr.dist td{ text-align: center;}

#main p.back .stepBack{ background: url(images/ico_back.gif) no-repeat center left; padding-left: 20px;}
#main p.back .print{ background: url(images/ico_print.gif) no-repeat center left; padding-left: 24px;}
#main p.back .mailMore{ background: url(images/ico_mail.gif) no-repeat center left; padding-left: 24px;}
#main p.back a:link{ border-bottom: none; text-decoration: none;}
#main p.back a:visited{ border-bottom: none; text-decoration: none;}
#main p.back a:hover{ border-bottom: none; text-decoration: none;}
#main p.back a:active{ border-bottom: none; text-decoration: none;}

/***** Login page *****/

#client{
	display: block;
	float: left;
	margin: 0 0 0 20px;
}
#client p{ display: block; margin:5px 0; font-weight: bold; padding:0; color: #003366;}
#client form{ margin: 19px 0 0 0; padding:0;}
#client form input{ margin: 0 0 13px 0; text-align: center;}

/***** Print page *****/

#print{
	height: 100%;
	min-height: 100%;
	width:660px;
	margin: auto;
	position: relative;
	font:100%/1.25 Arial, Helvetica, sans-serif, Verdana;
}
#print #header{
	display: block;
	width: 100%;
	min-height: 120px;
}
#print #header img{ display: block; float: left;}
#print #header p{ 
	display: block;
	clear: right;
	float: right;
	width: 60%;
	text-align: right;
	margin: 10px 10px 0 0;
	padding: 0;
}
#print #propDetails{
	display: block;
	clear: both;
	width: 100%;
	min-height: 200px;
}
#print #propDetails #t1{ display: block; width:99%; font-size: 120%; font-weight: bold; letter-spacing: 1px; color: #333; padding: 3px 0 0 0; margin: 0; border-bottom: solid 1px #333;}
#print #propDetails #t2{ display: block; width:99%; font-size: 110%; font-weight: bold; letter-spacing: 1px; margin: 10px 0 5px 0; padding: 0;}

#print #propDetails #propLeft{ display: block; float: left; width: 49%; height:100%; text-align:left; padding:0; margin: 5px 0 0 0;}
#print #propDetails #propRight{ display: block; float: right; width: 49%; height:100%; text-align:left; padding:0; margin: 5px 0 0 0; }

#print #propDetails #propLeft .specz{ display: block; width:100%; margin:5px 0; padding: 0; height: 160px;}
#print #propDetails #propLeft .specz dt{ display: block; float: left; width:45%; margin:0; padding: 4px; border: solid 1px #666;  }
#print #propDetails #propLeft .specz dd{ display: block; float: left; width:45%; margin:0 0 0 -1px; padding: 4px; border: solid 1px #666;  }

#print #propDetails #propRight p{ margin:0; padding:2px; font-weight: bold;}
#print #propDetails #propLeft p{ margin:0; padding:2px; font-weight: bold;}
#print #propDetails p{ margin:20px 0 5px 0; padding:2px; font-weight: bold;}

#print #propDetails #propRight .dists{ display: block; width:100%; margin:5px 0; padding: 0; height: 160px;}
#print #propDetails #propRight .dists dt{ display: block; float: left; width:45%; margin:0; padding: 4px; border: solid 1px #666;  }
#print #propDetails #propRight .dists dd{ display: block; float: left; width:45%; margin:0 0 0 -1px; padding: 4px; border: solid 1px #666;  }

#print #propDetails #fac{ display: block; width: 100%; margin:0; padding:0; min-height: 60px;}
#print #propDetails #fac li{ display: block; float: left; width: 32%; margin:0px 5px 0 0; padding: 4px 0 4px 0;}

#print #propImages{ display: block; clear:both; width: 100%; min-height: 200px;}
#print #propImages div{ 
	width: 32%;
	text-align: center;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	display: block; float: left;
	background-color: #fff;
	margin: 0 0 -1px -1px;
}
#print #propImages div .printThumb{ 
	height: 150px;
	margin: 3px auto;
}
#print #collabImages div{ 
	width: 48%;
	text-align: center;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	display: block; float: left;
	background-color: #fff;
	margin: 0 4px 4px 0;
}
#print #collabImages div .printThumb{ 
	height: 225px;
	margin: 3px auto;
	overflow: hidden;
}

#print p.newpage{
	page-break-after:always;
	border: none;
	clear: both;
	width: 100%;
	height: 1px;
	margin:0;
	padding:0;
}

/***** Big image *****/

#bigIm{ display: block; margin:0; padding:20px; height:100%; width: 100%; background-color: #dbf3ff;}
#bigIm img{  }
#bigIm .closeWindow{
	margin: 0 0 20px 0;
	padding: 0 0 0 18px;
	letter-spacing:-1px;
	font:1.10em "Trebuchet MS", Verdana;
	letter-spacing: 1px;
	color: #209fde;
	border-bottom: solid 1px #209fde;
	width: 620px;
	background: url(images/ico_close.gif) no-repeat top left;
}
#bigIm .closeWindow a:link{ text-decoration: none; color: #209fde;}
#bigIm .closeWindow a:visited{ text-decoration: none; color: #209fde;}
#bigIm .closeWindow a:hover{ text-decoration: none; color: #25759d;}
#bigIm .closeWindow a:active{ text-decoration: none; color: #209fde;}

/**** CALENDAR CLASSES ****/

ul#naviCalendar{
	display: block;
	float: left;
	clear: both;
	margin: 0 20px;
	padding: 0;
}
ul#naviCalendar li{
	display: block;
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
ul#naviCalendar #yearNaviCalendar{ font-size: 1.2em; font-weight: bold;}
#cntCalendar {
	display:block;
	float: left;
	clear: both;
	margin: 10px 20px;
	width: 570px;
}
#cntCalendar .month {
	border:1px solid #BFBFBF;
	display:inline;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	margin-bottom:1em;
	margin-right:0.3em;
	padding:4px;
}
#cntCalendar table { border-collapse:separate; }
#cntCalendar .month tr { overflow:hidden; }
#cntCalendar .month th.month-label {
	background-color:#2A6EBB;
	color:#FFFFFF;
	font-weight:bold;
}
#cntCalendar .month th, #cntCalendar .month td {
	line-height:1em;
	overflow:visible;
	vertical-align:middle;
	white-space:nowrap;
	width:1em;
}
#cntCalendar .month th, #cntCalendar .month td {
	border:0 none;
	padding:3px;
	text-align:center;
	width:auto;
	font-size: 0.95em;
}
caption, th { text-align:left; }
#cntCalendar .legend dt.u, #cntCalendar .month td.u {
	background-color:#f69546;
	text-decoration:line-through;
}
#availability .legend dt.a, .calendars .month td.a {
	background-color:#FFFFFF;
}
#cntCalendar .month td.e {
	visibility:hidden !important;
}
#cntCalendar .month th.day-label{ background-color: #fff;}
#cntCalendar .month th.weekend{ background-color: #ccd3d9;}

.diaLlegada {
	background: url(images/diaLlegada.jpg) no-repeat top left;
}
.diaSalida {
	background: url(images/diaSalida.jpg) no-repeat top left;
}
.diaDoble {
	background: url(images/diaDoble.jpg) no-repeat top left;
}

/**** RATES CLASSES ****/
table#rates{
	margin: 10px 0 0 20px;
	width: 570px;
	border-collapse: collapse;
}
table#rates th{ background-color:#C0E6F9; border:1px solid #9ED6F2;text-align: center; font-size: 1.1em; }
table#rates tr td{ border: solid 1px #9ED6F2; text-align: center; padding: 4px 0; }

table#ratesExtra{
	margin: 20px 0 0 20px;
	width: 570px;
	border-collapse: collapse;
}
table#ratesExtra tr td{ border: solid 1px #9ED6F2; text-align: left; padding: 4px 0 4px 10px; }
table#ratesExtra tr td.head{ background: #C0E6F9; border: solid 1px #9ED6F2; text-align: right; padding-right: 10px; font-weight: bold; }
table#ratesExtra tr td small{ color: #cc0000; font-weight: bold;}

table#reservationTable{
	margin: 20px 0 0 0;
	width: 570px;
	border-collapse: collapse;
}
table#reservationTable tr td{ border: solid 1px #9ED6F2; text-align: left; padding: 4px 0 4px 10px; }
table#reservationTable tr td.head{ background: #C0E6F9; border: solid 1px #9ED6F2; text-align: right; padding-right: 10px; font-weight: bold; }
table#reservationTable tr td .required{ color: #cc0000; font-weight: bold;}
table#reservationTable tr td input.chk{ width: 15px;}

input#fechaVueltaMiniCal, 
input#fechaIdaMiniCal{
	background: url(images/ico_calendar.gif) no-repeat top left;
	border: 0;
	outline: none;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 2px 2px 0 2px;
}

p.step{ font-weight: bold; font-style: italic; margin: 0 0 4px; padding: 0;}
div.paso{ display: block; float:left; clear: both; margin: 0 0 0 20px; width: 570px;}

input#fechaVueltaMiniCal, 
input#fechaIdaMiniCal{
	background: url(images/ico_calendar.gif) no-repeat top left;
	border: 0;
	outline: none;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 2px 2px 0 2px;
}

table#reservationTable tr td .priceLeft{ display: block; float: left; margin: 0 0 0 5px;}
table#reservationTable tr td.priceTotal{ background-color: #7db8d5; color: #000;}

#paso2, #paso3{ width: 570px;}
#paso2 fieldset{ margin: 0 0 20px 0; padding: 0; border: 0;}
#paso2 fieldset p{ margin: 2px 0 8px 0; padding: 0;}

textarea#disclaimer{
	display: block;
	float: none;
	clear: both;
	width: 550px;
	height: 140px;
	color: #333;
	padding: 10px;
	margin: 10px 0 0 0;
}

input.invalid { background: #faa; }
input.valid { background: #afa; }

#reservationTable td label {
	clear:left;
	margin:2px 0 6px 0;
	width:150px;
}
#reservationTable td label, #reservationTable td input, #reservationTable td textarea {
	display:block;
	float:left;
}
#reservationTable td textarea{ width: 186px;} 

#main .mError{
	width: 529px;
	height: 30px;
	margin: 10px 0 0 19px;
	padding: 8px 20px;
	border: solid 1px #e67873;
	background: #f19692;
}
#main .mOk{
	width: 529px;
	height: 30px;
	margin: 10px 0 0 19px;
	padding: 8px 20px;
	border: solid 1px #84c371;
	background: #b3eca1;
}

img.antiSpam { margin:0 0 6px 1px;}