/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Tahoma, Arial, Tahoma, Arial, sans-serif;
	color: #666666;
	line-height: 1.166;	
	margin: 0px;
	margin-top:15;
	margin-left:5;
	margin-right:5;
	padding: 0px;
	border-bottom: 10;
	background-color: #cccccc;
	background-image:  url(images/fondo.jpg);
	background-attachment: fixed;
	scrollbar-arrow-color: white;
	scrollbar-base-color: #666666;
	scrollbar-dark-shadow-color: #336633;
	scrollbar-track-color: gray;
	scrollbar-face-color: #336633;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: silver;
	scrollbar-3d-light-color: #336633;	
}

.Estilo1 {
	color: #FF0000;
	font-weight: bold;
}

.StatusPedidoPend {
	color: #FF0000;
	font-weight: bold;
}

.StatusPedidoSurt {
	color: #0000FF;
	font-weight: bold;
}

/*
#pagecell1{
	position:absolute;
	top: 15px;
	left: 35px;
	right: 0px;
	width:735px;
	background-color: #ffffff;
}
*/
#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: #838383;
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: none;
}

a:link{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #666666;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	text-decoration:none;
}

a:visited{
	font-family: Tahoma, Arial, sans-serif;
	color: #336633;
	text-decoration: none;
}

a:hover{
	font-family: Tahoma, Arial, sans-serif;
	color: #666666;
	text-decoration: underline;
}

strong{
	font-family: Tahoma, Arial, Tahoma, Arial, sans-serif;
	font-size: 100%;
	font-style:oblique;
	color: #666666;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

h1{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 125%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 115%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 110%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

h6{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

th {
	text-align:left;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	background-color: #ffffff;
	text-shadow:Gray;
	text-align:center;
	text-decoration: none;
}

td {
	text-align:left;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 95%;
	color: #838383;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-decoration: none;
}

/************************************/
/* Form and related Tags            */
/************************************/  

label{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}
				
input{
	font-family: Tahoma, Arial, sans-serif;
	color: #666666;
}

textarea{
	font-family: Tahoma, Arial, sans-serif;
	color: #666666;
}

select{
	font-family: Tahoma, Arial, sans-serif;
	color: #666666;
}
/* HTML tag styles                             */
/***********************************************/

li {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 85%;
	color: #838383;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

#main{border:1px solid white;}
#body{border:1px solid gray;}
#recuadro{border:1px solid red;}

/*
div.top {
	height:28px; 
	background-image:url(images/bordes/top_line.gif); 
	background-repeat: repeat-x; 
	margin:2em 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(images/bordes/left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #a9d974; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(images/bordes/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:28px; 
	background-image:url(images/bordes/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina 
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 

*/
