header {
	background-color: #f1f2f2;
}

.contact-header {
	background-color: #0063a6;
}


.contact-header, .contact-header a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #efefef;
	/*background-color: #0063a6;*/
	width: 100%;
	padding: 11px 0;
	padding: 1.1rem;
}

.black-type {
	font-family: 'proxima_nova_rgbold';
	color: #fff;
}

#logo-header, #logo-footer, .responsive-img {
	max-width: 100%;
}

h1 {
	margin: 4px 0;
	margin: 0.4rem 0;
}


#menu, .right {
	float: right !important;
}

.right {
	/*width: 70%;*/
}

#menu {
	margin: 0;
}


#menu > li {
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	float: left;
}

#menu > li > a {
	display: inline-block;
	padding: 3.7em 0.7em;
	color: #484848;
	transition: background-color 0.23s ease-in-out;
}

@media (max-width: 991px) {
  #menu > li > a {
  	padding: 0.7em;
  }
}



/*Resposive Menu*/
@media (max-width: 767px) {
 	#menu li {
	display: block;
	width: 100%;
	}

	#menu li a {
		width: 100%;
		text-align: center;
	}

	#menu {
		display: none;
	}

	#button-menu {
		background-color: #0063a6;
		color: #fff;
	}

	.menu-button-container {
		/*background-color: red;*/
		border-bottom: 1px solid #0063a6;
	}
}


@media (min-width: 768px) {
	.menu-button-container {
		display: none;
	}
}





#menu > li a {
	text-transform: uppercase;
}

#menu > li a:hover {
	color: #fff;
	background-color: #0063a6;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}

#menu > li a:focus {
	text-decoration: none;
}

#menu > li.active a {
	color: #fff;
	background-color: #488ebd;
}

#menu .dropdown-menu {
	margin-top: -2.7em;
}

footer {
	color: #cfcfcf;
	background-color: #232323;
	min-height: 9em;
}

#logo-footer {
	margin: 0.5em 0;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: opacity 0.23s ease-in-out;
}

#logo-footer:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#subfooter {
	color: #fff;
	background-color: #0063a6;
	text-align: center;
	width: 100%;
}

#subfooter h2 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0.8em 0;
}

.social-icon {
	display: block;
	/*background-color: white;*/
	height: 32px;
	width: 32px;
	background-image: url(../img/social-media-icons.png);
	margin: 0 0 9px 5px;
}

.fb {
	background-position: 0px 32px;
	transition: all 0.23s ease-in-out;
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.tw {
	background-position: 64px 32px;
	transition: all 0.23s ease-in-out;
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.yt {
	background-position: 32px 32px;
	transition: all 0.23s ease-in-out;
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.fb:hover {
	background-position: 0px 0px;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.tw:hover {
	background-position: 64px 0px;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.yt:hover {
	background-position: 32px 0px;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

footer h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #efefef;
	font-family: 'proxima_nova_rgregular';
}

footer h4 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #efefef;
	font-family: 'proxima_nova_rgregular';
}

footer p, footer a {
	font-size: 12px;
	font-size: 1.2rem;
}

footer br {
	font-size: 4px;
}

footer a {
	/*color: #cfcfcf;*/
}

#submenu-footer {
	display: none;
}

i {
	font-family: 'proxima_novaregular_italic';
}

strong i, i strong {
	font-family: 'proxima_nova_rgbold_italic';
}






/*STICKY FOOTER*/


html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 25em;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 60px;*/
  /*background-color: #f5f5f5;*/
}

@media (max-width: 767px) {
  body {
  	margin-bottom: 40em;
  }
}

@media (max-width: 480px) {
  body {
  	margin-bottom: 32em;
  }
}


/*END STICKY FOOTER*/




/*HOME*/

.wide-slider {
	background-color: #fff;
	min-width: 100%;
	margin: 0;
	padding: 0;
}

.wide-container-white {
	padding-bottom: 2em;
}

.intro-home {
	text-align: center;
}

#container-master h3 {
	font-family: 'proxima_nova_rgbold';
	font-size: 30px;
	font-size: 3.0rem;
	margin-bottom: 1em;
}

#container-master h4 {
	font-family: 'proxima_nova_rgbold';
}

#container-master .bxslider-casos h4 {
	text-align: center;
}

.home p, .home a {
	font-size: 22px;
	font-size: 2.2rem;
}

section {
	display: block !important;
}

.servicios-home {
	background-image: url(../img/home/home-backgroud.jpg);
	background-repeat: no-repeat;
	background-position: cover;
	background-size: cover;
}

.wide-container-transparent {
	padding-bottom: 2em;
}

.wide-container-transparent h3 {
	/*display: inline-block;*/
	min-width: 3em;
	text-align: center;
	/*background-color: rgba(255,255,255,0.5);*/
	padding: 0.2em 0.5em;
}

.wide-container-transparent .container {
	/*background-color: rgba(255,255,255,0.7);*/
	padding-top: 3em;
}

.wide-container-transparent .row {
	background-color: #fff;
	background-color: rgba(255,255,255,0.77);
	padding: 0 0.5em 1.5em 0.5em;
}

.bxslider-casos li img {
	overflow: hidden;
	border: 0.32em solid #0063a6;
	border-radius: 50%;
	/*box-shadow: 3px 3px 20px #999;*/
}

.logo-slider {
	z-index: 999;
	position: absolute;
	width: 70%;
	/*margin: 1em auto;*/
	bottom: -90%;
	left: 15%
}

.logo-slider img {
	min-width: 100%;
}

.info-slider {
	/*background-color: rgba(0,99,166,0.55);*/
	/*min-height: 4em;*/
	position: absolute;
	bottom: 10%;
	background-color: #0063a6;
	background-color: rgba(0,99,166,0.5);
	border-top: 5px solid #0063a6;
	color: #fff;
	font-size: 1.7em;
	padding: 1em 0.5em;
	letter-spacing: 0.032em;
}



/*Backgrounds*/

.nosotros, .antecedentes, .definicion, .informacion, .diagnostico, .tratamiento, .prevencion, .situacion, .otras-heridas, .servicios, .salvamento, .casos-testimonios, .contacto {
	background-position: cover;
	background-size: cover;
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.nosotros {
	background-image: url(../img/nosotros/pie_diabetico_background.jpg);
}

.antecedentes {
	background-image: url(../img/pie_diabetico/antecedentes_background.jpg);
}

.definicion {
	background-image: url(../img/pie_diabetico/pie_diabetico_definicion_background.jpg);	
}

.diagnostico {
	background-image: url(../img/pie_diabetico/diagnostico_background.jpg);
}

.tratamiento {
	background-image:  url(../img/pie_diabetico/tratamiento_background.jpg);
}

.prevencion {
	background-image: url(../img/pie_diabetico/prevencion_background.jpg);
}

.ayuda {
	background-image: url(../img/pie_diabetico/como_lo_ayudamos_background.jpg);
}

.situacion {
	background-image: url(../img/pie_diabetico/situacion_actual-background.jpg);
}

.otras-heridas {
	background-image: url(../img/otras_heridas/otras_heridas-background.jpg);
}

.servicios {
	background-image: url(../img/servicios/servicios_background.jpg);
}

.salvamento {
	background-image: url(../img/pie_diabetico/salvamento-background.jpg);
}

.casos-testimonios {
	background-image: url(../img/casos-testimonios/casos_testimonios-background.jpg);
}

.contacto {
	background-image: url(../img/contacto/contacto-background.jpg);
}




/*Nosotros*/

strong, b {
	font-family: 'proxima_nova_rgbold';
}



.slider-team li img {
	display: none;
	border-radius: 1.3%;
}

.slider-team li {
	background-color: #f3f3f3;
	/*background-image: url(../img/nosotros/doctor_pie_diabetico.jpg), rgba(255,255,255,0.5);*/
	/*background-color: rgba(255,255,255,0.5);*/
	/*opacity: 0.5;
    filter: alpha(opacity=50);*/ /* For IE8 and earlier */
	background-position: cover;
	background-size: cover;
	min-height: 20em;
	padding: 1em;
}

.gallery {
	margin-bottom: 1em;
	margin-top: 0.2em;
}



/*Servicios*/

.servicios-accordion {
	display: none;
}

.shadow {
	 -webkit-filter: drop-shadow(5px 5px 8px #999);
    filter:         drop-shadow(5px 5px 8px #999); 
}

.accordion hr {
	color: rgba(0,99,166,0.5);
	border-top: 1px solid rgba(0,99,166,0.7);
	/*border-top: 1px solid #0063a6;*/
}

.casos {
	display: none;
	/*border: 1px solid #0063a6;*/
	background-color: #f0f0f0;
	background-color: rgba(232,232,232,0.55);
	padding: 1em 0.5em;
	margin-bottom: 2em;
}

input, textarea {
	background-color: rgba(255,255,255,0);
}




/*CONTACTO*/

.map-container {
	position: relative;
	/*padding-bottom: 5%;*/
	/*outline: 1px solid red;*/
}

.map {
	/*position: absolute;*/
	/*top: 0;
	left: 0;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*background: teal;*/
	/*outline: 1px solid blue;*/

}

.maps {
	width: 100%;
	height: 22em;
	/*outline: 1px solid green;*/
}

.add-map {
	z-index: 1;
	/*outline: 1px solid blue;*/
	min-height: 22em;
	position: absolute;
	top: 0;
	background-color: #0063a6;
	/*background-color: rgba(255,255,255,0.85);*/
	background-color: rgba(0,99,166,0.83);
	color: #fff;
}

.add-map a {
	color: #fff;
}

.add-map a:hover {
	color: #cfcfcf;
}

@media (max-width: 991px) {
  .add-map {
  	z-index: 0;
  	position: relative;
  	min-height: auto;
  	background-color: transparent;
  	color: inherit;
  }

  .add-map a {
  	color: inherit;
  }
}

/*
h3:before {
	font-family: 'lightcase' !important;
  content: '\e804';
}*/



.arrow-container {
	position: absolute;
	z-index: 99;
	font-size: 2.3em;
	text-align: center;
	width: 10%;
	/*left: 45%;*/
	right: 10%;
	top: 1em;
	color: #0063a6;
	-webkit-animation: animation-arrow 1.2s infinite ease-in;
	-moz-animation: animation-arrow 1.2s infinite ease-in;
	-o-animation: animation-arrow 1.2s infinite ease-in;
	animation: animation-arrow 1.2s infinite ease-in;
	/*opacity: 0.5;*/
	/*color: rgba(0,99,166,0.75);*/
    /*filter: alpha(opacity=50);
    transition: opacity 0.23s ease-in-out;*/
}

#container-master section:first-child {
	/*outline: 1px solid red;*/
	position: relative;
}




@-webkit-keyframes animation-arrow {
  0%   { 
  	opacity: 0; 
  	top: 1.3em;
  }

  100% {
   opacity: 1; 
   top: 3.2em;
	}
}



@-moz-keyframes animation-arrow {
  0%   { 
  	opacity: 0; 
  	top: 1.3em;
  }

  100% {
   opacity: 1; 
   top: 3.2em;
	}
}



@-o-keyframes animation-arrow {
  0%   { 
  	opacity: 0; 
  	top: 1.3em;
  }

  100% {
   opacity: 1; 
   top: 3.2em;
	}
}



@keyframes animation-arrow {
  0%   { 
  	opacity: 0; 
  	top: 1.3em;
  }

  100% {
   opacity: 1; 
   top: 3.2em;
	}
}


.video {
	min-width: 100%;
	min-height: 22em;
}




#myModal .close-modal {
	background-color: #000 !important;
	opacity: 0.7;
	border-radius: 50%;
	color: white;
	position: absolute;
	height: 2.2em;
	width: 2.2em;
	/*outline: 1px solid red;*/
	top: 0;
	right: 0;
	margin-top: -1.1em;
	margin-right: -1.1em;
}

#myModal .close-modal span {
	font-size: 1.5em;
}

#myModal .modal-content {
	background-color: #000;
}

#myModal .modal-body {
	padding: 5px;
}



.avisos-css iframe {
	height: 450px;
	overflow: scroll;
	border: 0;
}

.avisos-css h4 {
	font-weight: bold !important;
}

.avisos-css h5 {
	font-size: 1.1em;
	font-weight: bold !important;
}