/* La Casa del Atrio stylesheet for Screen*/

     body {
      font-style: normal;
      text-transform: none;
      font-family: Verdana, Arial,Helvetica,sans-serif;
      font-weight: normal;
      background-color: #8b0f40;
      font-size: 80%;
      color: #2e0d0a;
      padding:63px;
      margin: 0%;
      }

   #bodyhosp {
       background-image: url(http://lacasadelatrio.com/images/bg-hosp.png);
   }
   
  #bodygal {
      background-image: url(http://lacasadelatrio.com/images/bg-gal.png);
   }

   #bodymain {
       background-image: url(http://lacasadelatrio.com/images/bg-main.png);
   }

   #bodyint {
        background-image: url(http://lacasadelatrio.com/images/bg-int.png);
   }


    body h1 {
      font-size: 1.75em;
      font-weight: bold;
      text-align: left;
    }
    
    body h2 {
      font-size: 1.25em;
      font-weight: bold;
    }

    body h3 {
      font-size: 1.15em;
      font-weight: bold;
    }

 body .h3 {
      font-size: 1.15em;
      font-weight: bold;
   }

  body h4 {
      font-size: 1.05em;
      font-weight: bold;
    }

 a {
  outline: none; 
 }

  #container {
      background-color: #e1d8b9;
      width: 760px;
      overflow: auto;
      margin-left: auto;
      margin-right: auto;
       }


  #logo {
    float: left;
    height: 225px;
    width: 760px ;
    background-color: #e1d8b9;
    padding-top: 8px;
    text-align:center;
      }

 #logo img {
      border: none;
 }

    a:link {
    color: #483700;
       }

  a:visited { 
    color: #483700;
     }

  a:hover { 
    color: #474d1d;
    }

  a:active { 
    color: #474d1d;
      }

#navbarcontainer{
     background-color: #650b2f;
    }

 ul#navbar  {
     list-style-type: none;
     margin: 0;
     padding: 0;
     float: left;
     width: 100%;
     color: #fff;
     background-color: #650b2f;
     text-align: center;
     font-size: 1.1em;
     font-weight: bold;
   }
 
 ul#navbar li {
     display: inline;
     margin: auto;
  }

 ul#navbar li a {
     float: left;
     text-decoration: none;
     background-color: #650b2f;
     color: #fff;
     border-right: 2px solid #e1d8b9;
     width: 10em;
     padding: 0.5em 0.5em;
     }

 ul#navbar li a:hover {
      background-color: #7d4957;
      color: #fff;
 }

 #menucontainer {
     float: left;
     clear: both;
     font-size: 1.2em;
     min-height: 210px;
     width: 180px;
     overflow: auto;
     text-align: left;
     padding: 10px 0px 10px 3px;
     margin: 0px;
     background-color: #e1d8b9;
     }

 ul#menu {
     margin: 2px 2px 10px 2px;
     padding: 2px;
     font-weight: normal;
     }

 ul#menu li{
     list-style-type: none;
     margin-top: 2px;
      }
 
 ul#menu li a{
   display: block;
   padding: 0.3em;
   border-width: 1px 2px 2px 1px;
   border-color: #bbbbb7 #82827e #82827e #bbbbb7;
   border-style: solid;
   color: #fff;
   text-decoration: none;
   background-color: #7d744d;
   }

 ul#menu a {
    background-color: #7d744d;
    color: #fff;
    }

 ul#menu li a:hover, ul#menu li a:active {
   color: #fff;
   background-color: #9b9d6b;
   border-color: #bbbbb7;
   padding: 0.3em;
   border-width: 1px 2px 2px 1px;
   }

 #language a {
     margin: 0px 4px 2px 4px;
     padding: 0.3em;
     font-weight: normal;
     background-color: #7d744d;
     display: block;
     border-style: solid;
     text-decoration: none;
     border-width: 2px 2px 2px 2px;
     border-color: #d94900 #d94900 #d94900 #d94900;
     color: #fff;
     }

 #language a:hover, #language  a:active {
     background-color: #9b9d6b;
     color: #fff;
     border-color: #d86a35;
      }

 #content {
     float: left;
     text-align: justify;
     min-height: 200px;
     width: 557px;
     font-size: 1em;
     line-height: 1.3em;
     padding: 20px 10px 10px 10px;
     background-color: #e1d8b9;
      }

#content p, #content li {
    margin-right: 25px;
}

  #form {
     list-style: none;
    }

label {
     display: block;
     padding-top: 1em;
}

fieldset {
  width: 400px;
  border: solid 2px #333;
  padding: 1em;
  margin-top: 1.5em;
}

legend {
   display: block;
   background-color: #9b9d6b;
   color: #fff;
   border: solid 2px #333;
   font-size:1.1em;
   font-weight: bold;
   padding: 0.25em;
   margin-right: 60%;
}

#submit {
     margin-left: 40px;
     background-color: #7d744d;
     color: #fff;
     border: solid 1px #555;
}

#submit:hover, #submit:active {
    background-color: #9b9d6b;
}

input, textarea {
    background-color: #eee;
}

#correo {
    font-size:1.3em;
    font-weight: bold;
}

   #address {
    float: left;
    min-height: 110px;
    width: 260px;
    text-align: center;
    font-size: 1.25em;
    color: #042948;
    background-color: #b3c5c5;
    padding-top: 10px;
   }

  #leftfoot {
    float: left;
    clear: left;
    width: 250px;
    min-height: 110px;
    background-color: #b3c5c5;
    padding-top: 10px;
    background-image: url(http://lacasadelatrio.com/images/138orange.png);
    background-repeat: no-repeat;
    background-position: center;
    }


  #rightfoot {
    float: left;
    width: 250px;
    min-height: 110px;
    background-color: #b3c5c5;
    padding-top: 10px;
    background-image: url(http://lacasadelatrio.com/images/138orange.png);
    background-repeat: no-repeat;
    background-position: center;
    }

.rooms {
     border-bottom: 1px solid #333;
     margin-top: 15px;
  }

.roomsend {
      margin-top: 15px;
}


#content img {   padding: 2px;


    border: 4px solid #650b2f;
    }

.roomthumb {
     padding: 10px;
     border: 2px solid #333;
     float: left;
     margin: 10px 10px 10px 0px;
    }

.roomthumb span {
    font-weight:bold;
}


.gallerypast {
     padding: 10px;
     border: 2px solid #333;
     float: left;
     clear: both;
     margin: 10px 10px 10px 0px;
    }

.gallerypast span {
    font-weight:bold;
    float: left;
    }
    
.gallerypast p {
     margin: 45px 10px 10px 15px;
}

.stretch { /* this elongates short paragraphs */
    line-height: 1.45em;
}

#clear {
   clear: both;
}

#distances {
    clear: right;
    margin: 10px 10px 10px 0px;
    border-collapse: collapse;
    table-layout: auto;
}

#distances td {
  padding: 0.3em 0.5em;
  border: 1px solid #333;
}


#content ul {
    list-style-type: disc;
}

#lead {
   font-size: 1.4em;
   color: #8b0f40;
}

#sub {
  font-size: 1.1em;
  color: #042948;
}

#banner a {
    float: left;
    height: 45px;
    width: 733px;
    display: block;
    font-weight: normal;
    margin: 10px 10px 0px 10px;
    background-color: #b3c5c5;
    background-image: url(http://lacasadelatrio.com/images/bg-banner.png);
    border: 3px solid #042948;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;        /* when single line, this 20px and bottom zero -- when 2 lines, this 10px and bottom 10px, --when 3 lines, this 5 and bottom 15 */
    padding-bottom: 10px;
}

#banner #cafe-open {
     color: #d94900;
     font-size: 1.5em;
}

#banner a:hover, #banner  a:active {
    font-weight: bold;
}

.desde a {
    display: block;
    float: left;
    background-color: #7d744d;
    border: 3px solid #aaa ;
    padding: .5em;
    font-weight: normal;
    margin: 0px 10px 20px 0px;
    text-decoration: none;
    color: #fff;
    font-size: 1.1em;
}

.desde a:hover, .desde a:active {
     background-color: #9b9d6b;
     color: #fff;
     border-color: #ccc;
}

 #natgeothumb img {
     border: none;
     float: left;
     clear: both;
     margin-left: 12px;
     margin-top: 10px;
 }

#error {
    color: #ff0000;
}

#pic1  {   /* index page-entrance    */
    margin: 0px 0px 10px 10px;
    float: right;
}

#pic2  {    /*  index page-lobby    */
    margin: 10px 10px 10px 0px;
    float: left;
}

#pic3  {    /*   index page-pond in garden  */
    margin: 5px 0px 10px 0px;
    clear: both;
}

#pic4  {    /*  hospedaje room 3 -  mural and painting  */
    margin: 10px 95px 10px 15px;
    clear: both;
    }

#pic5  {    /* hospedaje room 3 - sink  */
    margin: 20px 10px 10px 10px;
    float: left;
    }

#pic6  {    /*  mapa - close up  */
    margin: 10px 0px 10px 0px;
    }

  #pic7  {    /*  hospedaje rooms page-room 1  */
    margin: 10px 10px 10px 0px;
    }

 #pic8  {    /*  hospedaje rooms page-room 2   */
    margin: 10px 10px 10px 0px;
    }

#pic9  {    /*  hospedaje rooom 3 -beds with curtain behind */
    margin: 10px 10px 10px 0px;
     }


  #pic10  {    /*  hospedaje room 1 page -beds */
    margin: 10px 10px 10px 0px;
    }

 #pic11  {    /*  hospedaje room 1 page - tv */
    margin: 10px 30px 10px 10px;
    }

 #pic12  {    /*  hospedaje room 1 page - sink */
    margin: 10px 0px 10px 25px;
    }

#pic13  {    /*  hospedaje room 2 page - king size & mural */
    margin: 10px 10px 100px 0px;
    }

 #pic14  {    /*  hospedaje room 2 page - sillon & art */
    margin: 10px 0px 30px 10px;
    }

 #pic15  {    /*  hospedaje room 2 page - sink */
    margin: 10px 10px 10px 30px;
    }

#pic16, #pic17, #pic18 { /* hospedaje habitaciones */
       margin: 0px
    }

#pic19, #pic20, #pic21 {    /* hospedaje habitaciones - thumbs*/
       margin: 0px 0px 10px 0px;
    }


#pic22 {    /*  casa historia - arches */
      margin: 0px 25px 10px 20px;
      float: right;
}


#pic23 {  /*  casa historia - hitches */
     margin: 10px 0px 10px 0px;
}

#pic24 {  /*  casa eventos - patio 1 */
     margin: 10px 10px 10px 0px;
    }


#pic25 {  /*  casa eventos - patio 2 */
     margin: 10px 10px 10px 0px;
     }

#pic26 {  /*  hospedaje services - fountain and painted lemon tree */
     margin: 10px 0px 10px 0px;
}

#pic27 {  /*  hospedaje tarifas - church dome and tower */
     margin: 10px 0px 10px 0px;
}

#pic28 {  /*  hospedaje promos - breakfast table under arch */
     margin: 10px 0px 10px 0px;
}

#pic29 {  /*  hospedaje promos - patiowine */
     margin: 10px 0px 10px 0px;
}

#pic29b {  /*  hospedaje promos - patiowine */
     margin: 10px 0px 10px 0px;
}

#pic30 {  /*  hospedaje politicas - patio table */
     margin: 0px 0px 10px 15px;
     float: right;
}

#pic31 {  /*  hospedaje politicas - San Agustin facade */
     margin: 10px 0px 10px 15px;
     float: right;
     clear: right;
}

#pic32 {  /*  casa eventos - grass and arches */
     margin: 10px 10px 10px 0px;
     }

#pic33 {  /*  galeria index - hallway towards door */
     margin: 10px 0px 10px 10px;
     float: right;
     }
     
#pic34 {  /*  galeria index - oblique angle of table and paintings */
     margin: 10px 0px 10px 0px;
     }
     
     
 #pic35 {  /*  galeria index - straight angle of table and paintings */
     margin: 10px 10px 10px 0px;
     float: left;
     }

  #pic36 {  /*  galeria services - restoring */
     margin: 10px 10px 10px 0px;
     }

 #pic37 {  /*  galeria services - restoring, small */
     margin: 10px 10px 10px 0px;
    }

 #pic38 {  /*  galeria services - painting damaged */
     margin: 10px 10px 10px 0px;
     float: left;
     }

 #pic39 {  /*  galeria services - restored painting */
     margin: 10px 10px 10px 0px;
     float: left;
     clear: right;
     }

 #pic40 {  /*  galeria services - painting damaged */
     margin: 10px 10px 10px 0px;
         }

 #pic41 {  /*  galeria services - restored painting */
     margin: 10px 10px 10px 0px;
     }

#pic42 { /* error pages - white bougainvillea */
      margin: 10px 0px 10px 0px;
     }
     
#pic43 { /* thank you pages - red flower */
      margin: 10px 0px 10px 0px;
     }


#pic44 { /* room 1 detail - lamp */
      margin: 10px 25px 30px 10px
     }

#pic45 { /* room 1 detail - sink */
      margin: 10px 0px 10px 35px
     }

#pic46 { /* room 1 detail - mural */
      margin: 10px 10px 30px 40px
     }

#pic47 { /* room 1 detail - bedspread */
      margin: 10px 3px 10px 0px
     }

#pic48 { /* room 1 detail - flowers */
      margin: 10px 25px 10px 3px
     }

#pic49 { /* room 2 detail - painted plant */
      margin: 0px 0px 10px 5px;
      }

#pic50 { /* room 2 detail - rockwal */
      margin: 10px 0px 10px 30px;
      }

#pic51 { /* room 2 detail - grapes */
      margin: 10px 10px 10px 10px;
      }

#pic52 { /* room 2 detail - lamp and rockwall */
      margin: 10px 0px 10px 0px;
      }

#pic53 { /* room 3 detail - stairmural */
       margin: 0px 15px 20px 10px;
       }

#pic54 { /* room 3 detail - sink */
       margin: 25px 5px 10px 25px;
       }

#pic55 { /* room 3 detail - statue */
       margin: 10px 20px 20px 15px;
       }
       
#pic56 { /* room 3 detail - curtain */
       margin: 10px 0px 15px 25px;
       }
       
#pic57 { /* room 3 detail - fabric print  */
       margin: 10px 0px 50px 20px;
       }
       
#pic58 { /* lodging comments page - lemon tree */
      margin: 10px 0px 10px 10px;
      float: right;
       }

#pic59 { /* gallery welcome - long strip */
      margin: 10px 0px 10px 25px;
      }

#pic60 { /* subscribe thank you - bronze and lemon tree */
       margin: 0px 0px 10px 10px;
       float: right;
       }
#pic61 { /* interiorismo - pedregal sala */
       margin: 0px 0px 10px 10px;
       float: right;
       }
       
#pic63 { /* city maps - df, celaya, slp */
       margin: 10px 0px 10px 0px;
       }

#pic64{ /* press - nat geo text */
       margin: 0px 0px 10px 0px;
       }
       
#pic65 { /* press - nat geo cover */
       margin: 0px 0px 10px 0px;
       }

#pic66 { /* press - tripadvisor */
       float: left;
       margin: 0px 15px 10px 0px;
       }