html { color: #666; font-size: 14px; font-family: 'Roboto', sans-serif; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
  Log-In
*/
.wrap { width: 100%; margin: 10% auto;  }
.logogrande { display: block; width: 300px; height: 187px; margin: auto; padding-top: 40px;}
.btnamarillo { display: inline-block; width: 300px; height: 40px; background-color: #ffde99; margin-left: 28px; margin-bottom: 5px;}
.btnamarillo { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #636362; }
.btngris { display: inline-block; width: 300px; height: 40px; background-color: #b2b2b1; margin-left: 28px; margin-top: 10px;}
.btngris { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #fff; }
.loginfont { font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: center; color: #636362; }
.loginfont a {text-decoration: none; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; color: #fcbf0d; }
/*
  Quienes Somos
*/
#fondo { width: 375px; height: 667px; background-color: #636362;}

.logochico { position: absolute; width: 75px; height: 47px; padding-left: 15px;}
.icono-menu { position: absolute; width: 45px; height: 30px; padding-left: 300px; padding-top: 17px;}
.icono-usuario { position: absolute; width: 34px; height: 32px; padding-left: 250px; padding-top: 15px;}

.imgmanos { width: 320px; height: 240px; margin: 60px 20px 20px;}
#texto-amarillo {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: left; color: #fcbf0d; margin-left: 20px; margin-right: 30px;}

/*
#texto-amarillo {  width: 320px; font-size: 15px; font-family:'Roboto', sans-serif; font-weight: 300; text-align: justify; color: #fcbf0d; margin-left: 20px; margin-right: 30px;}
*/

.img-linea { width: 180px; height: 16px; margin-left: 90px; margin-top: 60px;}

/*
  Secciones/Medicos
*/
.img-grupos{ width: 320px; height: 240px; margin: 60px 20px 20px;}

.formas { width: 145px; height: 35px;background-color: #ffde99; margin-bottom: 20px;}
#medicos ul { margin-bottom: 40px; padding-left: 20px; }
#medicos li { display: inline-block; max-width: 235px; vertical-align: top; width: 48%; }
.texto-medicos {position: relative; display:block; text-align: center;  font-size: 16px; font-family:'Roboto', sans-serif; font-weight: 400; color: #636362; margin: auto; text-align: center; padding-top: 8px; }
.img-linea-dos { width: 180px; height: 16px; margin-left: 90px; margin-top: 20px;}



/*
  Turnos
*/

#recuadro-titulo { width: 320px; height: 35px;background-color: #fcbf0d; margin:auto; margin-left: 20px; margin-top: 120px;}
#texto-gris {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: center; color: #636362; margin:auto; margin-top: 35px;}

/*
  #texto-gris {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: left; color: #636362; margin:auto; margin-top: 35px;}

  #texto-gris {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: justify; color: #636362; margin:auto; margin-top: 35px;}

*/

#form { margin-top: 35px; }
.btn { display: inline-block; width: 300px; height: 40px; background-color: #ffde99;  margin-left: 20px; margin-bottom: 10px;}
.btn { text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #636362; }
.btnturno { display: inline-block; width: 315px; height: 40px; background-color: #b2b2b1; margin-left: 20px; margin-top: 10px;}
.btnturno{ text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #fff; }


/*
 Menu
*/

#menu ul { margin-bottom: 40px; padding-left: 20px;margin-top: 120px; }
#menu li { list-style: none; max-width: 360px; : top; width: 100%; margin-bottom: 60px;}
#menu li a {text-decoration: none; text-align: left;  font-size: 25px; font-family:'Roboto', sans-serif; font-weight: 500; color: #fcbf0d; margin: auto; padding-top: 10px; padding-bottom: 10px;}
.linea { width: 320px; height: 3px; background-color: #fcbf0d; margin-top: 15px }


/* TABLET */
@media screen and ( min-width: 768px) {.wrap { width: 700px; overflow: hidden; }

/*
  Log-In
*/
.btnamarillo { display: inline-block; width: 300px; height: 40px; background-color: #ffde99; margin-left: 200px; margin-bottom: 10px;}
.btnamarillo { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #636362; }
.btngris { display: inline-block; width: 300px; height: 40px; background-color: #b2b2b1; margin-left: 200px; margin-top: 15px;}
.btngris { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #fff; }

/*
  Turnos
*/

#recuadro-titulo { width: 320px; height: 35px;background-color: #fcbf0d; margin:auto; margin-left: 220px; margin-top: 120px;}
#texto-gris {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: center; color: #636362; margin:auto; margin-top: 35px;}


.btn { display: inline-block; width: 300px; height: 40px; background-color: #ffde99;  margin-left: 200px; margin-bottom: 10px;}
.btn { text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #636362; }
.btnturno { display: inline-block; width: 315px; height: 40px; background-color: #b2b2b1; margin-left: 200px; margin-top: 15px;}
.btnturno{ text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #fff; }


#position { margin: auto; margin-left: 170px;}


/* DESKTOP */
@media screen and ( min-width: 1024px ) {.wrap { width: 940px; }

/*
  Log-In
*/

.btnamarillo { display: inline-block; width: 300px; height: 40px; background-color: #ffde99; margin-left: 320px; margin-bottom: 10px;}
.btnamarillo { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #636362; }
.btngris { display: inline-block; width: 300px; height: 40px; background-color: #b2b2b1; margin-left: 320px; margin-top: 15px;}
.btngris { text-align: center; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: auto; border: none; color: #fff; }

/*
  Turnos
*/

#recuadro-titulo { width: 320px; height: 35px;background-color: #fcbf0d; margin:auto; margin-left: 470px; margin-top: 120px;}
#texto-gris {  width: 320px; font-size: 14px; font-family:'Roboto', sans-serif; font-weight: 400; text-align: center; color: #636362; margin:auto; margin-top: 35px;}


.btn { display: inline-block; width: 300px; height: 40px; background-color: #ffde99;  margin-left: 300px; margin-bottom: 10px;}
.btn { text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #636362; }
.btnturno { display: inline-block; width: 315px; height: 40px; background-color: #b2b2b1; margin-left: 300px; margin-top: 15px;}
.btnturno{ text-transform: uppercase; text-align: left; padding-left:15px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; border: none; color: #fff; }


#position { margin: auto; margin-left: 290px;}