﻿/* ==========================================================================
   Custom styles
   ========================================================================== */

.body{
	background-color: bisque;
}

/*Cabecera*/
.jumbotron .container h2{
	color: red;
}

.jumbotron{
	background-color:white;
}

#buscador{
	display: block;
}

/*Menú*/
.menu{
	background-color: bisque;
}

.menu .row h2{
	color: #f0ad4e;
}


/*Botones*/
.boton{
	color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
	-webkit-box-shadow: 7px 7px 12px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 12px -4px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 12px -4px rgba(0,0,0,0.75);
}

.boton:hover{
	color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	color: black;
}

.cancelar{
    margin-bottom: 10px;
}

#add{
    text-align: center;  
}

#ayuda{
    cursor: pointer;
    margin-top: 5px;    
}

/*Footer*/
footer{
	text-align: center;
	font-weight: bold;
	color: #eea236;
	margin-top: 20px;
}


/* Productos */
.nombreModelo, .nombreCategoria{
	color: #DF7401;
	font-weight: bold;
	background-color: #D8D8D8;
	padding: 4px 4px 4px 10px;
	border-radius: 24px 24px 24px 24px;
	-moz-border-radius: 24px 24px 24px 24px;
	-webkit-border-radius: 24px 24px 24px 24px;
	border: 0px solid #000000;
}

.detallesModelo, #realizarPedido, .destacado, .fabricacion{
	color: #DF7401;
	font-weight: bold;
}


.stock{
	color: DarkGreen;
	font-weight: bold;
}



.filaProducto{
	margin-top: 25px;
}

.pedido{
	margin-bottom: 20px;
}

/*Usuario*/
#datosUsuario p{
    font-weight: bold;
}

/*Mensajes*/
.mensaje, #mensajeNoLogin{
	text-align: center;
	color: red;
	font-weight: bold;
}

.mensajeCorreo{
	text-align: center;
	margin-top: 10px;
	color: green;
	font-weight: bold;
}

/*Colores modelos*/
h6.colorModelo{
    color: #DF7401;
	font-weight: bold;
	background-color: #D8D8D8;
	padding: 1px 1px 1px 1px;
	border: 0px solid #000000;
    font-size: 0.7em;
    padding: 10px;
    border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
}

/*Scroll pedido*/
.scroll{
    overflow-x: scroll;
}

/*Tallas*/
.tallas{
	font-size: 0.7em;
    text-align: center;
}

.inputs{
    text-align: center;
}

.servido{
    color: #DF7401;
}

/*Paginación*/
.paginacion{
   color: #DF7401; 
}

h5.paginacion{
    margin-right:10px;
}



form[action="buscarCategoria.php"] { 
    display:none;
}















