
body {
    background-color: rgba(0,0,0,1);
}

/* 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-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-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: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 1.2em;
	
}

.texto-movil{

	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 0.9em;
		
}


h1{
	font-family: 'Parisienne', cursive;
	font-weight: 400;
	font-size: 6em;

}

.web{
	font-family: 'Parisienne', cursive;
	font-weight: 400;
	font-size: 5em;
}

.movil{
	font-size: 3em;
}

.titulos{
	font-family: 'Parisienne', cursive;
	font-weight: 400;
	font-size: 4.5em;
}

h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 2em;

}

.titulos-menu{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 1.5em;

}

		
/* estilos de color */

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


.bgm-bistro{
	background-color: rgba(129,97,31,1) ;
}



/* Menu principal */

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	}
	
.navbar-top-2 { background:rgba(0,0,0,0.7);
				box-shadow:0 0 10px rgba(0,0,0,0.9); }



.menu-principal li a {
	
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 300;
	padding: 5px 5px 
}

.menu-principal li a:hover { border-bottom:5px rgba(129,97,31,1) solid; }

.menu-movil li a { 	

	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 2em;
	text-decoration: none;
	color:rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(0,0,0,0.3);

}


.menu-movil li {	list-style: none;}


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


.modal-menu-movil  { background-color:rgba(0,0,0,0.9) !important; }

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


/* Estilos de seccion */

.seccion-footer{
	background-color: rgba(129,97,31,1);
}



/* estilos de botón */

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


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

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}



/* 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) { 


}

/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 10%; 
	right:5%;
	padding: 10px 10px;
	border-radius:0px;
	background: rgba(129,97,31,1); 
	 }


