@charset "utf-8";
/* CSS Document */

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: #600; padding-top:20px; }

h1 {
	text-align:center;
	color: #666;
}
h2 { font-size:14px; }
h3 { font-size:12px; color: #06F; }

a:link {
	color: #06F;
}
a:visited {
	color: #06F;
}
a:hover {
	color:#00F;
}

#numero_orden { float:right; font-size:18px !important; color:#fff; background-color:#F00; padding:5px; border-radius:10px; display:block;  }

#numero_cotizacion { float:right; font-size:18px !important; color:#fff; background-color: #0C0; padding:5px; border-radius:10px; display:block;  }

#numero_remision { float:right; font-size:18px !important; color: #06F; background-color: #FF9; padding:5px; border-radius:10px; display:block; border:1px #333 solid;  }

#numero_factura { float:right; font-size:18px !important; color: #FFF; background-color:orangered; padding:5px; border-radius:10px; display:block;  }

#numero_compra { float:right; font-size:18px !important; color:#fff; background-color: #09F; padding:5px; border-radius:10px; display:block;  }

.resalte { width:60px;display:inline-block;  font-weight:bold; }

.advertencia { color:#F00; margin-top:5px; }

.aviso { color:#06F; }

#formSesion input {
	font-size:18px;
	text-align:center;
}

#contenedorMenu > a:link {
	color: #666;
	text-decoration:none;
	font-weight:bold;
	display: block;
}
#contenedorMenu > a:visited {
	color: #666;
}
#contenedorMenu > a:hover {
	color: #fff;
}
.desactivado {
	color: #999; }

.solo_lectura {
	background:#dedede;
}
.textoMini {
	font-size:11px;
}
.tablaBorde {
	border: 1px solid #CCC;
}
.tablaBorde td {
	border: 1px solid #CCC;
}
.consultas a {
	color: #333;
}
.margenes  {
	font-size:18px;
	text-decoration:none;
	display:block;
	height:36px;
	padding-top:12px;

}

#descripcionVentana{
	text-align:center;
	font-style:italic;
	color: #666;
}

/*#formCliente input {
	padding:2px;
	width:47%;
	margin-top: 5px;
	height:25px;
	border:#CCC solid 1px;
	display:inline !important;
}
#formCliente .label2 {
	display: inline-block;
	width:47% !important;
}
#formCliente .label1{ 
	display:block !important;
	width:100% !important;
	
}*/

.boton_radio { height:14px !important; width:14px !important; display:inline !important; margin:0 !important;}

.checkbox { height:18px !important; width:18px !important; display:inline !important; cursor:pointer; }

.cantidad {
	text-align:center;
	width:30px !important;

}
.porc_iva {
	text-align:center;
	width:35px !important;
	height:16px !important;
	font-weight:bold;
	color:#06F;
	border-radius:10px;

}
.valor{
	width:70px !important;
	text-align:right;
}
.dimensiones{
	width:30px !important;
	text-align:center;
}
.consumo{
	width:20px !important;
	text-align:center;
	font-size:10px;
	height:8px !important;
	background:#dedede;
	margin:3px 0 0 0 !important;
}
.num_orden {
	text-align:center;
	width:42px !important;
	border:none !important;

}
th {
	border-top:#CCC solid 1px;
	border-bottom:#ccc solid 1px;
}
.luzfila{ font-size:14px; }

.luzfila:hover{	background-color: #dedede; }

.progreso {  height:10px; width:50px;  float:left;  }
.barraProgreso { border:#CCC 1px solid; height:10px; width:50px; background:url(../_imgs/progreso.png) no-repeat;
background-position:top left;
border-radius:10px;  float:left; display:inline-block; }
.mensajeAlerta { display:inline-block; margin-left:10px; font-size:14px;}

#listadoPre_requisitos { text-align:left; }

.miniBoton {
	background: #CCC;
	width: 14px;
	height: 10px;
	font-size: 10px;
	padding: 2px;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
}
.miniBoton:hover {
	background-color:#999;
	border-bottom-color:#000;
	border-right-color:#000;
	color:#FFF;	
}
.miniBoton a:link {
	color: #06F;
	text-decoration:none;
	font-weight:bold;
	display: block;
	
}
.miniBoton a:visited {
	color: #06F;
}
.miniBoton a:hover {
	color:#FFF;	
}
#otroCalibre {
	width: 93% !important;
}
#motivo_cierre {
	font-size:16px;
	font-weight:bold;
	background-color: #CFF;
}
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
h1 {
	text-align:center;
	color: #666;
}
h2 { font-size:17px; }
h3 { font-size:16px; }
.resalte { width:90px; display:inline-block; font-weight:bold; }
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.resalte { width:90px; display:inline-block; font-weight:bold; }	
}