/* CSS Document */
body{
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#contenedor{
margin:0 auto;
text-align:left;
width:850px;
}
#cabecera{
margin:0;
padding:0;
height:68px;
width:100%;
background-color:#fff;
}
#barrasuperior{
margin:0 0 0 15px;
width:552px;
padding:5px;
float:left;
background-color:#EEE9E9;
}
#usuario{
margin:0;
padding:0 0 0 5px;
width:200px;
float:left;
}
#telefonot{
margin:0 0 0 100px;
padding:0;
float:left;
}
#clientes{
width:181px;
height:130px;
margin:14px 0 0 0;
padding:0;
float:left;
}
#login{
width:169px;
height:100%;
float:left;
margin:0;
padding:4px;
border:1px solid #CCCCCC;
}
#catalogo{
width:181px;
margin:5px 0 0 0;
padding:0;
float:left;
}
#lista{
width:174px;
height:100%;
float:left;
margin:0;
padding:0;
border:1px solid #CCCCCC;
}
#abajo{
width:181px;
height:80px;
margin:48px 0 0 0;
padding:0;
float:left;
}
#bordeabajo{
width:175px;
height:100%;
float:left;
margin:0;
padding:0;
border:1px solid #CCCCCC;
}
#productos{
margin:0 0 0 0;
width:643px;
padding:0;
float:right;
/*background-color:#EEE9E9;*/
}
#cantidad{
width:276px;
height:153px;
border:1px solid #CCCCCC;
float:left;
margin:10px 0 0 0;
padding:0;
background-image:url(../images/fondocaja.jpg);
background-repeat:repeat-x;
background-position:top;
}
#cantidad1{
width:276px;
height:153px;
border:1px solid #CCCCCC;
float:left;
margin:10px 0 0 3px;
padding:0;
background-image:url(../images/fondocaja.jpg);
background-repeat:repeat-x;
background-position:top;
}
#pedido{
width:557px;
height:211px;
float:left;
margin:10px 0 0 0;
padding:0;
}
#bordepedido{
width:556px;
height:211px;
float:left;
margin:0;
padding:0;
text-align:left;
border:1px solid #CCCCCC;
background-image:url(../images/mipedido.jpg);
background-repeat:repeat-x;
background-position:top;
}
#bordepedido p{
margin:0px 0 0 240px;

width:80px;
background-color:#999999;
}
#pedio{
	width:555px;
	height:170px;
	text-align:left;
	overflow:auto;
	margin: 22px 0 0 0;
	padding: 0 0 0 0;
}
#col1{
	width:52px;
	float:left;
	margin:0 20px 0 0;
	padding:5px 0 0 8px;
}
#col2{
	width:320px;
	float:left;
	margin:0 20px 0 0;
	padding:5px 0 0 0;
}
#col3{
	width:30px;
	float:left;
	padding:5px 0 0 0;
	text-align:right;
}
#col4{
	width:50px;
	float:left;
	padding:5px 0 0 0;
	text-align:right;
}

#descri{
width:285px;
color:#4A708B;
font-weight:bold;
margin-top:10px;
}
#imagen{
	width:115px;
	float:left;
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
#texto{
	float:left;
	;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#pie{
width:558px;
float:left;
margin:25px 0 0 0;
padding:0;
background-color:#EEE9E9;
}
#cleaner{
	clear:both;
}

#tituloreferencia{
	width:55px;
	float:left;
	text-align:left;
	color:#666666;
}
#titulodescripcion{
	width:315px;
	float:left;
	text-align:center;
	color:#666666;
}
#titulounidades{
	width:60px;
	float:left;
	color:#666666;
	text-align:right;
}
#tituloimporte{
	width:65px;
	float:left;
	color:#666666;	
	text-align:right;
}
#titulopeso{
	width:65px;
	float:left;
	color:#666666;
	text-align:right;
}

#refcon{
	width:55px;
	float:left;
	text-align:left;
}
#descon{
	width:315px;
	float:left;
	text-align:left;
}
#unicon{
	width:60px;
	float:left;
	text-align:right;
	
}
#impcon{
	width:65px;
	float:left;
	text-align:right;
}
#pesocon{
	width:65px;
	float:left;
	text-align:right;
}
#cabpedido{
padding:5px;
width:839px;
float:left;
}
#pedidocon{
padding:5px;
width:839px;
float:left;
}
#piepedido{
padding:5px 5px 5px 475px;
width:364px;
float:left;
}
#botones{
padding:5px 5px 5px 325px;
width:514px;
float:left;
}