
/* 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-5 {padding-top:5px;}
.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-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.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-t-200 {padding-top:200px}
.p-t-250 {padding-top:250px}
.p-t-300 {padding-top:300px}
.p-t-350 {padding-top:350px}
.p-t-400 {padding-top:400px}
.p-t-470 {padding-top:470px}
.p-t-475 {padding-top:475px}






.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-80 {padding-bottom:80px;}
.p-b-90 {padding-bottom:90px;}
.p-b-100 {padding-bottom:100px;}
.p-b-200 {padding-bottom:200px;}
.p-b-300 {padding-bottom:300px;}
.p-b-400 {padding-bottom:400px;}
.p-b-410 {padding-bottom:410px;}
.p-b-420 {padding-bottom:420px;}
.p-b-460 {padding-bottom:460px;}
.p-b-470 {padding-bottom:470px;}
.p-b-475 {padding-bottom:475px;}
.p-b-480 {padding-bottom:480px;}
.p-b-500 {padding-bottom:500px;}


.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 */



h1 { 	
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
}

h2 { 	
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1em; 
}

h3 { 
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-top: 0px;
    margin-bottom: 0px;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.6em;
}


p { 
	font-family: 'Raleway', sans-serif;	
	font-weight: 200;
	font-size: 1em;
}

.titulo-distribucion { 
	font-weight: 400;
	font-size: 3.5em;
}


/* estilos de color */

.c-gris{
	color: rgba(38,37,37,1);
}


.c-gris-02 {
	color: rgba(243,243,243,1);
}

.c-blanco{
	color: rgba(255,255,255,1);
}

.c-negro{
	color: rgba(0,0,0,1);
}


.bgm-gris-02 {
	background-color: rgba(243,243,243,1);
}

/* Menu principal */

.menu-principal li a {
	font-family: 'Raleway', sans-serif;	
	color:rgba(0,0,0,1);
	font-size: 0.9em;
	font-weight: 400;
}



.menu-movil li a {
	font-family: 'Raleway', sans-serif;	
	color:rgba(255,255,255,1);
	font-size: 2em;
	font-weight: 700;
}

.menu-movil li {
	
	list-style: none;
}
	
.close-menumovil { color: white; opacity: 1;
	font-size: 3em;}

.modal-menu-movil  { background-color:rgba(10,35,64,1) !important; }

#modal-menu-movil .modal-content { background:none;
					box-shadow: none;
					border: 0; }

.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(0,0,0,0.6);
	box-shadow:0 0 10px rgba(0,0,0,0.9); 
}


/* Estilos de seccion */


.seccion-albertina{
	background-color: rgba(52,52,63,1);
	background-size: cover;
	padding: 10px 0 10px;
}

.seccion-ubicacion{
	background-color: rgba(243,243,243,1);
	background-size: cover;
	padding: 10px 0 10px;
}

.seccion-footer{
	background-color: rgba(52,52,63,1);
	background-size: cover;
	padding: 10px 0 10px;
}




.seccion-distribucion
{
	background: url(../../almacenamiento/img/inicio/fondo-01.jpg);
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-distribucion-02
{
	background: url(../../almacenamiento/img/inicio/fondo-02.jpg);
	background-size: cover;
	padding: 10px 0 10px;
}


.seccion-slaider
{
	background: url(../../almacenamiento/img/inicio/prueba-fondo.jpg);
	background-size: cover;
	padding: 10px 0 10px;
}



/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 0;
padding: 10px 40px;
font-family: 'Raleway', sans-serif;	
font-weight: 700;
}

.btn { 	
	background-color: rgba(237,90,36,1);
	color: rgba(255,255,255,1);
}


/* Estilos de bootstrap */





.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* 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-weight: 700;
	padding: 2px 10px;
	border-radius:10px;
	margin-top:10px;
	background: rgba(0,192,75,1);
}





.owl-carouselTheming .item {
    background-color:#ffffff;
    box-shadow: 0px 0px 12px #e2e2e2;
    margin: 20px 5px 10px 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor:grab;
}

.owl-carouselTheming .sectionContent {
   padding:15px;
}

.owl-carouselTheming .owl-nav, 
.owl-carouselTheming .owl-dots{
    text-align:center;
}

.owl-carouselTheming .owl-dots .owl-dot.active {
    background-color: #656565;
}

.owl-carouselTheming .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    background-color: #83e283;
    margin-left: 10px;
}

.owl-carouselTheming .owl-item,
.owl-carouselTheming .owl-item.active {
    opacity:0.2;
    transition: all ease-in-out 0.4s;
    transform: scale(0.9);
}

.owl-carouselTheming .owl-item.center {
    opacity:1;
    transform: scale(1);
}


.carousel-control.right {
    right: -40px;
}