/* Start of CMSMS style sheet 'Image Gallery' */
/*Rectangular div that holds the gallery */ 
#holder {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/hadriano/hadriano.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holderoptima {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/casaoptima/casaoptimapool.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holderbuena {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/buena/terras.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holderfogarate {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/fogarate/canillas.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300; height: 340px; }
#holderlamuneca {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/lamuneca/lamuneca1.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holdermaria {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/maria/terras.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holderguest {position:relative; float:right; background:#bd9e64 url(foto/guest/JoostSteenbokken.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300; height: 340px; }
#holderposada {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/posada/plaza1.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }
#holderpanaderos {position:relative; float:right; background:#bd9e64 url(foto/accomodatie/panaderos/terras.jpg) 6px 34px no-repeat; margin-bottom:10px; margin-top:10px; margin-left:10px; z-index:1; border: solid 1px #003300 }

/*This controls how the scroll bar appears */ 
#scrollbox {width:300px; height:75px; background:#fff; overflow:auto; border:1px solid #aaa; margin-left:5px; margin-right:5px;margin-bottom:5px;}
#scrollbox2 {width:300px; height:75px; background:#fff; overflow:auto; border:1px solid #aaa; margin: 230px 5px 5px 5px;} 

/*Container for the thumbnail pictures with the scroll bar at the bottom, the width changes the length of the bar you obtain using the scroll */ 
#thumbs {width:670px; height:50px; }
#thumbsoptima {width:1010px; height:50px; }
#thumbsguest {width:750px; height:50px; }

/*The small thumbnails */ 
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #003300; width:75px; height:47px; margin:3px; float:left; font-size:11px; }

/*The small thumbnails when they are the active one */ 
a.slidea {background:url(foto/accomodatie/hadriano/hadrianos.jpg); }
a.slideb {background:url(foto/accomodatie/hadriano/hadriano-salons.jpg);}
a.slidec {background:url(foto/accomodatie/hadriano/hadriano-rooms.jpg);}
a.slided {background:url(foto/accomodatie/hadriano/hadriano-lounges.jpg);}
a.slidee {background:url(foto/accomodatie/hadriano/hadriano-kitchens.jpg);}
a.slidef {background:url(foto/accomodatie/hadriano/hadriano-showers.jpg);}
a.slideg {background:url(foto/accomodatie/hadriano/hadriano-twins.jpg);}
a.slideh {background:url(foto/accomodatie/hadriano/hadriano-doubles.jpg);}
a.slidei {background:url(foto/accomodatie/casaoptima/casaoptimas.jpg);}
a.slidej {background:url(foto/accomodatie/casaoptima/casaoptima1s.jpg);}
a.slidek {background:url(foto/accomodatie/casaoptima/casaoptimapools.jpg);}
a.slidel {background:url(foto/accomodatie/casaoptima/casaoptima3s.jpg);}
a.slidem {background:url(foto/accomodatie/casaoptima/casaoptima4s.jpg);}
a.sliden {background:url(foto/accomodatie/buena/terrass.jpg);}
a.slideo {background:url(foto/accomodatie/buena/woonkamers.jpg);}
a.slidep {background:url(foto/accomodatie/buena/slaapkamer1s.jpg);}
a.slideq {background:url(foto/accomodatie/buena/keukens.jpg);}
a.slider {background:url(foto/accomodatie/buena/badkamers.jpg);}
a.slides {background:url(foto/accomodatie/fogarate/piscinas.jpg);}
a.slidet {background:url(foto/accomodatie/fogarate/terrass.jpg);}
a.slideu {background:url(foto/accomodatie/fogarate/slaapkamers.jpg);}
a.slidev {background:url(foto/accomodatie/fogarate/woonkeukens.jpg);}
a.slidew {background:url(foto/accomodatie/fogarate/fogarates.jpg);}
a.slidex {background:url(foto/accomodatie/fogarate/canillass.jpg);}
a.slidey {background:url(foto/accomodatie/fogarate/aankomsts.jpg);}
a.slidez {background:url(foto/accomodatie/lamuneca/lamuneca1s.jpg);}
a.slideaa {background:url(foto/accomodatie/lamuneca/lamuneca2s.jpg);}
a.slideab{background:url(foto/accomodatie/lamuneca/lamuneca5s.jpg);}
a.slideac {background:url(foto/accomodatie/lamuneca/lamuneca7s.jpg);}
a.slidead {background:url(foto/accomodatie/lamuneca/lamuneca8s.jpg);}
a.slideae {background:url(foto/accomodatie/maria/terrass.jpg);}
a.slideaf {background:url(foto/accomodatie/maria/voorkants.jpg);}
a.slideag {background:url(foto/accomodatie/maria/woonkamers.jpg);}
a.slideah {background:url(foto/accomodatie/maria/keukens.jpg);}
a.slideai {background:url(foto/accomodatie/maria/slaapkamers.jpg);}
a.slideaj {background:url(foto/guest/gastenboek1s.jpg);}
a.slideak {background:url(foto/guest/gastenboek2s.jpg);}
a.slideal {background:url(foto/guest/gastenboek3s.jpg);}
a.slideam {background:url(foto/guest/gastenboek4s.jpg);}
a.slidean {background:url(foto/guest/MulhacenJoostHeleenHermans.jpg);}
a.slideao {background:url(foto/guest/MulhacenCloseups.jpg);}
a.slideap {background:url(foto/guest/JoostHeleens.jpg);}
a.slideaq {background:url(foto/guest/JoostHermans.jpg);}
a.slidear {background:url(foto/guest/JoostSteenbokkens.jpg);}
a.slideas {background:url(foto/accomodatie/posada/plaza1s.jpg);}
a.slideat {background:url(foto/accomodatie/posada/plaza6s.jpg);}
a.slideau {background:url(foto/accomodatie/posada/plaza3s.jpg);}
a.slideav {background:url(foto/accomodatie/posada/plaza4s.jpg);}
a.slideaw {background:url(foto/accomodatie/posada/plaza5s.jpg);}
a.slideax {background:url(foto/accomodatie/posada/plaza2s.jpg);}
a.slideay {background:url(foto/accomodatie/panaderos/terrass.jpg);}
a.slideaz {background:url(foto/accomodatie/panaderos/lounges.jpg);}
a.slideba {background:url(foto/accomodatie/panaderos/sittingrooms.jpg);}
a.slidebb {background:url(foto/accomodatie/panaderos/kitchen1.jpg);}
a.slidebc {background:url(foto/accomodatie/panaderos/dinings.jpg);}
a.slidebd {background:url(foto/accomodatie/panaderos/bedroom1s.jpg);}
a.slidebe {background:url(foto/accomodatie/panaderos/bedroom2s.jpg);}
a.slidebf {background:url(foto/accomodatie/casaoptima/mirador-lounges.jpg);}
a.slidebg {background:url(foto/accomodatie/casaoptima/mirador-terraces.jpg);}
a.slidebh {background:url(foto/accomodatie/casaoptima/mirador-views.jpg);}
a.slidebi {background:url(foto/accomodatie/casaoptima/mirador-kitchens.jpg);}
a.slidebj {background:url(foto/accomodatie/casaoptima/mirador-dinings.jpg);}
a.slidebk {background:url(foto/accomodatie/casaoptima/mirador-dining2s.jpg);}
a.slidebl {background:url(foto/accomodatie/casaoptima/mirador-bedrooms.jpg);}
a.slidebm {background:url(foto/accomodatie/casaoptima/mirador-bedroom2s.jpg);}


a.gallery span {display:block; position:absolute; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

/*These are the large pictures that appear when the thumb is clicked or hovered */ 
a.gallery:hover span {display:block; position:absolute; width:302px; height:215px; top:28px; padding:5px; font-style:italic; color:#000; background:transparent; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:302px; height:215px; top:28px; left:20px; padding:5px; font-style:italic; color:#000; background:#bd9e64; z-index:50;}

/*Spacer to the left of the gallery.  If you remove it the large picture is not displayed */ 
#pad {height:220px; width:5px;}

<!--[if IE 7]>
a.gallery span {display:block; position:absolute; width:302px; height:210px; top:28px; left:-99999px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:0px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:0px; z-index:50;}
<![endif]-->
/* End of 'Image Gallery' */