html, body {
	margin: 0px;
	padding: 0px;
	background-color: #bcbcc0;
	text-align: center;
}

h1.quantum {
margin: 0 10px;
padding: 0 10px;
width: 325px;
height: 85px;
background: url("images/quantum.png") no-repeat;
float:left;
}

h1.quantum span {
display:block;
width:0;
height:0;
overflow:hidden;
}

#mainwrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background:url("images/content.png") repeat-y ;
}

	
#header {
	background:url("images/header.png") no-repeat left top;
	width: 960px;
	height: 80px;
	margin: 0 auto;
	padding: 10px 50px;
}


#leftnav {
	float: left;
	width: 170px;
	margin: 10px 10px 10px 50px;
/*	background-color:#CCC;	 */
	font-family:verdana, sans-serif;
}

#content {
	float: right;
	width: 680px;
	margin: 10px 50px 10px 0px;
/*	background-color:#FAC;  */
}

#clear{
	line-height: 1px;
	height: 1px;
	clear:both;
}

#footer {
	margin: 0 auto;
	height: auto;
	width: 960px;
	padding: 30px 0;
	background:url("images/footer.png") no-repeat left top;
	text-align: center;
}

#leftnav  { font-size: 90%; vertical-align: top;}

#leftnav a {
	text-decoration: none;
}

#leftnav ul {
	
	margin:0;
    padding:15px 0;
	list-style: none;
}

#leftnav li {
	list-style: none;
	margin:0;
    padding:3px 10px;
	vertical-align: top;
}

table.staff { margin: auto; border-collapse: collapse; }
table.staff td { text-align: right; border: solid 1px gray; padding: 3px; padding-right: 9px; background-color: #cce;}
table.staff td.shaded { background-color:#ddd; }
table#avance {padding: 2px 4px;}



#one {background:#dee; width:470px; padding:10px; border:1px solid #000; margin: 0 auto 0 50px;}
#one fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.1em;}
#one fieldset#opt {background:#dee;}
#one legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(form.gif) repeat-x center left;}
form#one input {border:1px solid #fff; background:#fff url(form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:1em;}
#one label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:10px; color:#888; margin-bottom:0em;}
form#one input.nivel {margin-bottom:0.3em;}
form#one select {margin-left:0.5em;}
form#one textarea {border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(form.gif) repeat-x bottom left;}
form#one option {background:#788; color:#fff;}
form#one optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#one optgroup option {background:#9aa; color:#fff;}
form#one #button1, form#one #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:210px; margin-left:10px;}
form#one #button1:hover, form#one #button2:hover {background-position:center left; color:#000;}
.data {text-align:left; padding-left:0.5em; color:#333; line-height: 1.4; margin-bottom:0em;}

#two  {background:#dee; width:620px; padding:10px; border:1px solid #000; margin: 0 auto;}
#two fieldset {display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin:0 .5em; line-height:1.3em; font-size: smaller;}
#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(form.gif) repeat-x center left;}
#two label {clear:left; display:block; float:left; width:180px; text-align:right; padding:0 10px; color:#888; margin:0;}
#two textarea {width:575px; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff;}
#two label.opt {clear:none; display:inline; float:left; text-align:left; width:auto; padding:0 0.2em;}
#two input { }
#two .data {text-align:left; padding-left:0.5em; color:#888; margin-bottom:0em;}
#two fieldset fieldset {display:inline; margin:1em auto; font-size: 100%;}
#two fieldset fieldset label{display:inline; text-align:left; font-size: 100%;}
#two fieldset fieldset span{display:inline; text-align:left; font-size: 100%; color:#3a6; margin:0; line-height:1.8em;}

#producto {
}

#producto .campo, .campo {text-align:right; padding-right:1.5em; width:10em;}
#producto .titulo {font-size:80%; text-align: center; vertical-align: bottom;}
#producto .codigo {width:5em;}
#producto .precio {width:4.2em;}
#producto .desc {width:15em;}
#product {margin:0 auto; background-color: #cdc;}

#two .onlyprint {
	display: none;
}

#leftnav dt {padding:8px 0 0 5px;
font-size: 85%;
}

#leftnav dd {padding-left:20px;
margin: 0;
font-size: 75%;
}


#leftnav .graph { 
        position: relative; /* IE is dumb */
        width: 120px; 
        border: 2px solid #eef; 
        padding: 2px;
        
    }
#leftnav .graph .bar, #leftnav .graph .bar2, #leftnav .graph .bar3{ 
        display: block;
        position: relative;
        background: red; 
        text-align: left; 
        color: #331; 
        height: 1.2em; 
        line-height: 1.2em;            
    }

#two .graph .bar, #two .graph .bar2, #two .graph .bar3{ 
        display: block;
        position: relative;
        background: red; 
        text-align: left; 
        color: #331; 
        height: 1.2em; 
        line-height: 1.2em;            
    }	
	
	
#leftnav .graph .bar2, #two .graph .bar2{
	background: yellow;
}
	
#leftnav .graph .bar3, #two .graph .bar3{
	background: #B1D632;
}

#leftnav .graph .bar span, #two .graph .bar span  { position: absolute; left: 1em; }




#two .graph { 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 3px solid #eef; 
        padding: 3px;
        
    }

table#avancemain   {width:100%; padding: 0;}
table#avancemain th.usuario {width:5.5em;}
table#avancemain th.fecha {width:7.5em;}
table#avancemain th.comentario {}
#two dt {}
#two dd {}

#two dt {padding:8px 0 0 5px;
font-size: 105%;
}

#two dd {padding-left:20px;
margin: 0;
font-size: 95%;
}

table#avance {width:100%; padding: 0;}
table#avance th.usuario {width:7.2em;}
table#avance th.fecha {width:10em; }
table#avance th.comentario {}

tr.zebraon {background-color: #efefef;}
tr.zebraoff {background-color: #fefefe;}


table.listado td{padding:1px 5px; }
table.templistado tr.zebraon:hover, table.listado tr.zebraoff:hover{background: #5389d7; color: #ffffff;}
table.listado td.qty {width:4.5em;}
table.listado td.desc {width: 24em;}

select.masdescripcion {width: 24em;}
table td.qty1 {width:4.5em;}
table td.desc1 {width: 24em;}

#leftnav li{}
#leftnav li.subprod {padding-left: 2em; font-size: 75%}

.login {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}