body{
background-color:white;
text-align:center;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
}

#resument{
background-position:right;
background-repeat:no-repeat;}

.valtotales{
width:20px;
}

.fecha{
background-color:#999999;
width:55px;
font-size:10px;
height:20px;}

#contenedor,#div_act{
text-align:center;
margin:10px auto;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
width: 95%;
}

#mennu{
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
}
fieldset {
	padding:0;
	border:0;
	margin-top:25px;
}

#agrsuc{
text-align:left;
}
#nvosuc input,label {
text-align:left;
display:block;
}

#cuerpo{
background-image:url(images/Bottom_texture.jpg);
}
button {
padding: 0;  
}  

#button li {
display:block;  
} 

#button li a {
font-family: Arial;  
font-size:11px;  
text-decoration: none;  
float:left;
margin-top:-45px;
padding: 10px;  
background-color: #2175bc;  
color: #fff;  
}

#button li a:hover {
background-color:#D40000;
font-family: Arial;  
font-size:11px;  
text-decoration: none;  
float:left;
margin-top:-45px;
padding: 10px;    
color: #fff;  
}

h1 { font-size: 0.2in; margin: .6em 0;}

div#users-contain {
	width: 450px;
	margin: 20px 0;
	background-attachment: fixed;
}


.divcolr{
width:150px;
}
.inputcolor{
width:80px;
}
.inputdesc{
width:500px;
}
.divtall{
width:50px;
}

.lista label{
margin 0 0 0 25px;
color:#D41F00;
font-weight:bold;
}
.lista{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#F7F7F7;
border:#808080;
color:#2A1F55;
font-size:12px;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
filter: shadow(color=#999999, direction=135, strength=2);
}

.lista input{
text-align:center;
}

table.lista{
	margin: 0px auto 10px auto;
	border-collapse: collapse;
}

table.lista td, table.lista th{
	padding: 4px;
	vertical-align: top;
	text-transform: uppercase;
	
}
/*#6FA7D1;*/
table.lista thead th{
	color: #FFFFFF;
	background-color: #35b6df;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #DDECF7;
	text-transform: uppercase;
}

#grilla tbody tr:hover { 
background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}

table.lista tbody tr{
	border-bottom: 2px solid #ddd;
}

table.lista tfoot td{

	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color:#2a7d5b;
	vertical-align: top;
}

table.lista strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}
/*CSS TABLA RESUMEN*/
.listares label{
margin 0 0 0 25px;
color:#D41F00;
font-weight:bold;
}
.listares{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#F7F7F7;
border:#808080;
color:#2A1F55;
font-size:12px;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
filter: shadow(color=#999999, direction=135, strength=2);
}

table.listares{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
}

table.listares td, table.listares th{
	padding: 6px;
	vertical-align: top;
	border-right: #666666 solid 2px;
	
}
/*#6FA7D1;*/
table.listares thead th{
/*background-image:url(images/datos.jpg);*/
font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	border-bottom: 1px solid #DDECF7;
}

table.listares tbody tr{
	border-bottom: 2px solid #666666;
}

table.listares tfoot td{
	text-align: center;
	color: #6FA7D1;
	background-image:url(images/datos.jpg);
	vertical-align: top;
}

table.listares strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}

/*CSS TABLA LISTAEXP*/
.listaexp label{
margin 0 0 0 25px;
color:#D41F00;
font-weight:bold;
}
.listaexp{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#35b6df;
border:#808080;
color:#2A1F55;
font-size:12px;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
filter: shadow(color=#999999, direction=135, strength=2);
}

table.listaexp{
	margin: 0px auto 10px auto;
	border-collapse: collapse;
}

table.listaexp td, table.listaexp th{
	padding: 4px;
	vertical-align: top;
}
/*#6FA7D1;*/
table.listaexp thead th{
background-image:url(images/pbar-ani.gif);
font-weight:bold;
	color:#000033;
	text-align: left;
	border-bottom: 1px solid #DDECF7;
}

table.listaexp tbody tr{
	border-bottom: 1px solid #ddd;
}

table.listaexp tfoot td{
	text-align: center;
	color: #6FA7D1;
	background-image:url(images/pbar-ani.gif);
	vertical-align: top;
}

table.listaexp strong{
	color: #6FA7D1;
	font-weight: normal;
}

#titulo{
text-align:center;
color: #FFFFFF;
background-color: rgb(158, 158, 158);
font-size: 1.5em;
}

.tit{
text-align:center;
color:#2A1F55;
font-size:14px;
font-weight:bold;
background-image:url(images/pbar-ani.gif);
}

.totales{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1px;
background-color:#FFFFFF;
border-color:#AA0000;
font-size:16px;
font-weight:bold;
color:#AA0000;
padding:2px;
}
.refenc{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1mm;
background-color:#FFFFFF;
width:350px;
height:550px;
font-size:14px;
font-weight:bold;
color:#000099;
text-align:center;
}

.refencped{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1mm;
background-color:#FFFFFF;
width:350px;
height:500px;
font-size:14px;
font-weight:bold;
color:#000099;
text-align:center;
}


.refencipad{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1mm;
background-color:#FFFFFF;
width:450px;
height:520px;
font-size:14px;
font-weight:bold;
color:#000099;
text-align:center;
}

#div_oc input{
color:#CC6600;
font-weight:bold;
}
#div_planta input{
color:#000066;
font-weight:bold;
}
#div_fac input{
color:#000066;
font-weight:bold;
}
#div_bod  input{
color:#990000;
font-weight:bold;
}
#tp input{
color:#006600;
font-weight:bold;
}
#div_pedi input {
color:#000066;
font-weight:bold;
}
#sobfal input{
color:#003300;
font-weight:bold;
}
#programa input{
color:#000066;
font-weight:bold;
}
.prog{
margin:0px 5px 0px 0px;
float:left;
background-image:url(images/Bottom_texture.jpg);
font-size:14px;
}


#programa{
display:block;
text-align:center;
}

.prog input{
text-align:center;
font-size:14px;
}
.cantfacturar{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1mm;
background-color:#FFFFFF;
width:20px;
font-size:14px;
font-weight:bold;
color:#000099;
text-align:center;
}

.totalesr{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:#FFFFFF solid 1mm;
background-color:#FFFFFF;
width:60px;
font-size:14px;
font-weight:bold;
color:#AA0000;
text-align:right;
}

.totalenm{
width:60px;
font-size:12px;
font-weight:bold;
}

#menuboton{
width:100px;
margin: 20px;
}

#resultadossuc{
text-align:left;
border-radius: 5mm;-moz-border-radius:5mm;
padding:5px;
background-color:#A0A0A4;
}
#resultados{
text-align:left;
border-radius: 5mm;-moz-border-radius:5mm;
padding:5px;
background-color:#A0A0A4;
}

#taller{
text-align:left;
border-radius: 1mm;-moz-border-radius:1mm;
padding:2px;
}

#encacompra{
background-color:#E8E8E8;
display:-moz-box;
display:-o-box;
display:-webkit-box;
display:box;
font-size:14px;
}

#encacompra #prove {
color:#2A0055;

}

#encacompra #prove input {
width:500px;
}

#encacompra #numcompra {
margin:0 0 0 20px;
}
#encacompra #numcompra label,input {
display:inline;

}
#encacompra #numcompra input {
text-align:right;
}

#totales{
color:#FFFFFF;
font-size:14px;
background-image:url(images/ped.png);
font-weight:bold;
}
#totales label,input{
display:inline;
}

#observa{
font-size:14px;
}

table.listapf{
	margin: 0px auto 0px auto;
	border-collapse: collapse;
	background-color:#E6ECE9;
	font-size:12px;
}

table.listapf td, table.listapf th{
	padding: 6px;
	vertical-align: top;
}

table.listapf thead th{
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/pfa.png);
	text-align:center;
	border-bottom: 2px solid #000040;

}

table.listapf tbody tr{
	border-bottom: 1px solid #000040;
	
}

table.listapf tfoot td{
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/pfa.png);
	text-align:center;
	border-bottom: 2px solid #000040;
}

table.listapf strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}

#rgt1{
display:none;}
#rgt1 label,input{
display:inline;}
#rgt2{
display:none;}
#rgt2 label,input{
display:inline;}
#rgt3{
display:none;}
#rgt3 label,input{
display:inline;}

#encapedido{
background-color:#E8E8E8;
display:-moz-box;
display:-o-box;
display:-webkit-box;
display:box;
font-size:12px;
}

#numpedido{
text-align:left;}
#cliente {
text-align:left;}
#observaped{
text-align:left;
font-size:12px;
}
#div_listarprd{
background-color:#AA0000;}

#ft{
width:530px;
float:left;
margin-left:0px;
}
.ftproc{
float:right;
}
#ftp{
float:right;
}

.titulo{	
	background-color: #4F4F4F;
    font-size: 1.5em;
	color: white;
	margin: 0 0 10px 0px;
	padding: 3px;
}

.titdiv{
background-color:#2A1FAA;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}
table.listaft{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
	background-color:#E6ECE9;
	font-size:12px;
}

table.listaft td, table.listaft th{
	padding: 6px;
	vertical-align: top;
}

table.listaft thead th{
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/ui-bg_diagonals-thick_20_666666_40x40.png);
	text-align:center;
	border-bottom: 2px solid #000040;

}

table.listaft tbody tr{
	border-bottom: 1px solid #000040;
	
}

table.listaft tfoot td{
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/ui-bg_diagonals-thick_20_666666_40x40.png);
	text-align:center;
	border-bottom: 2px solid #000040;
	font-size:16px;
}

table.listaft strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}

#agrinsumo{
text-align:left;
}

#agrcolor{
text-align:left;
}

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
.lista tr.alt td 
{
color:#000000;
background-color:#ffffff;
}
.timer{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image:url(images/loading.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.ipad{
	color: #6FA7D1;
	font-weight: normal;
	font-size:12px;
}

.tipad{
background-color:#990000;
color:#FFFFFF;
text-align:center;
}

table.ipad{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
	background-color:#E6ECE9;
	font-size:14px;
}

.prodto label{
color:#990000;
font-weight:bold;
width:100px;
}
.prodto{
text-align:center;
background-color:#FFFFFF;
padding:4px;
margin: 0px 0px 2px 5px;
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
float:left;
vertical-align:top;
border:3px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
}

.prodtoped{
text-align:center;
background-color:#FFFFFF;
padding:8px;
margin-left:10px;
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:5px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
}

.prodtoipad label{
color:#990000;
font-weight:bold;
width:100px;
}
.prodtoipad{
text-align:center;
background-color:#FFFFFF;
padding:4px;
margin: 0px 5px 5px 0px;
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
float:left;
border:5px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
}

.divdeta{
color:#000066;
font-size:10px;
font-weight:bold;
border-radius: 2mm;-moz-border-radius:2mm;
}

.lbl{
padding:1px;
font-size:14px;
}


#div_listado{
background-color:#FFFFFF;
font-size:12px;
width:600px;
float:left;
}

#div_ped{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
margin:0 auto 30px auto;
border:8px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
background-color:#FFFFFF;
float:right;
width:580px;
}

.divpag{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
width:600px;
text-align:center;
font-size:14px;
border:14px solid #fff;
-moz-box-shadow:1px 1px 4px #990000;
-webkit-box-shadow:1px 1px 4px #990000;
}

#agregaref{
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
margin:0 auto 30px auto;
border:14px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
}

/* css para el boton de Cargar Foto*/
#upload_button {
	width:120px;
	height:35px;
	text-align:center;
	background-image:url(images/ui-bg_gloss-wave_75_2191c0_500x100.png);
	color:#CCCCCC;
	font-weight:bold;
	padding-top:15px;
	margin:auto;
	cursor:pointer;
}
#upload_button:hover{
	color:#FFFFFF;
}

.vale{
float:right;
padding:2px;
margin-top:10px;
margin-right:10px;
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
border:14px solid #fff;
-moz-box-shadow:1px 1px 4px #990000;
-webkit-box-shadow:1px 1px 4px #990000;
}
.vales{
width:470px;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
}

.area{
margin: 0 0 0 50px;
text-align:center;
max-width:98%;
}

.descripcion{
width:150px;
float:left;
text-align:left;
padding:4px;
}

.numoc{
width:80px;
float:left;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;
padding:4px;
}

.numref{
width:80px;
float:left;
border-right:#000000 solid 1px;
padding:4px;
}

.cantidad{
width:80px;
float:left;
padding:4px;
}

.prodtores{
background-color:#FFFFFF;
border:1px solid #000000;
float:left;
}
.prodtores label{
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
#divinf{
width:500px;
margin-left:350px;
}

#divinfref{
width:350px;
}

.prodtor{
text-align:center;
background-color:#FFFFFF;
padding:8px;
margin-left:10px;
border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
display:inline-block;
border:5px solid #fff;
-moz-box-shadow:1px 1px 4px #333;
-webkit-box-shadow:1px 1px 4px #333;
box-shadow:1px 1px 4px #333;
}

a {
text-decoration:none;
}

a:hover .link
{
	text-align:center;
	background-color:#990000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;
	-webkit-border-radius: 2mm / 2mm;       -moz-border-radius: 2mm / 2mm;
}

#divremate{
text-align:center;
color:#990033;
font-size:16px;
background-color:#CCCCCC;
font-weight:bold;
}

.lblref{
font-size:24px;
color:#FFFFFF;
background-color:#000066;
margin:338px 0px 0px 0px;
width:293px;
}

#cargando {
    position:absolute;
    width:100%;
    height:100%;
    background:#fff url(imagenes/loading.gif) no-repeat center;
}

.listat{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#000066;
border:#808080;
color:#FFFFFF;
font-size:18px;
-webkit-box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
filter: shadow(color=#999999, direction=135, strength=2);
}

table.listat{
	margin: 0px auto 0px auto;
	border-collapse: collapse;
}

table.listat td, table.listat th{
	padding: 3px;
	vertical-align: top;
	
}
/*#6FA7D1;*/
table.listat thead th{
background-image:url(images/datos.jpg);
font-weight:bold;
	color:#FFFFFF;
	text-align: left;
	border-bottom: 1px solid #DDECF7;
}

table.listat tbody tr{
	border-bottom: 2px solid #ddd;
}

table.listat tfoot td{
	text-align: center;
	color: #6FA7D1;
	background-image:url(images/datos.jpg);
	vertical-align: top;
}

table.listat strong, table.formulario strong{
	color: #6FA7D1;
	font-weight: normal;
}

.divfoto{
background-color:#FFFFFF;
margin: 0px 0px 40px 0px;
}

.divnom{

margin: 0px 0px 0px 0xp;
}

#div_refer{
font-size:24px;
font-weight:bold;
color:#FFFFFF;
background-color:#000066;
}
.divtelas{
font-weight:bold;
font-size:0.82em;
width:98px;
}

#div_telas{
max-width:417px;
}

#divpromtela{
width:417px;
}

#divtelas{
width:417px;
}
#divsaltela{
font-weight:bold;
background-color:#990000;
color:#FFFFFF;
}

#divprovtela{
font-weight:bold;
color:#990000;
}
#divfotos{
max-width:380px;
}

.obsprg{
max-width:100px;
}

#div_proga{
max-width:700px;
}
.group { zoom: 1 }

#n1{
font-size:6em;
background-color:#00FF00;
}
#n2{
font-size:6em;
background-color:#000099;
color:#FFFFFF;
}

#n2 a{
color:#FFFFFF
}

#n3{
font-size:6em;
background-color:#FF0000;
}

.n3 {
    font-size: 3em;  font-weight: bold;  color: red;  border-radius: 1em; margin: auto; width: 80px;
}
.n2 {
    font-size: 3em;  font-weight: bold;  color: blue;  border-radius: 1em;margin: auto; width: 80px;
}
.n1{
	color:#00FF33; font-weight: bold; font-size: 3em;  border-radius: 1em;margin: auto; width: 80px;
}

#v1,#v2,#v3,#v4,#v5,#v6{
font-size:1.5em;
}

#obs {
    width: 400px;
}

#divconsulta,#coti{
	text-align: center;
	margin: 0 auto;
	width: 95%;
}
#divcoti{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:solid #000 1px;
	margin:auto;
	max-width: 1250px;
}
#divbotontes{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:solid #000 1px;
	margin:auto;
}
.cotidiv{
	display: inline-block;
	margin: 5px auto;
	max-width: 200px;
	text-align: center;
	vertical-align: top;

}


.frml{
	font-size: 1.2em;
	font-weight: bold;
	color:black;
	display: inline-block;
	vertical-align: top;
}
.frm{
	
	display: inline-block;
	vertical-align: top;	
}
.frm input{
	border-radius: 4px 4px;
	font-size: 1.3em;
	text-transform: uppercase;
	height: 30px;
	width: 150px;
}

.frm textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	height: 212px;
	text-transform: uppercase;
	width: 853px;
}
#div_listarcp{
	margin: 10px auto;
	padding: 4px;
}

#divtelasboc{
	width: 750px;
}

.divsep{
	display: inline-block;  width: 300px;
}

.divencab{
	display: inline-block;
	border: solid 1px white;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
	text-transform: uppercase;
	color:#FFFFFF;
	background: #02023e; /* Old browsers 	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b22982', endColorstr='#b71d89',GradientType=0 ); /* IE6-9 */
}
.divencab input{
	padding: 1px;
	text-align: center;
}

.divencab select{
	padding: 1px;
	text-align: center;
}

.divencab textarea{
	height: 30px;
	padding: 1px;
	text-align: left;
	width: 460px;
}

div.divencab label {
width: 130px;
}

div#divref {
    font-size: 16px;
    font-weight: bold;
}
div#nomtela {
    font-size: 1.3em;  font-weight: bold;  color: firebrick;
}

div#divdetoc {
    width: 620px;
}

div.divcabezote {
	margin: auto;
    width: 90%;
}

div#div_listarcp {
    display: inline-block;
    border: 1px solid #6B1B41;
    background-color: whitesmoke;
}
#divcaja{
	display: inline-block;
	vertical-align: top;
}

div#div_total {
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 420px) {
	#mennu{
		display: none;
	}
	h1 {padding-top: 30px;}
	.lista{
		font-size: 10px;
	}
	input{
		width: 20px;
	}
	.divencab{
		display: block;
	}
}