@charset "utf-8";
@font-face{
                font-family: fuente1;
                src: url('../src/fonts/Century Gothic.ttf');
            }

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;

	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer1 {
	width: 92%;
  margin: auto;
}
#LayoutDiv2 {
	width: 100%;
}

body{background: #e6e6e6;font-family: fuente1;}

/*--------menu header------------*/

.menu-css{
    font-size: 1.2em;
    color: black;
    margin: auto;
    position: fixed;
    width: 100%;
    background:  #f8f9fa;
    z-index: 100;

}
.nav-item{padding: 0px;}
.nav-item, .nav-link{color: black !important;}
.nav-link:hover{color: #01b8ae !important;}
.dropdown-menu{margin-left:  -29px;}
.dropdown-item{padding: 3px !important;font-size: .9em;}

/*------- estilos Inicio----------*/
.img-index{
    background:url(../src/imgs/fondo.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
    padding-top: 10em;
    padding-bottom: 10em;
    text-align:  center;
}
h1{color: #fff;
    font-size: 3em;
    text-shadow: 2px 3px 5px #424242;
    }

    h2{color: #fff;
    font-size: 1.5em}

    .subtxt{color: #fff;font-size: 1.2em;border-bottom: 2px solid #01b8ae;text-shadow: 2px 2px 2px #373737;font-style: italic;}


    .acerdade{margin-top: -6em;margin-bottom: 4em;}
    .margen{padding: 0px;}
    .fotografia{}
    .img-foto-doctor{width: 100%;}
    .libro-margen{margin-top: 20px;text-align: center;}
    .img-foto-libro{width: 90%;height: 400px;padding: 20px;}
    .curriculum{background: #fff;padding: 20px;}
    .ver-curriculum{text-align: right;color: #01b8ae;font-size: 1em;background: white;}
    .ver-curriculum:hover{text-decoration: none;color:#027973;}

    .border-div{border-bottom: 2px solid #01b8ae;
                padding: 5px;
                font-size: 1.6em;
        }

        .boder-conte{margin-top: 2em;}
        .sub-text{font-size: 1.3em;}
        .sub-conte{font-size: 1.3em;}

        /*---------------------------CSS FOOTHER-----------------------*/
        .conte-foother{background: #8a8a88;padding-top: 3em;padding-bottom: 3em;}
        .div-txt-titulo{text-align: center !important;margin-bottom: 50px !important;}
        .text-titulo{border-bottom: 2px solid #01b8ae;
                     padding: 0px;
                     font-size: 1.6em;
                     color: #fff !important;
             }
        .mapa-clinica{width: 100%;height: 265px;}
        .dir-tel-txt{color: #ffff;font-size: 1.1em;}

        .padd{padding-bottom: 8px;}
        .textarea{height: 180px;}
        .tam-input{width: 100%;padding: 5px}
        .tam-input:hover{border: 2px solid #01b8ae;}
        .btn-enviar{color: #fff;background: #01b8ae;border: 1px solid #01b8ae;width: 100%;padding: 6px;font-size: 1.3em;}
        .btn-enviar:hover{opacity: .9;cursor: pointer;}

        .copi-txt{text-align: center;padding: 10px;background: #fff}


/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer1 {
	width: 100%;

}
#LayoutDiv2 {

	width: 100%;

}

body{background: #e6e6e6;font-family: fuente1;}

/*--------menu header------------*/

.menu-css{
    font-size: 1.2em;
    color: black;
    margin: auto;
    position: fixed;
    width: 100%;
    background:  #f8f9fa;
    z-index: 100;

}
.nav-item{padding: 0px;}
.nav-item, .nav-link{color: black !important;}
.nav-link:hover{color: #01b8ae !important;}
.dropdown-menu{margin-left:  0px;}
.dropdown-item{padding: 5px !important;font-size: 1em;}

/*------- estilos Inicio----------*/
.img-index{
    background:url(../src/imgs/fondo.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
    padding-top: 10em;
    padding-bottom: 10em;
    text-align:  center;
}
h1{color: #fff;
    font-size: 4em;
    text-shadow: 2px 3px 5px #424242;
    }

    h2{color: #fff;
    font-size: 1.9em}

      .subtxt{color: #fff;font-size: 1.7em;border-bottom: 2px solid #01b8ae;text-shadow: 2px 2px 2px #373737;font-style: italic;}

    .acerdade{margin-top: -6em;margin-bottom: 4em;}
    .margen{padding: 0px;}
    .fotografia{}
    .img-foto-doctor{width: 97%;}
    .libro-margen{margin-top: 20px;margin: auto;text-align: center;}
    .img-foto-libro{width: 80%;height: 500px;padding: 20px;}
    .curriculum{background: #fff;padding: 20px;}
    .ver-curriculum{text-align: right;color: #01b8ae;font-size: 1em;background: white;}
    .ver-curriculum:hover{text-decoration: none;color:#027973;}

    .border-div{border-bottom: 2px solid #01b8ae;
                padding: 5px;
                font-size: 1.6em;
        }

        .boder-conte{margin-top: 2em;}
        .sub-text{font-size: 1.5em;}
        .sub-conte{font-size: 1.3em;}

        /*---------------------------CSS FOOTHER-----------------------*/
        .conte-foother{background: #8a8a88;padding-top: 3em;padding-bottom: 3em;}
        .div-txt-titulo{text-align: center !important;margin-bottom: 50px !important;}
        .text-titulo{border-bottom: 2px solid #01b8ae;
                     padding: 5px;
                     font-size: 1.6em;
                     color: #fff !important;
             }
        .mapa-clinica{width: 100%;height: 265px;}
        .dir-tel-txt{color: #ffff;font-size: 1.1em;}

        .padd{padding-bottom: 8px;}
        .textarea{height: 180px;}
        .tam-input{width: 100%;padding: 5px}
        .tam-input:hover{border: 2px solid #01b8ae;}
        .btn-enviar{color: #fff;background: #01b8ae;border: 1px solid #01b8ae;width: 100%;padding: 6px;font-size: 1.3em;}
        .btn-enviar:hover{opacity: .9;cursor: pointer;}

        .copi-txt{text-align: center;padding: 10px;background: #fff}

}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer1 {
	width: 100%;
	max-width: 1300px;
	margin: auto;

}
#LayoutDiv2 {
	width: 100%;
	}

body{background: #e6e6e6;font-family: fuente1;}

  /*--------menu header------------*/

  .menu-css{
      font-size: 1.2em;
      color: black;
      margin: auto;
      position: fixed;
      width: 100%;
      background:  #f8f9fa;
      z-index: 100;

  }
 .nav-item{padding: 5px;}
 .nav-item, .nav-link{color: black !important;}
 .nav-link:hover{color: #01b8ae !important;}
 .dropdown-menu{margin-left:  0px;}
 .dropdown-item{padding: 5px !important;font-size: 1em;}

/*------- estilos Inicio----------*/
.img-index{
    background:url(../src/imgs/fondo.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
    padding-top: 10em;
    padding-bottom: 10em;
    text-align:  center;
}
h1{color: #fff;
    font-size: 5em;
    text-shadow: 2px 3px 5px #424242;
    }

    h2{color: #fff;
    font-size: 2.3em}

    .subtxt{color: #fff;font-size: 2em;border-bottom: 2px solid #01b8ae;text-shadow: 2px 2px 2px #373737;font-style: italic;}

    .acerdade{margin-top: -6em;margin-bottom: 4em;}
    .margen{padding: 10px;}
    .fotografia{}
    .img-foto-doctor{width: 100% !important;}
    

    .curriculum{background: #fff;padding: 30px;}
    .ver-curriculum{text-align: right;color: #01b8ae;font-size: 1em;background: white;}
    .ver-curriculum:hover{text-decoration: none;color:#027973;}

    .border-div{border-bottom: 2px solid #01b8ae;
                padding: 5px;
                font-size: 1.6em;
        }

        .boder-conte{margin-top: 2em;}
        .sub-text{font-size: 1.3em;}
        .sub-conte{font-size: 1.3em;}



   /*---------------------------CSS FOOTHER-----------------------*/
   .conte-foother{background: #8a8a88;padding-top: 3em;padding-bottom: 3em;}
   .div-txt-titulo{text-align: center !important;margin-bottom: 50px !important;}
   .text-titulo{border-bottom: 2px solid #01b8ae;
                padding: 5px;
                font-size: 1.6em;
                color: #fff !important;
        }
   .mapa-clinica{width: 100%;height: 265px;}
   .dir-tel-txt{color: #ffff;font-size: 1.1em;}

   .padd{padding-bottom: 8px;}
   .textarea{height: 180px;}
   .tam-input{width: 100%;padding: 5px}
   .tam-input:hover{border: 2px solid #01b8ae;}
   .btn-enviar{color: #fff;background: #01b8ae;border: 1px solid #01b8ae;width: 100%;padding: 6px;font-size: 1.3em;}
   .btn-enviar:hover{opacity: .9;cursor: pointer;}

   .copi-txt{text-align: center;padding: 10px;background: #fff}
}