/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}
.p-t-110 {padding-top:110px;}
.p-t-120 {padding-top:120px;}
.p-t-130 {padding-top:130px;}
.p-t-140 {padding-top:140px;}
.p-t-150 {padding-top:150px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-60 {padding-bottom:60px;}
.p-b-70 {padding-bottom:70px;}
.p-b-75 {padding-bottom:75px;}
.p-b-80 {padding-bottom:80px;}
.p-b-90 {padding-bottom:90px;}
.p-b-100 {padding-bottom:100px;}

.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */

p{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}


h1 { 
	font-family: 'Bitter', serif;	
	font-weight: 500;
	font-size: 3em;
}

h2 { 	
	font-family: 'Bitter', serif;
	font-weight: 700; 
	font-size: 2.5em;
}

h3 { 
	font-family: 'Bitter', serif;	
	font-weight: 700;
	font-size: 2em;
}

h4 {
	font-family: 'Bitter', serif;
	font-weight: 700;
	line-height: 1.6em;
}

.especial{
	font-family: 'Bitter', serif;
	font-weight: 700;
}

.titulo-footer{
	font-size: 1.3em;
}

		
/* estilos de color */

.c-azul-01{
	color: rgba(33,75,113,1);
}

.c-azul-02{
	color: rgba(6,1,63,1);
}

.c-blanco{
	color: rgba(255,255,255,1);
}

.c-gris{
	color: #666666;
}

/* Menu principal */

.menu-principal li a {
	font-family: 'Bitter', serif;	
	color:rgba(255,255,255,1);
	font-size: 1.3em;
	font-weight: 800;
	font-style: italic;
	padding: 10px 10px 
}

.menu-principal li a:hover {
	color:rgba(239,179,84,1);
}

.menu-movil li a {
	font-family: 'Bitter', serif;	
	color:rgba(255,255,255,1);
	font-size: 2em;
	font-weight: 800;
}

.modal-menu-movil  { background-color:rgba(33,75,113,1) !important; }

#modal-menu-movil .modal-content { background:none;
					box-shadow: none;
					border: 0; }

.menu-movil li {

	list-style: none;
}
	
.close-menumovil { color: white; opacity: 1;
	font-size: 3em;
}

.close-menu-movil { color: white; opacity: 1;
	font-size: 3em;
}





/* Estilos de seccion */


.seccion-banner{
	background: url(../img/fisiogeriatrica-banner-principal.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-nuestros-servicios{
	background: url(../img/fisiogeriatrica-fondo-servicios.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-contacto{
	background: url(../img/fisiogeriatrica-fondo-pestanadecontacto.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-footer-movil{
	background: url(../img/banner-footer-movil-fisiogeriatrica.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-footer{
	background: url(../img/fisiogeriatrica-fondo-footer.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}



/* estilos de botón */

.btn { 	
	border-radius: 0 !important;
	border: 0;
	padding: 10px 40px;
	font-family: 'Bitter', serif;	
	font-weight: 700;
	font-size: 1.2em;
}

.btn-agenda { 	
	background: rgba(255,255,255,1); 
	color:rgba(0,0,0,1);
	border-radius: 20px !important;
	box-shadow: 0 0 0 rgba(100,100,100,0);
	font-style: italic;
}

.btn-contacto{
	background: rgba(33,75,113,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}



.btn-enviar{
	background: rgba(6,1,63,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
}





/* Estilos de bootstrap */

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(1,65,102,0);
	box-shadow:0 0 10px rgba(0,0,0,0);
	}
	
.navbar-top-2 { background:rgba(22,60,154,0.6);
				box-shadow:0 0 10px rgba(22,60,154,0.6); }


.servicios{
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color:rgba(243,243,243,1);
	border-radius: 20px !important;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.servicios-movil {
    display: block;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color:rgba(243,243,243,1);
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }


.forma-circular{
	border-radius: 30px !important;
	background-color: rgba(242,242,242,1);
}


/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


.abajo{
	margin-top: 100px;
}


.carousel-natyvo {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 20px;
	right:20px;
	 }


.whatsapp-float p { 
	font-family: 'Bitter', serif;	
	color: rgba(255,255,255,1);
	padding: 2px 10px;
	border-radius:10px;
	margin-top:10px;
	background: rgba(0,192,75,1);
}