@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);
@media all{



	html,body {
		margin: 0;
		padding: 0;
		border: 0;
		font-family: 'Source Sans Pro', arial;
	}

  /* M E N U */
  #menu {
    padding: 10px 10px 10px 0px;
    float: left;
    width: 220px;
  }
  #menu .item {
		border-right: 5px solid #fcf7ed;
    background-color: #fcf7ed;
    height: 28px;
    margin-bottom: 3px;
    width: 160px;
    text-align: left;
    padding: 15px 15px 5px 15px;
    cursor: hand;
    cursor: pointer;
		font-weight: 200;
  }
  #menu .item:hover {
		border-right: 5px solid #cc941f;
    background-color: #f8ebd1;
  }
  #menu .subitem {
		border-right: 5px solid #fcf7ed;
    background-color: #fcf7ed;
    height: 20px;
    margin-bottom: 3px;
    width: 160px;
    text-align: left;
    padding: 10px 10px 13px 20px;
    cursor: hand;
    cursor: pointer;
		font-weight: 200;
  }
  #menu .subitem:hover {
		border-right: 5px solid #cc941f;
    background-color: #f8ebd1;
  }
  #menu .selected {
		border-right: 5px solid #f3dcab;
    background-color: #fcf7ed;
		font-weight: 400;
  }

  #client {
    line-height: 1.5;
    padding: 10px;
    float: left;
    /*width: calc(100% - 230px);*/
  }


	/* C O M M O N */
	.cl {
		clear: left;
	}
	.info {
		padding: 20px;
		text-align: center;
	}
	a {
		color: #000;
		text-decoration: none;
	}

	/* B U T T O N S */
	select.button {
		padding: 7px 7px;
	}
	.button {
			background-color: #f8ebd1;
			border: none;
			color: #555;
			padding: 8px 8px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 4px 2px;
			-webkit-transition-duration: 0.4s;
			transition-duration: 0.4s;
			cursor: pointer;
			border-radius: 3px;
			border: 1px solid #f3dcab;
	}
	.cancel {
			background-color: #fff;
			border: 1px solid #f3dcab;
	}    
	.ok {
			background-color: #f8ebd1;
			border: 1px solid #f3dcab;
	}    
	.button:hover {
			background-color: #f3dcab;
			color: black;
			
	}
	
	/* F O R M   D E L   S I T O */
	.field-label {
		float: left;
		width: 180px;
		padding: 5px;
		font-size: 14px;
	}
	.field-text {
		float: left;
		width: 300px;
		padding: 5px;
	}
	.field-textarea {
		float: left;
		width: 600px;
		padding: 5px;
		font: inherit;
	}
	.field-select {
		float: left;
		width: 212px;
		padding: 5px;
	}
	.field-check {
		float: left;
		width: auto;
		padding: 5px;
	}
	
	/* G R I D */
	.hdr {
		float: left;
		border-bottom: 5px solid #666;      
	}
	.hdrdesc {
		width: 418px;
		padding: 5px;
		margin: 2px 2px 2px 0px;
	}
	.hdrqta {
		width: 62px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.hdrum {
		width: 62px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	/* G R I D */
	.hdr {
		float: left;
		border-bottom: 5px solid #666;      
	}
	.hdrdesc {
		width: 418px;
		padding: 5px;
		margin: 2px 2px 2px 0px;
	}
	.hdrqta {
		width: 62px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.hdrum {
		width: 62px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.hdrprezzo {
		width: 108px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.hdrimporto {
		width: 62px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.rows {
		
	}
	.order-row {
		
	}
	.order-desc {
		width: 428px;
		padding: 5px;
		margin: 2px 2px 2px 0px;
		font-size: 20px !important: 14px;
	}
	.order-qta {
		width: 60px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.order-um {
		width: 60px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.order-prezzo {
		width: 100px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}
	.order-importo {
		width: 60px;
		padding: 5px;
		margin: 2px 2px 2px 2px;
	}


	
    .row {
        padding: 5px;
				color: #000;
    }
    .notforsale {
				color: #ff0000;
    }
    .row:hover {
        background-color: #eee;
    }
    .dett {
        float: left;
        width: calc(100% - 310px);
				font-weight: 300;
    }
    .qty {
        text-align: center;
        float: left;
        width: 140px;
    }
    .val {
				width: 60px;
				float: left;
        font-size: 20px;
        font-weight: 400;
				text-align: right
    }
    .valcent {
				padding-top: 5px;
				float: left;
        font-size: 16px;
        font-weight: 200;
    }
    .umacq {
				width: 70px;
				padding: 5px 0px 0px 3px;
				float: left;
        font-size: 16px;
				font-weight: 200;
    }
    .umven {
				width: 70px;
				padding: 5px 0px 0px 3px;
				float: left;
        font-size: 16px;
				font-weight: 200;
    }
		.codmaga {
				padding-top: 5px;
        float: left;
        width: 70px;
				font-weight: 200;
		}
	
	
}


@media all and (max-width: 520px){
	
}

/* Stampa delle schede */
@media print {
	@page 
	{
		size:  auto;   /* auto is the initial value */
		margin: 0mm 10mm 0mm 10mm;  /* this affects the margin in the printer settings */
	}
	
	html
	{
		background-color: #FFFFFF; 
		margin: 0px 5px 0px 10px;  /* this affects the margin on the html before sending to printer */
	}
	
	body
	{
		border: solid 1px #fff;
		margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
	}
	body *
	{
		visibility: hidden;
	}
	#section-to-print, #section-to-print *
	{
		visibility: visible;
	}
	#section-to-print
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	.no-print, .no-print *
	{
		display: none !important;
	}
  select,
  input,
  textarea {
    border: 0;
  }
}