<!--
/*-----------------------------------------------------------------------
  Cascading Style Sheet for Casa "La Esperanza" slideshow page 0:
  Planning and Preparation. Defines Images to be used.
  (C) Ian McInnes, 2015                                                 
------------------------------------------------------------------------*/

/* --- locations of thumbnail and active images --- */
#p001 { background-image:url('Thumbs/DSC00910.jpg'); }
#p001:active { background-image:url('Images/DSC00910.jpg'); }
#p002 { background-image:url('Thumbs/DSC00911.jpg'); }
#p002:active { background-image:url('Images/DSC00911.jpg'); }
#p003 { background-image:url('Thumbs/DSC00912.jpg'); }
#p003:active { background-image:url('Images/DSC00912.jpg'); }
#p004 { background-image:url('Thumbs/DSC00934.jpg'); }
#p004:active { background-image:url('Images/DSC00934.jpg'); }
#p005 { background-image:url('Thumbs/DSC00935.jpg'); }
#p005:active { background-image:url('Images/DSC00935.jpg'); }
#p006 { background-image:url('Thumbs/DSC01036.jpg'); }
#p006:active { background-image:url('Images/DSC01036.jpg'); }
#p007 { background-image:url('Thumbs/FachadaOriginal.png'); }
#p007:active { background-image:url('Images/FachadaOriginal.png'); }
#p008 { background-image:url('Thumbs/CasaLaEsperanza0.png'); }
#p008:active { background-image:url('Images/CasaLaEsperanza0.png'); }
#p009 { background-image:url('Thumbs/CasaLaEsperanza1.png'); }
#p009:active { background-image:url('Images/CasaLaEsperanza1.png'); }
#p010 { background-image:url('Thumbs/CasaLaEsperanza2.png'); }
#p010:active { background-image:url('Images/CasaLaEsperanza2.png'); }
#p011 { background-image:url('Thumbs/CasaLaEsperanza3.png'); }
#p011:active { background-image:url('Images/CasaLaEsperanza3.png'); }
#p012 { background-image:url('Thumbs/CasaLaEsperanza4.png'); }
#p012:active { background-image:url('Images/CasaLaEsperanza4.png'); }

/* special treatment for plans: these have no outline; also main plans have different height */
#p0008
{
  width:180px; height:120px;
}
#p008, #p009, #p010, #p011, #p012
{
  width:172px; height:111px;
}
#p007:active
{
  height:533px;
  outline:0px;
}
#p008:active,#p009:active,#p010:active,#p011:active,#p012:active
{
  width:800px; height:518px;
  outline:0px;
}
-->