body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
}


a:link, a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #111111;
	text-decoration:none;
}



.piepagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EEEEF0;
	padding: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
}


.home_titulos {
	font-size: 13px;
	font-weight: bold;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
}




/******* SUBMENU **************************/


#navcontainer { width: 800px;  xxbackground-color: #305CA7; margin-top:5px; border-top: 0px solid  #9CACDA;
position: absolute; margin-left:165px;  }

#navcontainer ul li { display: inline; }

#navcontainer ul {
margin: 0;
padding: 0 0 0 18px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
font-weight:bold;
}

#navcontainer ul li a  {
	padding: 1px 12px 1px 12px;
	color: #151515;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #838383;
	font-weight: bold;
}

#navcontainer li a:hover
{
	color: #000000;
	text-decoration: none;
	text-align: left;
		/*background-color: #C7F396; Barra Principal Inicio Mis Datos Mis Proformas*/
	background-color: #C7F396;
}






#sm1 { width: 180px; height: 14px; position:absolute; margin-left: 235px; top: 104px;  z-index: 11; }
#sm2 { width: 180px; height: 14px; position:absolute; margin-left: 325px; top: 104px;  z-index: 11; }

#sm1b { width: 180px; height: 14px; position:absolute; margin-left: 185px; top: 104px;  z-index: 11; }
#sm2b { width: 180px; height: 14px; position:absolute; margin-left: 260px; top: 104px;  z-index: 11; }


/******* NAV container VERTICAL ****************************/

/* #navcontainer_vertical {   background-color: #7DD81B;} */
#navcontainer_vertical {   background-color: #E2E2E2;}
#navcontainer_vertical ul li { display: inline; }
#navcontainer_vertical ul {
margin: 0;
padding: 0 0 0 0;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
}
#navcontainer_vertical ul li a  {
	padding: 4px 6px 4px 6px;
	color: #141414;
	text-decoration: none;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}
#navcontainer_vertical a:hover {
	color:#000000;
	background-color: #C7F396;
}





/******* Zona Superior **************************/

#menuempresa {

	position:absolute;
	top:3px;
	margin-left:190px;
}

#menuempresa a { color:#444;
}

.micarrotexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
}
.micarrotexto a {

	color: #60A514;

}

.carroprecio {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
}


#login {
	position:absolute;
	top:30px;
	margin-left:190px;
}



#z_fecha {
width:250px;
text-align:right;

	position:absolute;

	top:3px;
	margin-left:705px;
	border: 0px solid #f00;
	color:#9F9F9F;

}

#micarro {
width:180px;
height:40px;
top:26px;
margin-left:775px;
position:absolute;
border: 0px solid #f00;
background-image:url(../Imagenes/Sitio/micarro_fondo.gif);
}



#micarro_venta {
width:180px;
height:40px;
top:26px;
margin-left:775px;
position:absolute;
border: 0px solid #f00;
background-image:url(../Imagenes/Sitio/micarro_fondo.gif);
}

.inputlogin {
	width: 80px;
	padding: 2px;

	color: #333333;
}
.loginboton {
	font-size: small;
	width: 50px;
}



/******* Zona Columna Izquierda **************************/

.inputmenubusca {
	font-size: small;
	width: 112px;
	color: #333333;
}
.inputbotonbusca {
	font-size: small;
	width: 47px;
	height: 22px;
}
.inputmenulistbox {
	color: #333333;
	width: 164px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



.menucategorias {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
}

.menucategorias a {
color: #333333;
}



/******* Contenido **************************/


.titulogrupo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

.ruta {
	color: #333333;
	font-weight: bold;
}
.ruta_fondo {
	background-color: #FDEECC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC66;
}


/* pagina grupos */
.columna2menu {
	line-height: 1.8em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.columna2titulo {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}


.titulos_registro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	background-color: #E2E2E2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}



.tabla_collapse {
	border-collapse:collapse;
	padding: 2px;
}
.tabla_collapse2 {
	border-collapse:collapse;
	padding: 2px;
	height:265px;
}
.tabla_titulos {
	font-weight: bold;
	background-color: #D1D3D6;
	text-align: center;
}

.tabla_valores {
	height: 26px;
	padding-left: 5px;
	background-color: #FFFFFF;
}


.tabla_titulosvertical {

	font-weight: bold;
	background-color: #E0E0E0;
	text-align: left;
}
.form_tit {
	font-weight: bold;
	color: #333333;
}



.ficha_titulo {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.ficha_parrafo {
	line-height: 1.5em;
}

.contenedor_grupos_etiqueta_ {BORDER: #cccccc 1px solid; 
	PADDING: 1px; 
	MARGIN: 1px;
	
	TEXT-ALIGN: center;
	FLOAT: left; 
	
	width: 140px;
	height:170px;
	font-size:10px;
	color:#666666;
	margin-right:1px;
	margin-bottom:3px;
}

.contenedor_grupos_etiqueta_4 {BORDER: #cccccc 1px solid; /*Normal*/
	PADDING: 1px; 
	MARGIN: 1px;
	
	TEXT-ALIGN: center;
	FLOAT: left; 
	
	width: 140px;
	height:170px;
	font-size:10px;
	color:#666666;
	margin-right:1px;
	margin-bottom:3px;
		background-repeat: no-repeat;
}

.contenedor_grupos_etiqueta_1 {BORDER: #cccccc 1px solid; /*Nuevo*/ 
	PADDING: 1px; 
	MARGIN: 1px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width: 140px;
	height:170px;
	font-size:10px;
	color:#666666;
	margin-right:1px;
	margin-bottom:3px;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_nuevo.jpg);
}


.contenedor_grupos_etiqueta_2 {BORDER: #cccccc 1px solid; /*Agotado*/
	PADDING: 1px; 
	MARGIN: 1px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width: 140px;
	height:170px;
	font-size:10px;
	color:#666666;
	margin-right:1px;
	margin-bottom:3px;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_agotado.jpg);
}

.contenedor_grupos_etiqueta_3 {BORDER: #cccccc 1px solid; /*Oferta*/
	PADDING: 1px; 
	MARGIN: 1px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width: 140px;
	height:170px;
	font-size:10px;
	color:#666666;
	margin-right:1px;
	margin-bottom:3px;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_oferta.jpg);
}




.contenedor_home {BORDER: #cccccc 1px solid; 
	PADDING: 1px; 
	MARGIN: 0px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width:215px;
	height:115px;
	font-size:10px;
	color:#666666;
}


.contenedor_home_etiqueta_oferta {BORDER: #cccccc 1px solid; 
	PADDING: 1px; 
	MARGIN: 0px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width:215px;
	height:115px;
	font-size:10px;
	color:#666666;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_oferta.jpg);
}

.contenedor_home_etiqueta_nuevo {BORDER: #cccccc 1px solid; 
	PADDING: 1px; 
	MARGIN: 0px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width:215px;
	height:115px;
	font-size:10px;
	color:#666666;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_nuevo.jpg);
}

.contenedor_home_etiqueta_agotado {BORDER: #cccccc 1px solid; 
	PADDING: 1px; 
	MARGIN: 0px;
	TEXT-ALIGN: center;
	FLOAT: left; 
	width:215px;
	height:115px;
	font-size:10px;
	color:#666666;
	background-repeat: no-repeat;
	background-image: url(../Imagenes/etiqueta_agotado.jpg);
}


/******* Formularios **************************/

.botonx0 {
	font-size: x-small;
	width: 50px;
}

/**** **/


.botonx1 {
	font-size: x-small;
	width: 65px;
}
.botonx1Next {
	font-size: x-small;
	width: 65px;
	border-color:#86DA28;
}
.botonx1Next:hover
{
	background:#86DA28;
	text-decoration:none;
}

.botonx1Back {
	font-size: x-small;
	width: 65px;
	border-color:#3284D6;
}
.botonx1Back:hover
{
	background:#3284D6;
	text-decoration:none;
	color:White;
}

/** **/
.botonx2Next {
	font-size: x-small;
	width: 130px;
	border-color:#86DA28;
}
.botonx2Next:hover
{
	background:#86DA28;
	text-decoration:none;
}

.botonx2Back {
	font-size: x-small;
	width: 130px;
	border-color:#3284D6;
}
.botonx2Back:hover
{
	background:#3284D6;
	text-decoration:none;
	color:White;
}


/** **/
.botonx3Next{
	font-size: x-small;
	width: 180px;
	border-color:#86DA28;
}
.botonx3Next:hover
{
	background:#86DA28;
	text-decoration:none;
}

.botonx3Back {
	font-size: x-small;
	width: 180px;
	border-color:#3284D6;
}
.botonx3Back:hover
{
	background:#3284D6;
	text-decoration:none;
	color:White;
}


.form_listbox250 {
	width: 250px;
	color: #111111;
}
.botonx2 {
	font-size: x-small;
	width: 130px;
}
.botonx3 {
	font-size: x-small;
	width: 180px;
}

.botonx2rojo {
	font-size: x-small;
	width: 130px;
	color: #C10000;
}


.login_fondo {
	background-color: #FDEECC;
	border: 1px solid #FFCC66;
}

.box_small {
	font-size: xx-small;
	color: #444444;
}

.boton_small {
	font-size: 9px;
	padding:0em;
}


.botonx2_excel {
	font-size: x-small;
	width: 130px;
	color: #007900;
}

/*  Nuevos Estilos agregados a partir del 16 septiembre 2009 */

.menucat1  
{
border: 1px solid #999999;
background-color:#A2CAF2;
background-image:url(../imagenes/fondo-categoria-1.png);
background-repeat:repeat-x;
text-align:center;
padding: 10px 3px 10px 3px;
margin-top:5px;    
}

#menucat1 {
border: 1px solid #999999;
background-color:#A2CAF2;
background-image:url(../imagenes/fondo-categoria-1.png);
background-repeat:repeat-x;
text-align:center;
padding: 10px 3px 10px 3px;
margin-top:5px;
}

#menucat2 {
border: 1px solid #999999;
background-color:#C8F0A4;
background-image:url(../imagenes/fondo-categoria-2.png);
background-repeat:repeat-x;
text-align:center;
padding: 10px 3px 10px 3px;
margin-top:5px;
}

#menucat3 {
border: 1px solid #999999;
background-color:#F5DB9E;
background-image:url(../imagenes/fondo-categoria-3.png);
background-repeat:repeat-x;
text-align:center;
padding: 10px 3px 10px 3px;
margin-top:5px;
}

#menucat4 {
border: 1px solid #999999;
background-color:#C4A0F3;
background-image:url(../imagenes/fondo-categoria-4.png);
background-repeat:repeat-x;
text-align:center;
padding: 10px 3px 10px 3px;
margin-top:5px;
}



.estilo_clase {
padding: 5px;
background-color:#EEEEF0;
border-bottom: 1px solid #999999;
}
.estilo_clase a:hover {
background-color:#FFFFFF;
}

.familia_contenedor {
position: absolute;
margin-left:100px; }

.estilo_familia {
padding: 5px;
background-color:#EEEEF0;
border-bottom: 1px solid #999999;
}

.estilo_familia_Sel {
padding: 5px;
background-color:#0000FF;
}

.estilo_familia a:hover {
background-color:#FFFFFF;
}


/****************** Adicionales *************************/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalBackground2 {
	background-color:Gray;
	filter:alpha(opacity=95);
	opacity:0.9;
	border-width:1px;
	top:5%;
	border-style:solid;
	border-color:Gray;

    
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}

.lat_txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #444444; padding-left: 5px}
.lat_txt A:link {COLOR: #444444 ; BACKGROUND-COLOR: #; text-decoration:none;}
.lat_txt A:visited {COLOR: #444444 ; BACKGROUND-COLOR: #; text-decoration:none;}
.lat_txt A:hover {COLOR: #339933; BACKGROUND-COLOR: #; text-decoration:none;}
/*********** Pruebas adapter *************/
#AspNet-Menu { background-color: #305CA7; margin-top:5px; border-top: 0px solid  #9CACDA;
               }

#AspNet-Menu ul li { display: inline; }

#AspNet-Menu ul {
margin: 0;
padding: 0 0 0 18px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
font-weight:bold;
}

#AspNet-Menu ul li a  {
	padding: 1px 12px 1px 12px;
	color: #151515;
	text-decoration: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #838383;
	font-weight: bold;
}

#AspNet-Menu li a:hover
{
	color: #000000;
	text-decoration: none;
	text-align: left;
	background-color: #C7F396;
}


/****************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/****test css menu dinamico*****/
.item
{     
width : 179px;
height : 25px;
background-image : url(../image/button-search.gif);
background-repeat : no-repeat;
/* background-color : #7DD81B; */
/* background-color : #EEEEF0;*/
background-color : #E2E2E2;
color : #FFFFFF;
margin-bottom : 0.1em;
}
html>body #mainnav .item {padding:0.5em 0.5em;}   
.hover
 {
 background-color:#C7F396;
 }
.selected 
{
background-image :  url(../imagenes/button-search.gif);
background-repeat : no-repeat;
padding : 0 1em 0 3em;
background-color : #C7F396; 
 }
html>body #mainnav .selected {padding:0 0.5em 0 1.5em;}
.menu0 a
{
	color: #000000;
	text-decoration: none;
	text-align: left;
	background-color: #C7F396;
}

.imagenProductosOferta a
{
    background-image: url(../Imagenes/Sitio/ProductosOferta_00.gif);
}
.imagenProductosOferta a:hover
{
    background-image: url(../Imagenes/Sitio/ProductosOferta_01.gif);
}