/* ------------------------------------ *
 CSS
 sábado, 26 de marzo de 2005 13:48:03
 HAPedit 3.1.11.111
 * ------------------------------------ */
html, body {
     margin: 0;
     padding: 0;
     height: 100%;
     line-height: 1; 
}
body
 {
   font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10pt;
 }
:focus          {outline: 0}
/*ol, ul          {list-style: none}*/
table           {border-collapse: collapse; border-spacing: 0;}
blockquote, q   {quotes: "" ""}
hr              {border: 0; color: #000; background-color: #000; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ""}

h1, h2, h3, h4, h5, h6 {
    color: #111;
    margin:0.5em;
}


.contenedor{
    position: relative;
    margin: 0 auto;
     text-align: left;
      /*width: 700px;*/
      width:100%;
      margin: auto;
     line-height: 1.3em;
}

.menu {background-color:#D8D8D8; /* #BDBDBD/*WhiteSmoke ActiveBorder/*ButtonFace /*ThreeDFace /*ThreeDLightShadow*/;
    borderN: 1px ridge; border-radius:1em 0em 1em 0em;
}
.cabecera{
  /*height : 100px;*/
  margin:auto;
  paddingN:0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color:ButtonFace;/* ThreeDLightShadow;*/
  borderN: 2px ridge;
  borderN: 2px outset;
  margin: 0.4%;
  margin-top:0px;

    border-radius: 2em 0em 2em 0em;
    border-style: outset;
    border-width: 2px;
    font-weight: normal;
    marginN: 1em 0;
    padding:0.2em;
  
}
.slideshow-images img{
border-radius: 2em;
 }
.lateral{
  float:left;
  width: 13%;
  margin-left: 12px;
    /*border:1px solid;*/
  /*-text-align:center;*/
  text-align:left;
}

.lateral1{
  float:right;
  
  width:15%;
  margin-right: 5px;
  margin-left: 2% ;
  /*border:1px solid;
  -text-align:center;*/

}

.piecuerpo{
  text-align:right;

}
.cuerpo{
  /*width: 65%;
overflow:hidden;
    margin-right: 2%;
 margin-left: 16%;*/
 float:left;
 width:63%;
 margin-left: 3%;
  /*background-color: #EBF2FE;
  border-bottom : 1px solid #cccccc;
  border-left : 1px solid #cccccc;*/
  text-indent:2em;
    color: #666;
   font-size: 0.88em;
   overflow: hidden;

}

 .pie   {
width: 100%;
   clear : both;
   /*border:1px dashed;*/
   text-align:center;
 }

 img,fieldset {
    border:0px;
}

.vercompras {
      cursor:pointer;
}
.menu {
    
    list-style-type:none;/* disc; /*circle; /*square;*/
    font-size: 0.9em;
    text-align: left;
    padding:0px;
    padding-left: 0.8em;
    margin:0px;
    /*background: transparent url("/peralvillo2/images/logoportada-fade3.gif") repeat center center;*/
    color: #555;
    font-family: arial,verdana;

}

.mano {
      cursor:pointer;
            font-weight: bold;
            font-size:18px;
}
.album{
float:left;width:28%;margin:2%;margin-top:2%;text-align:center;border:0px solid;
}
.diapo {
border: 2px outset;padding-top:1em;text-indent:0;overflow:hidden;

}

.foto  {
        margin:4%;
}

input.pequeno, select.pequeno {
    width:30%;
    /*text-align: center;*/
    /*border: #000000 1px solid;*/
    border: #54381C 1px solid ;
    font-size: 15px;
    /*background-color:transparent;*/

    margin:1px 0px;
    padding:2px;
    /*outline-color:invert;
    outline-style:solid;*/
}

.bouton {

    border-right: #000000 2px solid;
    border-top: #E0D0C1 2px solid;

    border-left: #E0D0C1 2px solid;
    border-bottom: #54381C 2px solid;
    /*border: 2px outset #986532;*/
    /*BACKGROUND-IMAGE: url(none);*/
/*  COLOR: #000007;*/

    font-family: verdana,helvetica;
/*  BACKGROUND-COLOR: #d4d0c8;*/

    /*outline-color:invert;
    outline-style:solid;*/
}

.pie ul {list-style-type:none;display:inline;}
.pie li {
     display:inline;
     padding:3px 15px;
     border-left: 1px solid #000;
}
.pie ul li.primero { border-left: none;}

.underline {
text-decoration: underline;
}

legend {
    font-size: smaller;
}

 
a:link {
    COLOR: #840000; TEXT-DECORATION: none;
}
a:visited {
    COLOR: #860010; TEXT-DECORATION: none
}
a:hover {
    COLOR: #0030c0; TEXT-DECORATION: underline
}
a:active {
    COLOR: #000000; TEXT-DECORATION: none
}

 
hr {
    border-right: #000000 0px solid; 
 /*   border-top: #836043 1px solid; */
    border-left: #000000 0px solid; 
    border-bottom: #ffebc0 1px solid
 }
 
BLOCKQUOTE {
    margin-bottom: 0px; PADDING-BOTTOM: 0px
 }

INPUT.bouton {
    border-right: #836043 2px solid; 
    border-top: #ffebc0 2px solid; 
    font-size: 11px; 
    background-image: none; 
    border-left: #ffebc0 2px solid; 
    color: #FFF7E0; 
    border-bottom: #836043 2px solid; 
    font-family: verdana,helvetica; 
    background-color: #CBA265
 }
 
.button {
    border-right: #836043 1px solid; 
    border-top: #ffebc0 1px solid; 
    font-size: 0.8em; 
    background-image: none; 
    border-left: #ffebc0 2px solid; 

    border-bottom: #836043 1px solid; 
    font-family: verdana,helvetica; 

 }

SELECT{
    /*border-right: #ffebc0 1px solid; 
    border-top: #836043 1px solid; */
    font-size: 1em; 
   /* border-left: #836043 1px solid; 
    color: #FFF7E0; 
    border-bottom: #ffebc0 1px solid; 
    font-family: verdana,helvetica; 
    background-color: #CBA265*/
 }

.text {
    border-right: #ffebc0 1px solid; 
    border-top: #836043 1px solid; 
    font-size: 11px; 
    border-left: #836043 1px solid; 
    color: #FFF7E0; 
    border-bottom: #ffebc0 1px solid; 
    font-family: verdana,helvetica; 
    background-color: #CBA265
 }
 

.activeborder
 {
   color: #000000;
   /*background: #ffffff;
   background-color: ThreeDLightShadow;*/
   font-weight: bold;
   border-right: #c9b079 0px solid;
   border-top: #ffefbe 0px solid;
   border-left: #ffefbe 0px solid;
   border-bottom: #0380AB 1px solid
 }
 
.inactivetab
 {
   color: #000000;
   background: #E2CB99;
   border-right: #c9b079 2px solid;
   border-top: #ffefbe 2px solid;
   border-left: #ffefbe 2px solid;
   border-bottom: #c9b079 2px solid
  }
.footer
 {
   color: #000000;
   background: #ffffff;
   font-size: 9pt;
   font-weight: bold;
   border-bottom: 2px groove #0380AB;
   border-top: 3px groove #0380AB
 }