body {
	font-family: 'ABeeZee', sans-serif;
}

.menu-navegacion {
	border-top: 5px #9fc806 solid;
	margin-bottom: 0px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.banner {
	/*
	background-image: url("https://doctoresmerida.mx/img/banner2016.jpg");
	background-size: cover; */
	background-color: #6d8796;
	border-bottom: #838f94 5px solid;
	position: relative;
	margin: 0;
    padding: 0;

}

.banner .container {
	position: absolute;
    top: 85px;
    left: 0;
    right: 0;
}

.banner .caption {
	margin-top: 150px;
	margin-bottom: 150px;
	font-family: 'ABeeZee', sans-serif;
	color: #eaeaea;
	text-shadow: #545454 1px 1px 10px;
    
}

.banner .caption h1 {	
    font-size: 50px;
    
}

.banner .caption h1 span {	
    color: #9fc806;    
}

.normal-section {
	padding-top: 75px; 
	padding-bottom: 75px;
}

.normal-section p {
	font-size: 16px;
}

.normal-section h2 {
	margin-top: 30px;
    margin-bottom: 30px;
    color: #999;
}

.normal-section .btn.btn-info{
	padding: 20px 30px;
    font-size: 16px;
    border: 0px;
    border-radius: 0px;
    background-color: #0078ae;
    margin-bottom: 35px
}

.secciones-index > a:hover {
  	text-decoration: none;

}
.secciones-index > a > .img-secciones
{
	text-decoration: none;
	display: inline-block;
	padding: 50px;
	background-color: rgb(153, 153, 153);
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;

}

.secciones-index > a > h4, .secciones-index > a:hover > h4
{
  	text-decoration: none;
	color: #2b2b2b;
	font-weight: bold;
	text-transform: uppercase;
}

.secciones-index > a:hover > .img-secciones
{

	background-color: rgb(4, 119, 171);

}

footer {
	color: #bbb;
}

footer .footer-top {
	padding: 50px;
    background-color: #2d2d2d;
}

footer .footer-bottom {
	padding: 50px;
	background-color: #212121;
}

footer ul {
	list-style: none;
	margin: 0;
}

footer ul li a {
	color: #bbb;
    text-transform: uppercase;
}

footer ul li a:hover, footer ul li a:focus {
	color: #bbb;
}

footer .footer-bottom a {
	text-transform: none;
	color: #bbb;
}

/**********************/

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: rgb(40, 128, 168);
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #46b8da;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}


/*********************************/

.logos-area {
	padding-top: 25px;
	margin-bottom: 25px;
}

.logos-area .google-logo {
	margin-top: 15px;
	margin-bottom: 25px;
}

.logos-area .google-a {
	
	margin-bottom: 25px;
}

.logos-area .google-mi-negocio {
	margin-top: 15px;
	margin-bottom: 25px;
}

.logos-area .google-maps {
	margin-top: 20px;
	margin-bottom: 25px;
}


@media only screen and (max-width: 1500px) {
	
	.banner .container {
	    top: 25px;
	}

}

@media only screen and (max-width: 1300px) {
	
	.banner .container {
	    top: 0px;
	}

}

@media only screen and (max-width: 1300px) {
	
	.banner .container {
	    top: -30px;
	}

}

@media only screen and (max-width: 1088px) {
	
	.banner .container {
	    top: -70px;
	}

}

@media only screen and (max-width: 991px) {
	.banner {
		height: 340px;
	}

  .banner .container {
	    top: 0px;
	    left: 0;
	    right: 0;
	}

	.banner .caption {
		margin-top: 50px;
		margin-bottom: 50px;	    
	}

	.banner .caption h1 {	
	    font-size: 40px;  
	}

}

@media only screen and (max-width: 431px) {
	.banner {
		height: 450px;
	}

}