/******************************************************************************
 *
 *
 *
 *
 *
 *
 *****************************************************************************/
/*=============================================================================
 =
 ============================================================================*/
#canvas {
   float: none;
   clear: both;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   x_border: 3px solid rgba(255,0,0,0.698);
}
#paper {
   float:right;
   position: absolute;
   height: 100%;
   width: 100%;
   x_border: 3px solid rgba(0,0,255,0.698);
}
/*-----------------------------------------------------------------------------
 -
 ----------------------------------------------------------------------------*/
#tapiz, #prado, #aparcamiento, #entrada, #pasillo, #porche_1, #porche_2, #terraza, #comedor, #cesped, #coctel, #aseos, #casa, #chillout, #carpa, #recreo, #piscina, #fuente, #carretera_der, #carretera_izq, #seto_der, #seto_izq  {
   float: right;
   display: none;
   height: auto !important;
   overflow: auto;
   position: relative;
   margin: 5% 1% 1% auto ;
   width: 25%;
   text-align:center;
   x_border: 2px solid rgba(0,255,0,0.698);
}
/*-----------------------------------------------------------------------------
 -
 ----------------------------------------------------------------------------*/
#aparcamiento_f, #entrada_f, #pasillo_f, #porche_1_f, #porche_2_f, #terraza_f, #comedor_f, #cesped_f, #coctel_f, #aseos_f, #casa_f, #chillout_f, #carpa_f, #recreo_f, #piscina_f, #fuente_f, #carretera_der_f, #carretera_izq_f {
   float: left;
   display: none;
   height: auto !important;
   overflow: auto;
   position: relative;
   margin: 5% auto 1% 1%;
   width: 25%;
   text-align:center;
   x_border: 2px solid rgba(0,0,255,0.698);
}

/*=============================================================================
 = 
 ============================================================================*/
#canvas h2 {
   margin-top: .1em;
   margin-bottom: .7em;
   text-align: center;
   color: rgb(27, 94, 32);
   text-shadow: rgb(150,213,150) 3px 3px 3px;
   font-size: 1.3em;
}
#canvas p {
   background-color: rgba(27, 94, 32, 0.123);
   font-size: 1.3em;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   padding: .17em;
   margin-bottom: .5em;
   width: 95%;
   height: auto !important;
}
#canvas p:first-letter {
   color: rgb(27, 94, 32);
   font-size: 1.3em;
   text-shadow: rgb(150,213,150) 3px 3px 5px;
}
#canvas img {
   margin: .2em;
   border-top: thin solid rgba(27, 94, 32, 8.123);
   border-bottom: thin solid rgba(27, 94, 32, 8.123);
   border-left: thin solid rgba(27, 94, 32, 8.123);
   border-right: thin solid rgba(27, 94, 32, 8.123);
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;

   -webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 );
   box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 );
   -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
   transition: box-shadow .3s ease, border-color .3s ease;
}
/*-----------------------------------------------------------------------------
 -
 ----------------------------------------------------------------------------*/
#canvas img:hover,
#canvas img:focus {
   border-color: #fff;

   -webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 );
   box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 );
}
/******************************************************************************
 *
 *****************************************************************************/