/*
  Web realizada por Juan Díaz (Junio 2008)
  http://www.deide.com
  
  #dd8135	Naranja
  #0e0c0d Gris fondo y texto
  #aeaeae Gris claro
  #676767 Gris menu
*/

/*@import url(/comun/customscroll.css);*/

a {
  color:#e35f16;
}
address {
  font-style:normal;
}
/*
blockquote {
  background:url(/img/comillas-izq.png) no-repeat left center;
  margin:20px 0;
  padding-left:30px;
}
*/
body {
  background:#818080;
  color:#0e0c0d;
  cursor:default;
  font:.8em "Segoe UI",Helvetica,Arial,sans-serif; /*"Trebuchet MS", Trebuchet, Tahoma, Verdana, sans-serif;*/
  margin:0px;
  overflow:hidden;
  padding:0px;
}
/*
cite {
  background:url(/img/comillas-der.png) no-repeat right center;
  display:block;
  font-style:italic;
  padding-right:30px;
}
*/
em {
  color:#dd8135;
  font-style:normal;
  font-weight:bold;
}
h1 {
  border-bottom:1px solid #dd8135;
  color:#dd8135;
  font-size:1.3em;
  margin:0 0 10px 0;
  padding:0;
}
h2 {
  border-bottom:1px solid #dd8135;
  color:#dd8135;
  font-size:1em;
  margin:20px 0 10px 0;
  padding:0;
}
h6 {
  color:#676767;
  font-size:11px;
  font-weight:normal;
  margin:0 0 30px;
  padding:0;
}
h6 a {
  color:#676767;
}
hr {
   background:#dd8135;
   border:0;
   height:1px;
   margin:10px 25% 20px;
   padding:0;
   width:50%;
}
html {
  height:100%;
  overflow:hidden;
}
img {
  border:none;
}
input {
  font:1em "Segoe UI",Helvetica,Arial,sans-serif;
  padding:3px;
}
input[type='text'] {
  background:url(/img/fondo-web.png);
  border:1px solid #676767;
  color:#676767;
  width:100%;
}
input[type='submit'] {
  background:#dd8135;
  border-style:outset;
  border-width:1px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;
}
input[name='captcha'] {
  color:#000;
  font-family:"Lucida Console","Courier New",monospace;
  font-weight:bold;
  text-align:center;
  width:50px;
}
li {
  margin:0 0 5px;
}
p {
  margin:0 0 10px 0;
  padding:0;
}
table {
  border:none;
  border-collapse:collapse;
  width:95%;
}
textarea {
  background:url(/img/fondo-web.png);
  border:1px solid #676767;
  color:#676767;
  font:1em "Segoe UI",Helvetica,Arial,sans-serif;
  overflow:auto;
  padding:3px;
  width:100%;
}
th {
  font-weight:normal;
  padding:0 10px 0 0;
  text-align:right;
}
ul {
  list-style-image:url(/img/topo.png);
  padding-left:20px;
}

#fondo {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}
  #fondo img {
    height:100%;
    width:100%;
  }

#sombra {
  background:url(/img/sombra.png) no-repeat center top;
  height:596px;
  left:50%;
  margin-left:-525px;
  margin-top:-298px;
  position:absolute;
  text-align:center;
  top:50%;
  width:1050px;
  z-index:2;
}
  #web {
    background:url(/img/fondo-web.png);
    height:550px;
    margin:28px 25px 17px;
    text-align:left;
    width:1000px;
  }
    #cabecera {
      clear:both;
      height:135px;
    }
      #frases {
        float:left;
        height:130px;
        overflow:hidden;
        position:relative;
        width:560px;
      }
      #frases div {
        color:#aeaeae;
        display:block;
        font:italic bold 1.6em Georgia,Times New Roman,serif;
        height:115px;
        padding-top:50px;
        position:absolute;
        text-align:center;
        width:550px;
        z-index:3;
      }
      #logo {
        background:url(/img/logo-terapiahumanista.png) no-repeat center center;
        float:left;
        height:90px;
        padding:20px;
        width:400px;
      }
      #movil {
        height:20px;
        position:absolute;
        top:10px;
        width:75px;
        z-index:10;
      }
        #movil a {
          color:#fff;
          font-size:smaller;
          text-decoration:none;
          text-shadow: 1px 1px 2px #676767;
        }
    #cuerpo {
      background:url(/img/arbol.png) no-repeat right bottom;
      clear:both;
      height:385px;
      vertical-align:top;
    }
      #contenido { 
        float:left;
        height:365px;
        line-height:1.22em;
        overflow:auto;
        padding:0 0 20px 190px;
        text-align:left;
        width:540px;
      }
        #contenido img {
          float:right;
          padding:0 0 10px 20px;
        }
        #contenido .comentarios {
          width:95%;
        }
          #contenido .comentarios h3 {
            background:url(/img/icono-coment.png) no-repeat 50px bottom;
            margin:0;
            padding:0 0 10px;
          }
          #contenido .comentarios h3 span {
            /*background:url(/img/icono-comentario-naranja.png) no-repeat center;*/
            color:#dd8135;
            float:left;
            font:italic bold 16px Georgia,"Times New Roman",serif;
            height:22px;
            /*margin:0 0 0 -30px;*/
            padding:0 5px 0 0;
            text-align:center;
            width:25px;
          }
          #contenido .comentarios p {
            background:url(/img/fondo-web.png);
            margin:0 0 0 30px;
            padding:5px;
          }
          #contenido .comentarios var {
            color:#676767;
            font-size:10px;
            font-style:normal;
            margin:0 0 0 30px;
          }
          #contenido #compartir table {
            background:url(/img/fondo-web.png);
            border:1px inset #676767;
          }
          #contenido #compartir td {
            padding:3px;
            width:25%;
            white-space:nowrap;
          }
          #contenido #compartir td a {
            color:#676767;
            text-decoration:none;  
          }
          #contenido #compartir td img {
            float:none;
            height:16px;
            margin:0 5px 0 0;
            padding:0;
            width:16px;
          }
      #menu {
        float:right;
        height:385px;
        padding:0 0 0 0;
        width:270px;
      }
        #menu a {
          color:#676767;
          display:block;
          font-size:18px;
          font-weight:bold;
          padding:5px 5px 5px 30px;
          text-decoration:none;
        }
        #menu span {
          background:transparent url(/img/menu-fondo.png) repeat-y left;
          color:#dd8135;
          display:block;
          font-size:18px;
          font-weight:bold;
          padding:5px 5px 5px 30px;
          text-decoration:none;
          text-shadow: 1px 1px 1px #fff;
        }
        #menu blockquote {
          margin:0 0 0 20px;
        }
        #menu blockquote a {
          font-size:14px;
        }
        #menu blockquote a:hover,
        #menu blockquote a.on {
          color:#dd8135;
        }
    #legal,
    #legal a {
      color:#aeaeae;
      font:9px Tahoma,Verdana,Arial;
    }
    #pie {
      background:#dd8135;
      border-top:4px solid #f0b384;
      clear:both;
      color:#fff;
      height:30px;
      line-height:2em;
      padding-left:50px;
      vertical-align:top;
    }
      #pie a {
        color:#fff;
        text-decoration:underline;
      }
      #pie span {
        margin-left:20px;
      }

.domicilio,
.ecorreo,
.telefono,
.movil {
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:15px;
}
.domicilio {
  background-image:url(/img/ico-casa.gif);
}
.ecorreo {
  background-image:url(/img/ico-sobre.gif);
}
.telefono {
  background-image:url(/img/ico-telefono.gif);
}
.movil {
  background-image:url(/img/ico-movil.gif);
}
.facebook {
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:20px;
  background-image:url(/img/ico-facebook.gif);
}

.ali-izq {
  text-align:left;
}
.ali-cen {
  text-align:center;
}
.ali-der {
  text-align:right;
}

.espacio {
  margin:0 0 50px;
}

#nota {
  background:url(/img/nota1.gif) no-repeat top;
  height:305px;
  left:40px;
  position:absolute;
  top:90px;
  width:153px;
  z-index:99;
}
#nota a {
  color:#834c1f;
  font-weight:normal;
  text-decoration:none;
}
#nota div {
  background:#eec29d;
  margin:115px 0 0;
  padding:0 6px;
}
#nota:after {
  content:url(/img/nota2.gif);
}

#trio {
  left:45px;
  position:absolute;
  top:160px;
  z-index:99;
}
#trio a {
  display:block;
  font-weight:bold;
}

#galeria {
  margin:5px 0 20px;
}
#galeria img {
  border:1px solid #676767;
  float:none;
  margin:0 4px 5px 0;
  padding:0 !important;
}
#galeria img:hover {
  border:1px solid #dd8135;
}

#copyright {
  background:url(/img/copyright.png) left center no-repeat;
  border:1px solid #676767;
  color:#676767;
  font-size:9px;
  padding:10px;
}
#copyright code {
  background:#fafbd8;
  font-size:10px;
  padding:2px;
  text-decoration:underline;
}

.social a {
  background-position:left center;
  background-repeat:no-repeat;
  color:#10307f;
  padding:2px 0 2px 20px;
  text-decoration:none;
}
.social td {
  padding:2px 0;
}

#versionesweb {
  background:#dd8135;
  color:#fff;
  height:100%;
  padding:20px;
  position:absolute;
  text-align:center;
  vertical-align:middle;
  width:100%;
  z-index:1000;
}
  #versionesweb a {
    color:#000;
  }
  #versionesweb a#cerraravisomovil {
    color:#676767;
  }

/* errores formulario */
.formError,.formError .formErrorArrow{position:absolute}.formError{top:300px;left:300px;width:150px;padding-bottom:15px;z-index:5000}.formError,.formError .formErrorArrow .line10,.formError .formErrorArrow .line9,.formError .formErrorArrow .line8,.formError .formErrorArrow .line7,.formError .formErrorArrow .line6,.formError .formErrorArrow .line5,.formError .formErrorArrow .line4,.formError .formErrorArrow .line3{display:block}.formError .formErrorContent{width:100%;color:#fff;font:10px Tahoma,Verdana,Arial,sans-serif;padding:4px 10px 4px 10px;}.formError .formErrorContent,.formError .formErrorArrow .line10,.formError .formErrorArrow .line9,.formError .formErrorArrow .line8,.formError .formErrorArrow .line7,.formError .formErrorArrow .line6,.formError .formErrorArrow .line5,.formError .formErrorArrow .line4,.formError .formErrorArrow .line3{background:#000}.formError .formErrorArrow{bottom:0;left:20px;height:15px}.formError .formErrorArrow,.formError .formErrorArrow .line10{width:15px}.formError .formErrorArrow div,.formError .formErrorArrow .line10{font-size:0}.formError .formErrorArrow .line10,.formError .formErrorArrow .line9,.formError .formErrorArrow .line8,.formError .formErrorArrow .line7,.formError .formErrorArrow .line6,.formError .formErrorArrow .line5,.formError .formErrorArrow .line4,.formError .formErrorArrow .line3{height:1px;margin:0 auto}.formError .formErrorArrow .line9{width:13px}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px}