::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 20px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #F90;
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

.btn
{
  width: 15%;
  margin: auto;
  text-align: center;
  padding-top: 2em;
}
.btn a
{
  background: url("assents/button.gif");
  background-size: 100% 100%;
  color: #fff;
  padding: 1em;
  box-shadow: 4px 4px #523b37;
  text-decoration: none;
  transition: .1s ease-out;
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.btn a:hover
{
  transition: .1s ease-in;
  box-shadow: 0px 0px #fff;
  position: relative;
  top: 3px;
  left: 3px;
}


.cont-articl .btn
{
    width: 38%;
}
.cont-articl .btn a
{
  font-size: .7em;
}


input, textarea, button
{
  font-size: initial !important;
}

form
{

  text-align: center;
}
form input
{
  display: block;
  margin: auto;
  padding: .5em;
  margin-top: .5em;
  margin-bottom: .5em;
  background: rgba(45,45,45,.15);

  border: 0;
  box-shadow: 0px 0px 1px #fff;
  color: #fff;
}
form input:focus
{
  box-shadow: 0 0 10px #000;
  outline: 0;
}
form input::placeholder
{
  color: #fff;
  text-align: center;
}
form textarea
{
  width: 70%;
  margin: auto;
  background: rgba(45,45,45,.15);
  border: 0;
  box-shadow: 0px 0px 1px #fff;
  color: #fff;
}
form textarea:focus
{
  box-shadow: 0 0 10px #000;
  outline: 0;
}
form textarea::placeholder
{
  color: #fff;
  text-align: center;

}
#enviar
{
  background: url("assents/ray3.gif") repeat-x 0 0;
  margin-top: 2em;
  background-size: 100% 100%;
  color: #fff;
  padding: .5em 1em;
  border: 1px solid #ff730e;
  box-shadow: 0px 0px 2px #f00;;
}

/*customize*/


html
{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
  body
  {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    animation: logo 2s;

    scrollbar-face-color:fuchsia;
 scrollbar-highlight-color:yellow;
 scrollbar-3dlight-color:orange;
 scrollbar-darkshadow-color:darkblue;
 scrollbar-shadow-color:gray;
 scrollbar-arrow-color:yellow;
 scrollbar-track-color:aqua;
  }
    .global
    {
      /*background:url("build1.jpg") no-repeat center center fixed;
      background-size: cover;*/
      background: url("assents/textura.png");
      background-size: 100% 100%;
    }

      header
      {
        color: #fff;
        background: rgba(255,255,255, 1);
      }
        .top-info
        {
          display: flex;
          justify-content: space-between;
          border-bottom: 4px solid rgba(255,255,255,.9);

        }
          .top-info .phone
          {
            position: relative;
            padding-right: 1em;
            background: #7f2801;
            z-index: 10;
          }
          .top-info .phone::after
          {
            content: "";
            position: absolute;
            top: -21px;
            right: -16px;
            width: 8%;
            height: 150%;
            transform: rotate(30deg);
            background: #7f2801;
          }
          .top-info div
          {
            display: inline-block;

          }
            .top-info .phone div
            {
              display: inline-block;
            }
              .phone div p
              {
                margin: .5em 1em;
              }
              .phone div a
              {
                font-family: -webkit-body;
                text-decoration: none;
                color: #fff;
                text-shadow: 0 0 5px #fff;
              }

          .top-info .social-media
          {
            margin: .5em 1em;
          }
            .top-info .social-media a
            {
              margin-left: .5em;
              color: #7d6969;
              transition: .5s ease-out;
            }
            .top-info .social-media a:hover
            {
              transition: .5s ease-in;
              color: #7f2801;
            }



        .title
        {
          text-align: center;
          background: url("assents/banner2.jpg");
          background-size: 100% 100%;
          width: 100%;
          height: 100%;
          position: relative;
        }
        /*.title::before
        {
          content: "";
          width: 11%;
          height: 35%;
          background: white;
          position: fixed;
          bottom: 69px;
          right: -60px;
          transform: rotate(45deg);
          z-index: 1;
          overflow: hidden;
        }
        .title::after
        {
          content: "";
          width: 11%;
          height: 100%;
          background: white;
          position: absolute;
          top: -240px;
          left: 25px;
          transform: rotate(45deg);
        }*/
          .otro
          {
            background: #000;
            opacity: .18;
            position: absolute;
            width: 100%;
            height: 100%;

          }
          .title .box-logo
          {
            width: 20%;
            margin: auto;
            padding-top: 1em;
          }

            .box-logo img
            {
              width: 100%;
            }



          .title h1
          {
            color: #fff;
            font-family: serif;
            font-weight: 100;
            letter-spacing: .4em;
            font-size: 2.5em !important;
            text-shadow: 0px 0px 10px #000;/*,
                         2px 2px 5px rgb(255, 255, 255),
                         -2px -2px 5px rgb(255, 255, 255);*/
          }

          .title h3
          {
            color: #fff;
            letter-spacing: 4em;
            font-family: sans-serif;
            font-weight: 100;
            text-shadow: 0px 0px 10px #fff;
          }

      nav
      {
        text-align: center;
        padding: 1em 1em 2em 1em;
      }
        nav ul
        {
          padding: 0;
          text-align: center;
          /*width: 60%;*/
          margin: auto;
          display: flex;
          justify-content: space-between;
        }
          nav ul li
          {
            list-style: none;
            display: inline-block;
            position: relative;
            z-index: 10;
          }
            nav li a
            {
              text-decoration: none;
              color: #7d6969;
              font-family: fantasy;
              padding: 1em;
              transition: .5s ease-out;
            }
            nav li a:hover
            {
              transition: .5s ease-in;
              color: #fff;
              text-shadow: 0px 0px 10px #000;
            }
            nav li a::after
            {
              content: "";
              width: 1%;
              height: 2px;
              background: transparent;
              position: absolute;
              right: 0;
              left: 0;
              margin-left: auto;
              margin-right: auto;
              bottom: -20px;
              transition: .5s ease-out;
            }

            li a:hover:after
            {
              content: "";
              width: 100%;
              height: 2px;
              transition: .5s ease-in;
              background: #7f2801;
            }


      .pri-sec
      {
        /*padding: 2em;
        width: 80%;
        margin: auto;*/

      }
        .pri-sec article
        {
          width: 80%;
          margin: auto;
        }
          .pri-sec article .cont-deslogo
          {
            width: 10%;
            display: inline-block;
          }

            .pri-sec div p
            {
              text-align: justify;
              letter-spacing: .1em;
              transform: scaleY(1.4);
              padding: 1em;
              color: #fff;
            }


            .pri-sec h2
            {
              display: inline-block;
              vertical-align: top;
              position: relative;
              padding: 0 1em .2em 0.65em;
              color: #fff;
              text-shadow: 0 0 10px #fff;
              transform: scaleY(2);
              font-family: serif;
            }
            .pri-sec h2::after
            {
              content: "";
              width: 100%;
              height: 2px;
              background: #A75226;
              position: absolute;
              bottom: 0;
              left: -10px;
              z-index: -1;
            }
            .cont-deslogo img
            {
              width: 100%;
              border-radius: 50%;
            }

      .seg-sec
      {
        padding: 3em 0;
      }
        .seg-sec .glob-sectow
        {
          width: 80%;
          margin: auto;
          text-align: center;
        }
          .seg-sec article
          {
            display: inline-block;
            width: 29%;
            margin: .5em;
          }
          .seg-sec article:first-child .cont-articl
          {
            background: url("assents/ray1.gif") repeat-x 0 0;
            padding: 2em;
          }
          .seg-sec article:nth-child(2) .cont-articl
          {
            background: url("assents/ray2.gif") repeat-x 0 0;
            padding: 2em;
          }
          .seg-sec article:nth-child(3) .cont-articl
          {
            background: url("assents/ray3.gif") repeat-x 0 0;
            padding: 2em;
          }
            .cont-galle div
            {
              width: 96%;
            }
              article:first-child .cont-galle div img
              {
                width: 100%;
                border: 5px solid #c17a16;
              }
              article:nth-child(2) .cont-galle div img
              {
                width: 100%;
                border: 5px solid #c95716;
              }
              article:nth-child(3) .cont-galle div img
              {
                width: 100%;
                border: 5px solid #bd441e;
              }

              .seg-sec article h2
              {
                color: #fff;
              }
                .seg-sec article p
                {
                  font-style: italic;
                }
                  .cont-text
                  {
                    font-size: .8em;
                  }


                .seg-sec article:nth-child(1) h2
                {
                  color: #fed28b;
                  text-shadow: 1px 1px 1px #d7943a;
                }
                .seg-sec article:nth-child(2) h2
                {
                  color: #fed28b;
                  text-shadow: 1px 1px 1px #d17125;
                }
                .seg-sec article:nth-child(3) h2
                {
                  color: #fed28b;
                  text-shadow: 1px 1px 1px #d54926;
                }

                .seg-sec article:nth-child(1) p
                {
                  color: #ffd970;

                }
                .seg-sec article:nth-child(2) p
                {
                  color: #fcde8c;
                }
                .seg-sec article:nth-child(3) p
                {
                  color: #fddf8d;
                }


      footer
      {
        margin-top: 2em;
        font-size: 0;
      }
      .foter-map img
      {
        width: 100%;
        height: 100%;
      }
        .foter-map , .footer-email
        {
          width: 50%;
          height: 500px;
          display: inline-block;
          vertical-align: top;
        }
					iframe
					{
						width: 100%;
						height: 100%;
					}
        .footer-email
        {
          position: relative;
          z-index: 10;
        }
          .cont-form
          {

          }
          .cont-form h1
          {
            font-size: 32px;
            color: #fff;
            text-align: center;
            padding-bottom: 1em;
            font-family: fantasy;
            text-shadow: 0px 0px 10px #000;
          }

          .bk-blur
          {
            background: url("assents/banner1.jpg");
            background-size: cover;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: -1;
            opacity: .5;
            filter: blur(2px);
          }

        .sponsor
        {
          text-align: center;
          font-size: 16px;
          padding-top: 1em;
          background: rgba(251, 242, 242, 0.74);
        }
          .sponsor div
          {
            width: 5%;
            display: inline-block;
            padding: 1em;
          }
            .sponsor div img
            {
              width: 100%;
            }

        .copyright
        {
          font-size: 17px;
          padding: 1em 0;
          border-top: 0px;

        }
          .copyright .contact
          {
            width: 80%;
            margin: auto;
            padding-bottom: 2em;
          }
            .contact .selec-contac, .contact .social-media, .contact .libros
            {
              width: 30%;
              display: inline-block;
              vertical-align: top;
            }

            .contact .selec-contac h2, .contact .social-media h2, .contact .libros h2
            {
              color: #fff;
              font-family: fantasy;
							text-shadow: 5px 5px 10px #000;
            }
            .contact .selec-contac p
            {
              padding: .2em 0;
            }
            .contact .selec-contac span
            {
              color: rgba(224, 133, 37, 0.89);
            }



            .contact .social-media a
            {
              color: rgba(224, 133, 37, 0.89);
            }

            .libros .cont-lib
            {
              width: 100%;

            }
              .libros ul
              {
                padding: 0;
                width: 100%;
                list-style-type: none;
              }
                .libros ul li
                {
                  padding: .2em 0;
                }
                  .libros a
                  {
                    color: #fff;
                    text-decoration: none;
                  }
                  .libros i
                  {
                    color: #d37a20;
                  }


          .copyright .text
          {
            text-align: center;
          }



          .copyright p
          {
            color: #fff;
            margin: 0;
            font-family: serif;
            text-shadow: 0px 0px 10px black;

          }
					.text i
					{
						text-shadow: 0px 0px 10px #fff;
					}

/*#select
{
	background: rgb(255, 173, 51);
}*/
nav #select a::after
{
	content: "";
  width: 100%;
  height: 2px;
  transition: .5s ease-in;
  background: #7f2801;
}
nav #select a
{
	color: #fff;
  text-shadow: 0px 0px 10px #fff;
}

/*@keyframes  logo{
  0%   {transform: scaleY(1.05);}
}*/

/*page-espe*/
#especialidades
{
	text-align: center;
	background: url("assents/especialidades.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#especialidades .box-logo
{
	width: 8%;
}
#especialidades h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#especialidades h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
/*page-espe*/

/*////////////////////////////////////////////////*/

/*page-sobre*/
#sobre-text div p
{
    transform: scaleY(1);
}
#sobre
{
	text-align: center;
	background: url("assents/sobre_nosotros.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#sobre .box-logo
{
	width: 8%;
}
#sobre h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#sobre h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
/*page-sobre*/

/*////////////////////////////////////////////////*/

/*page-info*/
#info
{
	text-align: center;
	background: url("assents/info.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#info .box-logo
{
	width: 8%;
}
#info h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#info h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
/*page-info*/

/*////////////////////////////////////////////////*/

/*page-contacto*/
#contacto
{
	text-align: center;
	background: url("assents/contacto.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#contacto .box-logo
{
	width: 8%;
}
#contacto h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#contacto h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
/*page-contacto*/

/*////////////////////////////////////////////////*/

/*page-contactame*/
#contactame
{
	text-align: center;
	background: url("assents/contactame.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#contactame .box-logo
{
	width: 8%;
}
#contactame h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#contactame h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
/*page-contactame*/

/*////////////////////////////////////////////////*/

/*page-producto*/
#producto
{
	text-align: center;
	background: url("assents/producto.jpg");
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	height: 270px;
}
#producto .box-logo
{
	width: 8%;
}
#producto h1
{
	text-align: right;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	background: rgba(255, 173, 51, 0.63);
	padding: 0 1em;
}
#producto h1::before
{
	content: "";
	background: transparent;
	position: absolute;
	left: -50px;
  border-top: 51.5px solid transparent;
  border-right: 50px solid rgba(255, 173, 51, 0.63);
}
#producto-conten ul
{

}
#producto-conten ul li
{
	list-style: none;
}
#producto-conten ul li a
{
	color: #fff;
	text-decoration: none;
}
/*page-producto*/