.w3-banner-top {

	background-color: #343764 !important;

}



.bg-tags-nav {

	width: 150px;

}



.btn_AgendarCita {

	width: 150px;

	color: white;

	background-color: #2B8ED1;

	font-size: 1em;

	padding: 1em;

	border-color: transparent;

	border-radius: 5px;

	transition: 0.5s;

}



.btn_AgendarCita:hover {

    background: none;

    color: #2B8ED1;

    border-color: #2B8ED1;

}



.btn_AgendarCita:active{

	color: white;

}



.fa-user-md{

	/*color: #00bcd4;*/

	color: #31346e;

  font-size: 1.5em;

}



 .fa-briefcase-medical{

 	color: #efb636;

  font-size: 1.5em;

 }



 .full-Map{

 	width: 100%;

 }



 .title {

 	font-size: 3em !important;

 }

@media(max-width:640px){

	.title {

		font-size: 2em !important;

	}

	.imgLogo{

		display: block;

	}



	.skills .image-wrapper {

    height: 50vw;

  }

}

@media(min-width: 641px){

	.imgLogo{

		display: none;

	}

}



@media all and (min-width: 1300px) {

  .skills .image-wrapper {

    height: 15vw;

  }

}

 .text {

 	font-size: 1.4em !important;

 }



 @font-face{

 	font-family: thin-lines;

 	src:  url(../fonts/thin-lines.ttf);

 }



 @font-face{

 	font-family: fine-serif;

 	src:  url(../fonts/Fine-Serif.ttf);

 }



 .titles-font{

 	font-family: fine-serif !important;



 }



 .text-font {

 	font-family: thin-lines !important

 }



 @media all and (max-width: 500px) {

    .info-text-hero, .titles-hero {

      width: 48% !important;

      line-height: 30px;

    }



    .thim-click-to-bottom {

      bottom: 2%;

    }

 }



 .hero-title {

 	font-size: 2.5em !important;

 }



 .info-text-hero {

 	font-size: 1.5em !important;

 	font-weight: 300 !important;

 }



 p, a, input, label {

 	font-family: thin-lines !important;

 	font-weight: 300 !important;

 }



 h3, h2, h1, h4, h5, h6 {

 	font-family: fine-serif !important;

 }



 .footer-wrapper{

 	margin: 2em 0;

 }



 .no-padding {

 	padding: 0;

 }



 .inline {

 	display: inline-block;

 }



 .no-margin {

 	margin:  0 !important;

 }



 .footer-spaces {

 	margin: 30px 0 0 0;

 }



 .alt-footer-spaces {

 	margin:  15px 0 0 0;

 }



 .location-grid {

 	padding: 4em 0 2em 0;

 }



 .location-wrapper {

 	margin: 1em 0;

 }



 .location .w3-about-head h3 {

   color: #31346e;

 }



 .skills .titles-font h4 {

  color: #00bcd4;

 }



.citas-text {

	font-size: 1.5em;

}



.margin-left {

	margin-left: 50px;

}



.btnCloseModal{

	margin-top: -20px !important;

}



.strongBlue-bg{

	background-color: #343764;

	border: none !important;

}



.lightBlue-bg {

	background-color: #2B8ED1;

	border: none !important;

}



.whiteText {

	color: #CECFD0 !important;

}



.silver-bg {

	background-color: #CECFD0;

}



.noBorder {

	border:  none !important;

}



.container-mod {

	padding: 15px;

  margin-right: auto;

  margin-left: auto;

  border-radius: 5px;

  width: 100%;

}



.modShadow {

	-webkit-box-shadow: 0px 0px 25px 6px rgba(247,242,247,1);

  -moz-box-shadow: 0px 0px 25px 6px rgba(247,242,247,1);

  box-shadow: 0px 0px 25px 6px rgba(247,242,247,1);

  margin: 25px auto !important;

}



.iconWrapper {

	position: absolute;

  margin: 0px -39px;

  z-index: 4;

  height: auto;

}



.iconCalendar {

	height: 35px;

}



.w3-about-grid-right1 p {

	color: #515558 !important;

}



.w3-edu-grid-right .floating {

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    /*margin-left: 30px;*/

    margin-top: 20%;

}



.w3-edu-grid-right {

  text-align: center;

}



@keyframes floating {

    from { transform: translate(0,  0px); }

    65%  { transform: translate(0, 50px); }

    to   { transform: translate(0, -0px); }

}



@media(max-width:640px){

  .w3-edu-grid-right .floating {

      margin-top: 10%;

      margin-bottom: 20px;

  }



  @keyframes floating {

      from { transform: translate(0,  0px); }

      65%  { transform: translate(0, 30px); }

      to   { transform: translate(0, -0px); }

  }



  .modShadow {

    width: 90%;

  }

}



.smallDivision {

  margin-top: 10px;

}





.w3-about-grid-left1 img {

  width: 100%;

  border-radius: 5px;

  height: 100%;

  -webkit-box-shadow: 0px 0px 34px 10px rgba(150,145,150,1);

  -moz-box-shadow: 0px 0px 34px 10px rgba(150,145,150,1);

  box-shadow: 0px 0px 34px 10px rgba(150,145,150,1);

}



#about .w3-about-grid-right1 {

    margin: 0;

}



@media only screen and (max-width: 500px) {

  .titles-hero, .info-text-hero {

      width: 48% !important;

  }

}



/*.skills .image-wrapper {

  border-radius: 5px;

  width: 100%;

  height: 25vw !important;

  cursor: pointer;

  transition: 1s all ease;

  position: relative;

}*/



.skills .image-wrapper {

  border-radius: 5px;

  width: 100%;

  cursor: pointer;

  transition: 1s all ease;

  position: relative;

}



@media only screen and (max-width: 500px) {

  .skills .image-wrapper {

    height: 50vw;

  }

}



@media only screen and (min-width: 800px) {

  .skills .image-wrapper {

    height: 25vw;

  }

}



@media only screen and (min-width: 1500px) {

  .skills .image-wrapper {

    height: 15vw;

  }

}



.skills .image-wrapper:hover {



  cursor: pointer;

}



.skills .image-wrapper:hover .shadow-wrapper {

  opacity: 1;

}



.skills .image-wrapper:hover .centerer {

  display: block;

}



.skills .image-wrapper img{

  width: 100%;

  height: 100%;

  border-radius: 5px;

}



.skills .columns {

  padding: 10px !important;

  position: relative;

}



.skills .shadow-wrapper {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 10px;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.6);

  border-radius: 5px;

  opacity: 0;

}



.skills .centerer {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.skills .centerer h4 {

  color: white;

  text-align: center;

  opacity: 0

}



.skills .image-wrapper:hover h4 {

  opacity: 1;

}



.about .gridSobreMi {

  padding: 2em 0 !important;

}



.about p {

  font-size: 1.2em !important;

}



.about .centerer {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.modal p {

  font-size: 1.5em;

  color: #515558 !important;

  text-align: justify;

}



.modal h3 {

  color: #31346e;

}



.modal .image-wrapper {

  margin: auto;

  width: 100%;

  text-align: center;

}



@media only screen and (max-width: 500px) {

  .modal-dialog {

		width: 90% !important;

	}

}



@media only screen and (min-width: 800px) {

	.modal-dialog {

		width: 1000px !important;

	}

}



@media only screen and (min-width: 1500px) {

	.modal-dialog {

		width: 1100px !important;

	}

}

.btn-whatsapp {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 10000;
}

.btn-whatsapp img{
  height: 75px;
  width: 75px;
}