/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 5px;
	padding: 5px;
	background-color: #F2F2F2;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: solid;
	border-top-color: #FF6600;
	border-top-width: 1px;
}


.pie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0px;
	padding: 0px;
	color: #666666;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FF6600;
	text-decoration: none;
	
}

.btn_icono_solo {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Verdana;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  background: #ffffff;
  padding: 6px 11px 6px 11px;
  text-decoration: none;
}

.btn_icono_solo:hover {
	background-color: #F8F8F8;
	border: 1px solid #CCCCCC;
}





input, select, textarea {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
	border-radius: 5px;
	font-family: Verdana;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
 }


.btn_novo {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Verdana;
  color: #ffffff;
  font-size: 12px;
  background: #FF6600;
	padding: 7px 12px 7px 12px;
  text-decoration: none;
}

.btn_novo:hover {
	text-decoration: none;
	background-color: #FF8B3E;
}

.btn_xeral {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
	border-radius: 5px;
	font-family: Verdana;
	color: #666666;
	font-size: 12px;
	padding: 7px 12px 7px 12px;
	text-decoration: none;
	background: linear-gradient(#E6E6E6, #CCCCCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E6E6E6, #CCCCCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E6E6E6, #CCCCCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E6E6E6, #CCCCCC); /* Standard syntax */	
}






.btn_xeral:hover {
	text-decoration: none;
	background-color: #F3F3F3;
}


.cabecera_tabla_resultados {
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	border-bottom-width:thin;
	background-color: #226195;

}


::-webkit-scrollbar-track {
      background-color: blue;
} 





.ubicacion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;

}

.total{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


.modifica_linea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	width:90%;
	height:35px;
	margin-top: 10px;
	margin-right: 10px;

}


.btn_producto{
	width:65px; 
	height:65px; 
	background-color:#ffffff; 
	float:left; 
	padding:0px; 
	margin:3px; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	overflow:hidden;
	box-shadow:0px 0px 4px 0px rgba(214,214,214,1);
	border-radius:4px;
	border:0px solid #000000;
	box-sizing:border-box;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

.btn_producto > div {
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding:3px !important;
	box-sizing:border-box !important;
	border-radius:4px;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;

	text-align:center !important;
	line-height:13px !important;
	white-space:normal !important;
	word-break:normal !important;
	overflow-wrap:break-word !important;
	hyphens:auto !important;
	overflow:hidden !important;
}

.btn_producto span {
	display:block !important;
	width:100% !important;
	text-align:center !important;
	line-height:13px !important;
	word-break:normal !important;
	overflow-wrap:break-word !important;
}





.btn_familia{
	width:65px; 
	height:65px; 
	background-color:#ffffff; 
	float:left; 
	padding:0px; 
	margin:3px; 
	text-align:center; 
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	word-wrap:break-word;
	overflow:hidden;
	color:#333333;
	-webkit-box-shadow:0px 0px 4px 0px rgba(214,214,214,1);
	-moz-box-shadow:0px 0px 4px 0px rgba(214,214,214,1);
	box-shadow:0px 0px 4px 0px rgba(214,214,214,1);
	border-radius:4px;
	border:0px solid #000000;
	box-sizing:border-box;
	line-height:16px;
}
.btn_familia > div {
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding:0 !important;
	box-sizing:border-box !important;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;

	text-align:center !important;
	line-height:14px !important;
	word-break:break-word !important;
	overflow:hidden !important;
}

.btn_familia_contenido{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	box-sizing:border-box;
	padding:0px;
	line-height:14px;
	word-break:break-word;
	overflow:hidden;
}


.btn_opciones{
	width:55px; 
	height:55px; 
	background-color:#F9F9F9; 
	float:left; 
	padding:0px; 
	margin:3px; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	overflow:hidden;
	box-shadow:0px 0px 4px 0px rgba(214,214,214,1);
	border-radius:4px;
	border:0px solid #000000;
	box-sizing:border-box;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

.btn_opciones > div {
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding:2px !important;
	box-sizing:border-box !important;
	border-radius:4px;

	display:flex !important;
	align-items:center !important;
	justify-content:center !important;

	text-align:center !important;
	line-height:11px !important;
	white-space:normal !important;
	word-break:normal !important;
	overflow-wrap:break-word !important;
	overflow:hidden !important;
}

.btn_opciones span {
	display:block !important;
	width:100% !important;
	text-align:center !important;
	line-height:11px !important;
	word-break:normal !important;
	overflow-wrap:break-word !important;
}


.btn_opciones_color{
	font-size:12px;
	width:55px; 
	height:55px; 
	background-color:#FFCD66; 
	float: left; 
	padding:5px; 
	margin:3px; 
	border-color: #ffffff;
	border-style:solid; 
	border-width:thin; 
	text-align:center; 
	display:table-cell; 
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-wrap: break-word;
	overflow: hidden;
	color:#333333;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(214,214,214,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(214,214,214,1);
	box-shadow: 0px 0px 4px 0px rgba(214,214,214,1);
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}