body { font-family: 'Roboto', sans-serif; cursor: default; }

.ul-movil, ol {
    margin-top: -51px;
    margin-bottom: 0px;
}

a     {-webkit-transform: rotate(0);}
a img {-webkit-backface-visibility: hidden;}



h1 { font-weight: 900; }

p { font-size: 1.1em;
	line-height: 2em;}

.link-blanco { color: white }

.link-blanco:hover { color: white }


.texto-intro { 	font-size: 1.3em;
				line-height: 3em;
				font-weight: 300; }



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

.c-azul-1 { color: rgba(28,62,94,1); }



.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 !important; }
.p-20 { padding:20px 40px;}
.m-0 { margin:0 !important;}

.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-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-100 {padding-top:100px;}
.p-t-120 {padding-top:120px;}
.p-t-135 {padding-top:135px;}
.p-t-148 {padding-top:148px;}
.p-t-168 {padding-top:168px;}

.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-100 {padding-bottom:100px;}



.c-azul-1 { 	color: rgba(36,44,90,1); }

.c-azul-2 {   color: rgba(26,25,52,1); }

.c-turquesa-1 { color: rgba(0,165,180,1); }

.c-naranja-1 { 	color: rgba(217,54,16,1); }

.c-amarillo-1 { color: rgba(249,168,29,1); }

.c-morado-1 { 	color: rgba(147,41,124,1); }

.c-gris-1 { 	color: rgba(130,130,130,1); }

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

.c-verde{ color: rgba(0,180,0,1);}



.bgm-azul-1 { 	background: rgba(26,25,52,1); }

.bgm-turquesa-1 { background: rgba(0,165,180,1); }

.bgm-naranja-1 { 	background: rgba(238,95,76,1); }

.bgm-amarillo-1 { background: rgba(249,168,29,1); }

.bgm-morado-1 { 	background: rgba(147,41,124,1); }

.bgm-gris-1 { 	background: rgba(130,130,130,1); }

.bgm-gris-2 { 	background: rgba(220,220,220,1); }

.bgm-gris-3 {   background: rgba(242,242,242,1); }

.bgm-gris-4{ background: rgb(51,50,61); }

.bgm-blanco {		background: rgba(255,255,255,1);}



.boton-mas { opacity: 0.6;}
.boton-mas:hover { opacity: 1;}


.seccion-top { background:url(../img/banner-principal.jpg) no-repeat bottom;
				background-size: cover; 
				padding:140px 0 200px;}

.logo-principal { max-width: 240px; }

.seccion-menu-principal { position: absolute;
	width: 100%;
	z-index: 99;
	background: rgba(0,0,0,0); }


.seccion-menu-principal li a {	font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		font-size: 1.3em;
		line-height: 4em;
		padding-bottom: 10px;
		color: rgba(255,255,255,0.8);
		border-bottom:4px solid rgba(255,255,255,0); }

.seccion-menu-principal li a:hover { 	text-decoration: none;
				color: rgba(255,255,255,1);
				border-bottom:4px solid rgba(255,255,255,1);  }



.menu-top li a { 	color: rgba(0,0,0,1);
					font-size: 1.3em;
					font-weight: 700;
					background:rgba(0,0,0,0);
					padding:10px 20px;
					border-radius: 20px; }

.menu-top li a:hover { background:rgba(0,0,0,0.1);
								text-decoration: none; }





.telefono-portada { color:white;
					background:rgba(0,0,0,0.3);
					padding:10px 40px;
					border-radius: 20px; }

.telefono-portada:hover { 	color:white;
							background:rgba(0,0,0,0.3);
							text-decoration: none; }



.redes-portada img { max-width: 60px; }



.seccion-titulo-ventajas { background:url(../img/bg-01.jpg) no-repeat center;
				background-size: cover;
				}



.seccion-titulo-ventajas h2 { color:rgba(255,255,255,1);
					background:rgba(15,101,128,1);
					font-weight: 700;
					padding:20px 80px;
					border-radius: 20px;
					display: inline-block; }




.seccion-ventajas { background:url(../img/bg-02.jpg) no-repeat center;
				background-size: cover;
				} 




.seccion-ventajas img { max-width: 140px;  }


.seccion-ventajas p strong { font-size:1.3em; }

.seccion-ventajas p span { font-weight: 700; }



.seccion-maternal{background:url(../img/maternal.jpg) center left;
	background-size:cover; }

.seccion-preescolar{background:url(../img/preescolar.jpg) center right;
		background-size:cover; }


.seccion-primaria{background:url(../img/primaria.jpg)  center left;
			background-size:cover; }

.seccion-mapa { background:url(../img/banner-solicita-servicio.jpg)  center right;
				background-size: cover;
				} 



.seccion-footer { background:rgba(255,255,255,1); }


.navbar-top { 	position: fixed;
				z-index: 999;
				width: 100%; 
				background:rgba(255,255,255,0.9);
				opacity: 0;

				}



.navbar-top-2 { opacity: 1; }

.btn { 	border-radius: 0 !important;
	border: 0;
	padding: 10px 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: uppercase;}



.btn-transparente { 	background: rgba(0,0,0,0);
	color:rgba(0,0,0,1);
   box-shadow: 0 0 0 rgba(0,0,0,1);
   border:1px solid rgba(0,0,0,1);}


.btn-transparente:hover { 	background: rgba(0,0,0,0.4); 
		color:rgba(0,0,0,1);
		box-shadow: 0 6px 0 rgba(100,100,100,0.8);
		border:1px solid rgba(0,0,0,1);}

.btn-transparente-2 { 	background: rgba(0,0,0,0);
			color:rgba(255,255,255,1);
		   box-shadow: 0 0 0 rgba(0,0,0,1);
		   border:1px solid rgba(255,255,255,1);}
		   
.btn-azul{ 	background: rgba(0,201,240,1);
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-azul-1{ 	background: rgba(42,43,97,1);
				   color:rgba(255,255,255,1);
				   box-shadow: 0 0 0 rgba(100,100,100,0);}


.btn-rojo{ 	background: rgba(250,10,2,1);
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-naranja{ 	background: rgba(255,139,0,1);
					color:rgba(255,255,255,1);
				   box-shadow: 0 0 0 rgba(255,255,255,1);}
				
.btn-negocio { background: rgba(0,162,202,1); 
					padding: 8px 30px; }


.btn-round { border-radius: 18px !important; }

.seccion-principal{ position: absolute;
					z-index: 999;
					width: 100%;
					}

.modal-footer-producto { background:rgba(51,51,66,1) !important;}					

.links-footer { color:rgba(255,255,255,0.7);
				padding:10px 20px;}


.links-footer:hover { color:rgba(255,255,255,1);
				text-decoration: none,}				






/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;

}