html, body, #contenedorPrincipal{
	min-height:100%;
}

html, body{
	background-color:white;
}


#contenedorPrincipal{
	overflow:hidden;
	width:100%;
}


#contenedorContenido{
	min-height:100%;
	overflow-y:scroll;
}


body{
	font-family:arial;
}

a{
	text-decoration:none;
}

#barraSuperior{
	background-color:var(--colorPrincipal);
	margin-top:0px;
	margin-bottom:0px;
	/*padding-left:15px;*/
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	
	height:fit-content;
	z-index:9;
	
	
}

#barraNavegacion{
	background-color:transparent;
}

#barraNavegacion .menu{
	padding:10px;
	text-align:center;
}

#barraNavegacion .menu a{
	text-decoration:none;
	font-weight:bolder;
	color:var(--colorSecundario);
} 


#barraInferior{
	background-color:var(--colorPrincipal);
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;
	color:white;
}

#barraInferior a{
	color:white;
	text-decoration:none;
}

#menuMovil{
	background-color:var(--colorPrincipal);
	color:var(--colorSecundario);
	font-weight:bolder;
	min-height:100vh;
	overflow-y:scroll;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:10;
}

#barraLateral .menu, #menuMovil .menu{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#menuMovil .menu{
	font-size:20px;
}

#barraLateral a ,#menuMovil a{
	text-decoration:none;
	/*color:#939fa7;*/
	color:var(--colorSecundario);
}

#barraLateral a:visited, #menuMovil a:visited{
	/*color:#939fa7;*/
}



#loginForm{

	margin:auto;
	padding:25px;
	border-style:solid;
	border-width:1px;
	border-color:lightgray;
	border-radius:15px;


}

.mensajeError{
	border-style:solid;
	border-color:red;
	border-width:1px;
	border-radius:5px;
	padding:5px;
	background-color:red;
	color:white;
	font-weight:bolder;
	text-align:center;
}

.mensajeOk{
	border-style:solid;
	border-color:green;
	border-width:1px;
	border-radius:5px;
	padding:5px;
	background-color:green;
	color:white;
	font-weight:bolder;
	text-align:center;
}

.contenedorInput{
	margin-left:10px;
	margin-right:10px;
}

input, .boton, select{
	padding:5px;
	text-align:center;
	border-radius:5px;
	border-style:solid;
	margin-bottom:5px;
	
	background-color:white;
}

textarea{
	padding:5px;
	border-radius:5px;
	border-style:solid;
	margin-bottom:5px;
	
	background-color:white;
}

.boton{
	font-weight:bolder;
	display:block;
	cursor:pointer;
	color: #BB1111;
}

.boton-primario{
	background-color:#A30972;
	border-color:#A30972;
	color:white;
}

.boton-ok{
	background-color:green;
	border-color:green;
	color:white;
}

.boton-ko{
	border-color:red;
	background-color:red;
	color:white;
}

.botonSubmitAdmin{
	cursor:pointer;
	background-color:var(--colorPrincipal);
	font-weight:bolder;
	color:white;
}

input[type=submit]{
	padding:5px;
	background-color:var(--colorPrincipal);
	border-color:var(--colorPrincipal);
	color:white;
	font-weight:bolder;
	cursor:pointer;
}


table{
	border-collapse:collapse;
	text-align:center;
}

th, td{
	text-align:center!important;
}


#iconoMenumovil div{
  width: 90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  height: 5px;
  background-color: var(--colorSecundario);
}

#cerrarSesion, #iconoMenumovil, .fa-download{
	color:var(--colorSecundario);
}

#iconoCerrarMenuMovil{
	color:var(--colorSecundario);
	position: fixed;
	top: 15px;
	right: 15px;
	font-size:40px;
	font-weight:bolder;
	text-align:center;
	cursor:pointer;
}


.tablaGenerica td, .tablaGenerica th{
	padding:5px;
}

.tablaGenerica th{
	background-color: #A30972;
	border-color: white;
	color:white;
	font-weight:bolder;
}



/* Movimientos entre almacenes */
/* Insert */
/**********************************************************************/

.contenedorDatosArticulo{
	padding:10px;
	margin:5px;
	border-style:solid;
	border-color:lightgray;
	border-width:1px;
	border-radius:5px;
}


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


/* Facturas de los proveedores */
/* View */

#totalesFacturaPedidoProveedor th, #totalesFacturaPedidoProveedor td{
	padding:5px;
}

#totalesFacturaPedidoProveedor th{
	background-color:#BB1111;
	color:white;
	font-weight:bolder;
	border-color:black;
}



/*Factruras de los clientes */
/* Insert */

.contenedorTienda{
	margin-left:15px;
	margin-right:15px;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: lightgray;
}

.contenedorTienda h2{
	margin-top:0px;
	background-color:#A30972;
	color:white;
	padding:5px;
}

/* View */

#lineasFacturaCliente td, #lineasFacturaCliente th, #tablaPedidosFacturaCliente td, #tablaPedidosFacturaCliente th{
	padding:5px;
}

#lineasFacturaCliente th, #tablaPedidosFacturaCliente th{
	background-color: #A30972;
	border-color: white;
	color:white;
	font-weight:bolder;
}


#sliderPortada{
	height:100vh;
	background-repeat: no-repeat;
	/*background-position: center center;*/
	background-size:cover;
	
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	
	overflow-y:hidden;
	overflow-x:hidden;
}

#sliderPortada .bloqueTexto{
	position:absolute;
	bottom:10vh;
	color:white;
	text-shadow: 1px 1px 2px black;
	
	font-family:Montserrat, sans-serif;
	
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	
}

#sliderPortada .bloqueTexto h1, #sliderPortada .bloqueTexto h3{
	margin-top:0px;
	margin-bottom:0px;
}

#sliderPortada .bloqueTexto h1{
	font-size:50px;
	font-weight:bolder;
}

.headSeccion{
	height:300px;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	opacity:1;
}

.headSeccion h1{
	font-size:50px;
	font-weight:bolder;
	color:white;
	
	font-family:Montserrat, sans-serif;
}

#telefonoPortada{
	background-color: var(--colorPrincipal);
	width: fit-content;
	margin: auto;
	padding: 10px;
	font-size: 25px;
	align-items: center;
	display: flex;
	color:white;
}

#telefonoPortada a{
	color:white;
	text-decoration:none;
}

.seccion h2{
	font-size:50px;
	color:var(--colorPrincipal);
}


.seccion.nosotros h2, .seccion.contacto h2, .seccion.portada h2, .seccion.servicios h2{
	font-size:30px;
}

.seccion2{
	background-color:var(--colorPrincipal);
	color:white;
}

.seccion2 h2{
	color:white;
}

@media screen and (min-width: 0px) and (max-width: 640px){

	#sliderPortada{
		height:50vh;
	}
	
	#sliderPortada .bloqueTexto{
		position:absolute;
		bottom:30px;
	}
	
	#sliderPortada .bloqueTexto h1, .seccion h2, .seccion.nosotros h2, .seccion.contacto h2, .seccion.servicios h2{
		font-size:25px;
	}
	
}

@media screen and (min-width: 640px) and (max-width: 1024px){

	#sliderPortada{
		max-height:70vh;
	}
	
	#sliderPortada .bloqueTexto{
		position:absolute;
		bottom:5vh;
	}
	
	#sliderPortada .bloqueTexto h1, .seccion h2, .seccion.nosotros h2, .seccion.contacto h2, .seccion.servicios h2{
		font-size:25px;
	}

}


@media screen and (min-width: 640px) and (max-width: 1024px) and (orientation: landscape){

	#sliderPortada{
		max-height:100vh;
	}
	
	#sliderPortada .bloqueTexto{
		position:absolute;
		bottom:20vh;
	}
	
}


#contactoPortada{
	background-image:url('../img/comercial.jpg');
	background-repeat: no-repeat;
	/*background-position: center center;*/
	background-size:cover;
	
	padding-top:0px;
	padding-bottom:0px;
}

#llamarMovil,#whatsappMovil{
	position:fixed;
	bottom:5px;
	z-index:9;
	
	background-size: 5px 5px;
	background-repeat: no-repeat;
	color: white;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


#llamarMovil{
	left:5px;
	background-color: var(--colorPrincipal);
}

#whatsappMovil{
	right:5px;
	background-color:#25d366;
}