/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


/*Colores

*/  

/*nav ul a,
nav .brand-logo {
  color: #444;
}*/




p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}


/* My styles */
nav{
  height: 100px;
  background-color: #FFF;
  color: #000;
  border-bottom: 5px solid orange;
}
nav img{
  width: 10%;
  margin-top: 10px;
  margin-left: 1%;
}

nav ul a{
  color: #000 !important;
  padding: 10px 15px;
}

#servicios .col img, .animatedParent.col img{
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

#servicios p{
  line-height: 1.5rem;
  padding: 0px 5px;
}


p{
  text-align: justify;
}

#servicios, #preferencia, .ir-arriba a.btn, #form_trabajo .btn, #form_citas .btn, #form_email2 .btn{
  background-color: #f56600;
  color: #FFF;
}

#form_email:not(#contactenos #form_email){
  border: 1px solid #00247d;
  border-radius: 3px;
  padding: 10px;
}

#form_email .btn {
  background-color: #00247d;
}

#mapa, #mapa2{
  width: 100%;
  height: 150px;
  background-color: #CCC;
}

footer{
  background-color: #00247d !important;
  color: #FFF !important;
}

input[type=text]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]){
  border-bottom: 1px solid #f56600;
  -webkit-box-shadow: 0 1px 0 0 #f56600;
  box-shadow: 0 1px 0 0 #f56600;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label{
  color: #F56600;
}

span.ir-arriba{
  bottom: 0px;
  position: fixed;
  padding: 20px;
  display: none;
  z-index: 999;
  left: 0px;
}

span.ir-arriba i{
  font-size: 25px;
  position: absolute;
  cursor: pointer;
  color: #FFF;
  margin-top: 0px;
  margin-left: -13px;
}

nav ul a:hover{
  height: 95px;
  background-color: rgba(0,36,125,0.5);
  color: #FFF !important;
}

.menu-fixed {
  height: 50px;
	/*position:fixed;
	z-index:1000;
	top:0;
	width:100%;*/
  box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.hover1{
  height: 45px !important;
  background-color: rgba(0,36,125,0.5);
  color: #FFF !important;
}

.sidenav-trigger{
  color: #000;
}

#slide-out a img{
  width: 50%;
}

.footer-copyright{
  background-color: rgba(51,51,51,0.5) !important;
}

.container{
  overflow: hidden;
}

#slide-out{
  background-color: #00247d;
}

.menu-mobile li a, .menu-mobile li a i{
  color: #FFF;
}

#slide-out .logo{
  background-color: #FFF;
  height: 100px;
}

#citas{
  background-image: url("../img/begin.jpg");
  background-size: cover;
}
#entrevista{
  background-image: url("../img/180328_3691814_Entrevista_de_trabajo__como_obtener_el_emple.jpg");
  background-size: cover;
}

#contactenos2{
  background-image: url("../img/secretarias.jpg");
  background-size: cover;
}

#form_citas, #form_trabajo, #contactenos2 #form_email2{
  padding: 15px;
  background-color: rgba(0,0,0,0.5);
  border-radius: 5px;
  margin-top: 5%;
}

#form_trabajo, #form_citas, #form_email2{
  color: #FFF !important;
}

#form_trabajo .col input, #form_trabajo .col .btn{
position: relative;
z-index: 1;
}

.input-field>label, .select-dropdown, .caret{
  color: #FFF !important;
}

#form_email label{
  color: #000 !important;
}

input[type=text]:not(.browser-default, #form_email input), input[type=email]:not(.browser-default){
  border-bottom: 1px solid #FFF;
}

.file-path::placeholder{
  color: #FFF;
}

.select-dropdown.dropdown-trigger, #form_citas input, #form_citas textarea, #form_trabajo input:not(.select-dropdown), .datepicker-table td.is-today, .datepicker-cancel, .datepicker-done, .dropdown-content li >span{
  color: #F56600 !important;
}

input.valid[type=text]:not(.browser-default){
  border-bottom: 1px solid #f56600;
  -webkit-box-shadow: 0 1px 0 0 #f56600;
  box-shadow: 0 1px 0 0 #f56600;
}

.datepicker-date-display{
  background-color: #F56600 !important;
}

.datepicker-day-button:focus{
  background-color: rgba(245,102,0,0.5);
}

.datepicker-table td.is-selected{
  background-color: #F56600 !important;
}

.datepicker-day-button{
  color: #000;
}

.newToast{
  background-color: #00247d;
  color: #F56600;
  font-weight: bold;
  border-radius: 10px;
  border: 2px solid #FFF;
}

.select-wrapper .caret{
  fill: #FFF;
}

#odontologos p i.fas{
  font-size: 10px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
  background-color: none !important;
  color: #F56600 !important;
}

#odontologos img{
  width: 50%;
}






@media screen AND (max-width: 320px){
  .nav-wrapper img{
    width: 50% !important;
    margin-left: 10% !important;
  }
  .col img{
    /*width: 100px;
    height: 100px;*/
  }
  h1{
    font-size: 3.0rem;
  }
  h2{
    font-size: 2.5rem;
  }
  h4{
    font-size: 1.2rem;
  }
  span.ir-arriba{
    bottom: -10px;
    left: -10px;
  }
  #servicios .col img{
    /*width: 200px;
    height: 100px;
    border-radius: 10px;*/
  }
  #odontologos h4{
    font-weight: bold;
  }
}

@media screen AND (min-width: 321px) AND (max-width: 520px){
  .nav-wrapper img{
    width: 40% !important;
    margin-left: 12% !important;
  }
  .col img{
    /*width: 350px;
    height: 200px;
    border-radius: 10px;*/
  }
  span.ir-arriba{
    bottom: -10px;
    left: -10px;
  }
  .nav-wrapper img{
    width: 40%;
    margin-left: 15%;
  }

  footer .col img{
    width: 100px;
    height: 100px;
  }
}

@media screen AND (min-width: 521px) AND (max-width: 720px){
  .col img:not(footer img){
    width: 250px;
    height: 250px;
  }
  #servicios .col img{
    margin-top: 100px;
  }
  #preferencia h4{
    font-size: 2.0rem;
  }
  span.ir-arriba{
    bottom: -10px;
    left: -10px;
  }
}

@media screen AND (min-width: 521px) AND (max-width: 992px){
  nav img{
    width: 20%;
  }
}

@media screen AND (max-width: 400px){
  .animatedParent.col img{
    width: 250px;
    height: 250px;
  }
}

@media screen AND (min-width: 601px) AND (max-width: 745px){
  footer h2{
    font-size: 2.5rem;
  }
}

@media screen AND (min-width: 601px) AND (max-width: 850px){
  .animatedParent.col img{
    width: 200px;
    height: 200px;
  }
}

@media screen AND (min-width: 321px) AND (max-width: 400px){
  #servicios .animatedParent.col img{
    width: 200px;
    height: 200px;
  }
}

@media screen AND (min-width: 321px) AND (max-width: 400px){
  #contactenos h1{
    font-size: 3rem;
  }
}

@media screen AND (max-width: 395px){
  #odontologos h1{
    font-size: 3.0rem;
  }
}