@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: 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:  -29px;}
.dropdown-item{padding: 3px !important;font-size: .9em;}

/*-----------------------contenido*/
.position-div{padding-top: 7em;}
.ajuste{width: 100%;text-align: center;}
.txt-titulo{border-bottom: 2px solid #01b8ae;
            padding: 5px;
            font-size: 1.6em;
    }
.margin-info{margin-top: 3em;margin-bottom: 3em;}
.conte-name{background: #01b8ae;font-size: 2em;padding: 10px;color: #fff;text-align: center;}
.margin-row{padding: 10px;}
.conte-info{padding: 20px;background: #fff;}
.text-lista{font-size: 1.2em;}
.div-imgs{background: white}
.img-config{width: 100%;}
.pie-imagen{padding: 6px;text-align: justify;font-size: 1em;color:#494949;}

    /*---------------------------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;}

/*-----------------------contenido*/
.position-div{padding-top: 7em;}
.ajuste{width: 100%;text-align: center;}
.txt-titulo{border-bottom: 2px solid #01b8ae;
            padding: 5px;
            font-size: 1.6em;
    }
.margin-info{margin-top: 3em;margin-bottom: 3em;}
.conte-name{background: #01b8ae;font-size: 2em;padding: 10px;color: #fff;text-align: center;}
.margin-row{padding: 10px;}
.conte-info{padding: 20px;background: #fff;}
.text-lista{font-size: 1.2em;}
.div-imgs{background: white}
.img-config{width: 100%;}
.pie-imagen{padding: 6px;text-align: justify;font-size: 1em;color:#494949;}


/*---------------------------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;}

/*-----------------------contenido*/
.position-div{padding-top: 7em;}

.txt-titulo{border-bottom: 2px solid #01b8ae;
            padding: 5px;
            font-size: 1.6em;
    }
.margin-info{margin-top: 3em;margin-bottom: 3em;}
.conte-name{background: #01b8ae;font-size: 2em;padding: 10px;color: #fff;text-align: center;}
.margin-row{padding: 10px;}
.conte-info{padding: 20px;background: #fff;}
.text-lista{font-size: 1.2em;}
.div-imgs{background: white}
.img-config{width: 100%;}
.pie-imagen{padding: 6px;text-align: justify;font-size: 1em;color:#494949;}



/*---------------------------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}
}