/* Residencial PÔR-DO-SOL - Fotos - CSS Document */

.photos {position:relative; width:540px; z-index:100; /*border:1px solid red;*/}

.photos span {
	float:left;
	padding:2px;
	border:1px solid #fff;
	}

.photos a.facilities1, .photos a.facilities1:visited, .photos a.facilities2, .photos a.facilities2:visited, .photos a.facilities3, .photos a.facilities3:visited, .photos a.facilities4, .photos a.facilities4:visited, .photos a.facilities5, .photos a.facilities5:visited, .photos a.facilities6, .photos a.facilities6:visited, .photos a.facilities7, .photos a.facilities7:visited, .photos a.facilities8, .photos a.facilities8:visited, .photos a.facilities9, .photos a.facilities9:visited {display:block; width:100px; height:90px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.photos a img {border:0;}
.photos a.facilities1:hover, .photos a.facilities2:hover, .photos a.facilities3:hover, .photos a.facilities4:hover, .photos a.facilities5:hover, .photos a.facilities6:hover, .photos a.facilities7:hover, .photos a.facilities8:hover, .photos a.facilities9:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.photos a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.photos a.facilities1:hover .large, .photos a.facilities2:hover .large, .photos a.facilities3:hover .large, .photos a.facilities4:hover .large, .photos a.facilities5:hover .large, .photos a.facilities6:hover .large, .photos a.facilities7:hover .large, .photos a.facilities8:hover .large, .photos a.facilities9:hover .large {display:block; position:absolute; top:-65px; left:450px; border:5px solid #fff;}

.photos a.facilities1:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:338px; border:10px solid #fff;}

.photos a.facilities2:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:338px; border:10px solid #fff;}

.photos a.facilities3:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:371px; border:10px solid #fff;}

.photos a.facilities4:hover .large {display:block; position:absolute; top:-65px; left:400px; width:300px; height:243px; border:10px solid #fff;}

.photos a.facilities5:hover .large {display:block; position:absolute; top:-65px; left:400px; width:200px; height:183px; border:10px solid #fff;}

.photos a.facilities6:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:329px; border:10px solid #fff;}

.photos a.facilities7:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:329px; border:10px solid #fff;}

.photos a.facilities8:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:272px; border:10px solid #fff;}

.photos a.facilities9:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:241px; border:10px solid #fff;}

/* MADEIRA */


.photos_madeira {position:relative; width:640px; z-index:100; /*border:1px solid red;*/}

.photos_madeira span {
	float:left;
	padding:2px;
	border:1px solid #fff;
	}

.photos_madeira a.madeira1, .photos_madeira a.madeira1:visited, .photos_madeira a.madeira2, .photos_madeira a.madeira2:visited, .photos_madeira a.madeira3, .photos_madeira a.madeira3:visited, .photos_madeira a.madeira4, .photos_madeira a.madeira4:visited, .photos_madeira a.madeira5, .photos_madeira a.madeira5:visited, .photos_madeira a.madeira6, .photos_madeira a.madeira6:visited {display:block; width:100px; height:90px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.photos_madeira a img {border:0;}
.photos_madeira a.madeira1:hover, .photos_madeira a.madeira2:hover, .photos_madeira a.madeira3:hover, .photos_madeira a.madeira4:hover, .photos_madeira a.madeira5:hover, .photos_madeira a.madeira6:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.photos_madeira a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.photos_madeira a.madeira1:hover .large, .photos_madeira a.madeira2:hover .large, .photos_madeira a.madeira3:hover .large, .photos_madeira a.madeira4:hover .large, .photos_madeira a.madeira5:hover .large, .photos_madeira a.madeira6:hover .large {display:block; position:absolute; top:-65px; left:450px; border:5px solid #fff;}

.photos_madeira a.madeira1:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:262px; border:10px solid #fff;}

.photos_madeira a.madeira2:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:300px; border:10px solid #fff;}

.photos_madeira a.madeira3:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:261px; border:10px solid #fff;}

.photos_madeira a.madeira4:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:271px; border:10px solid #fff;}

.photos_madeira a.madeira5:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:295px; border:10px solid #fff;}

.photos_madeira a.madeira6:hover .large {display:block; position:absolute; top:-65px; left:400px; width:400px; height:377px; border:10px solid #fff;}