/* CSS Document */

hr
{
	border-bottom:1px solid #fff;
	border-top:1px solid  #E65F5B ;
	margin:15px 0px;
}
#cart td,.cart td
{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
}
#cart  thead,#cart  tfoot,.cart  thead,.cart  tfoot
{
	font-weight:bold;
}
#cart  tfoot>tr>td,.cart  tfoot>tr>td
{
    background-color:#efefef;
}

.noborder
{
	border:0px!important;
	background-color:#fff!important;
}

.im_article
{
	float: left;
	margin-right: 10px;
	
}

.taula_totals
{
	width: 50%;
}


.small
{
	font-size: 11px!important;
	padding: 3px 6px!important;
}
button
{
	box-sizing: border-box;
	margin:5px 5px 0px 0px;
	padding: 6px 12px;
	-webkit-appearance: button;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}
button:hover
{
	color: #333333;
	background-color: #ebebeb;
	border-color: #adadad;
}
button.red
{
	background-color:#D9534F;
	border-color:#ac2925;
	color:#fff;
}
button.red:hover
{
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;

}
button.green
{
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
button.orange
{
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
button.orange:hover
{
	background-color: #ec971f;
	border-color: #d58512;
}
button.blue2
{
	color: #ffffff;
	background-color: #134a5e;
	border-color: #296175;
}
button.blue2:hover
{
	background-color: #296175;
}
button:disabled{
	opacity:0.65;
	cursor:not-allowed;
}

button.green:hover
{
	color: #ffffff;
	background-color: #47a447;
	border-color: #398439;

}
button.blue
{
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}
button.blue:hover
{
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;

}

@media (max-width:480px) {
	.taula_totals
	{
		width: 100%;
	}
	
	button
	{
		margin: 5px 0;
		width: 100%;
	}
	
	.cart_preu,.im_article
	{
		display: none;
	}
	
	#taula_observacions_cart, #taula_observacions_cart tbody, #taula_observacions_cart tr,#taula_observacions_cart td, #taula_observacions_cart input, #taula_observacions_cart textarea
	{
		width: 100% !important;
		display:block;
		margin: 2px 0px;
	} 
	
	
}