/* Layout General */
* {
	padding: 0px;
	margin: 0px;	
}


body {
    background-color:white;
    color: black;
    font-family: "Verdana", sans-serif;
    font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#todo {
	width: 780px;
	margin: auto;
	padding: 0px;
	/* posicionamos la imagen de fondo de menus */
/*	background: url("../imagenes/linea_menus.png") no-repeat;
	background-position: 0px 102px;*/
}

#todoIndex {
	width: 775px;
	margin: auto;
	padding: 0px;
	/* posicionamos la imagen de fondo de menus */
	background: url("../imagenes/linea_menus.png") no-repeat;
	background-position: 0px 100px;
/*	background-color: black;
	height: 100%;*/
}

#contenidos {
	width: 775px;
	margin-top: 1px;
	clear: left;
/*	background-color: #E6E6E6;*/
	background: url("../imagenes/FondoContenidos.gif") repeat-y;
}

#contenidosIndex {
/*	width: 775px;
	margin: 0px;
	padding: 0px;*/
}

#PanelIzq {
/*	background: url("../imagenes/linea_menus.png") no-repeat;
	background-position: 0px 1px;*/
	width: 198px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: white;

}

#PanelCentro {
	margin-left: 201px;
	width: 572px;
	background-color: white;
	/*overflow: hidden;*/
}

#anim_superiorIzq {
	width: 198px;
	margin-bottom: 2px;
}


#lateralIzq {
/*	clear: left;
	float: left;*/
	width: 200px;
}

*.limpiador {
	clear: both;
}

#spacer_linea_menu {
	background: url("../imagenes/linea_menus.png") repeat-y;
	background-position: 0px 0px;
	height: 15px;
	width: 775px;
}

table.Layout td {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

*.Bloque {
	margin: 1px;
	padding: 1px;
	border-top-color: white;
	border-bottom-color: white;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #E6E6E6;
}

h2 {
	width: 568px;
	color: black;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-top: 5px;

}
#div_superior {
	background: #017cb3 url("../imagenes/superior.jpg");
	color: white;
	text-indent: -5000px;
	width: 776px;
	height: 73px;

	
}
#cuerpoHome {
	background: #017cb3 url("../imagenes/cuerpo.png");
	color: white;
	text-indent: -5000px;
	width: 575px;
	height: 367px;

}
		
*.centro {
	text-align: center;
}

/* Menues */
#contenedorMenu {
	background: url("../imagenes/linea_menus.png") repeat-y;
	background-position: 0px 0px;
	height: 15px;
	width: 776px;
	margin: 0px;
	padding: 0px;
}

/* Parche para el menu del index */
#contenedorMenuIndex {
	background-image: none;
	height: 17px;
	width: 577px;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
	padding-top: 1px;
}

#contenedorMenu :link, #contenedorMenu :visited, #contenedorMenuIndex :link, #contenedorMenuIndex :visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

#contenedorMenu *.itemMenu :link, #contenedorMenu *.itemMenu :visited, #contenedorMenuIndex *.itemMenu :link, #contenedorMenuIndex *.itemMenu :visited {
	color: white;
}

#menu {
	margin-left: 250px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#mnuProdServ {
	background-image: url("../imagenes/mnuProdServ.png");
	background-repeat: repeat-x;
	margin: 0px;
	margin-top: -66px;
	padding: 0px;
	width: 150px;
	/* Lo de abajo lo desactivamos asi anda en navegadores sin javascript
	visibility: hidden; 
	*/
}

#mnuSolInf {
	background-image: url("../imagenes/mnuSolInf.png");
	background-repeat: repeat-x;
	margin: 0px;
	margin-top: -84px;
	padding: 0px;
	width: 195px;
	/* Lo de abajo lo desactivamos asi anda en navegadores sin javascript
	visibility: hidden;
	*/
}

#contenedorMenuIndex #menu {
	margin-left: 147px;
}

#menu li {
	float: left;
}

#menu *.itemMenu {
	padding-left: 6px;
	padding-right: 6px;
}

#contenedorProdServ, #contenedorSolInf {
    border-right-style: solid;
    border-right-width: 1px;
	border-right-color: white;
}

#contenedorSolInf {
	
	width: 195px;
}

#contenedorProdServ {
	
	width: 150px;
}

#contenedorProductos {
	padding-left: 50px;	
}

/*
*.submenu {
	display: hidden;
}
*/
ul.itemsSubMenu {
	list-style-type: none;
	position: absolute;
	z-index :10;
	margin: 0px;
	padding: 0px;
}


ul.itemsSubMenu li {
	float: none;
	display: inline;
	margin: 0px;
	width: 100%;
	padding: 0px;
	text-align: center;
}

ul.itemsSubMenu img {
	margin: 0px;
	padding: 0px;
}


ul.itemsSubMenu li span {

	display: block;
	margin: 0px;
	/*width: 140px;*/
	padding: 3px 5px 3px 5px;

}

ul.itemsSubMenu a {
	display: block;
	margin: 0px;
}


ul.itemsSubMenu a:hover {
	background-color: #8ea6b2;
	background-position: 0px 0px;
/*	background-image: url("../imagenes/botCerrar.gif");*/
	/*color: blue;*/
}

ul.itemsSubMenu a:link, ul.itemsSubMenu a:visited {
	color: #004d69;
}


/* Formularios */
input {
	background-color: white;
	font-size: 10px;
}



input[type=text],textarea,input.inputBase, input[type=password] {
	color: black;
	background-color: white;
	border: #524F4E solid 1px;
	font-size: 10px;
}

textarea {
	font-size: 12px;
}

input[type=image] {
/*	margin: 0px;
	padding: 0px;
	*/
	margin-bottom: -3px;
/*	padding-bottom: -3px;*/
	padding-bottom: 0px;
}
input.input-box {
	color: #00364A;
	background: white;
	border: black solid 1px;
}

*.Boton-A {
	color: black;
	background: #E6E6E6;
	border: #524F4E solid 1px;
	font-size: 10px;
}


#txtUsr,#txtpass {
	width: 95px;
}

#btnOlvidoPass {
	float: left;
	margin: 0px 1px 2px 5px;
	padding: 0px 1px 2px 5px;

}

#btnLogin {
	margin-top: 5px;
	padding-top: 5px;
}

#loginPanelCentro {
	width: 200px;
}

*.txtCant {
	width: 12px;
}

select {
	color: black;
	background: white;
	border: #524F4E solid 1px;
	font-size: 10px;

}

*.resaltado {
	font-weight: bold;
	color: red;
}

*.captcha {
	float: right;
	width: 200px;
}

*.submitLink {
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
/*   cursor: hand;*/
}


/* Reportes y tablas */

.clear { clear: both; }

.txtInfo {
    font-size: 11px;
    color: #9C9999;
    font-weight: bold;
}

.txtAdvertencia {
    color: red;
}


*.txtError {
    background-color: #CBCBCB;
}

.txtInfoPeq {
    font-size: 9px;
    color: #9C9999;
    font-weight: bold;
}

.navPags {
    font-size: 12px;
    color: black;
    font-weight: bold;
    text-align: right;
    margin-top: 3px;
    padding-top: 5px;
    margin-bottom: 1px;
    padding-bottom: 1px; 
}

.navPags a:visited {
	font-size: 70%;
    color: #9C9999;
    font-weight: bold;
    text-align: right;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.navPags a:link {
	font-size: 70%;
    color: black;
    text-align: right;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.navBar {
	clear: right;
	height: 23px;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

caption.txtInfo {
    text-align: left;
}


table.listaProds {
  width: 570px;
  margin-top:0px;
}

table.listaProds td, table.listaProds th {
    border: 0px solid black;
    font-size: 10px;

}

table.listaProds a {
    color: black;
    text-decoration: none;
}
table.listaProds a:link {
    color: black;
    text-decoration: none;
}


table.listaProds a:visited {
    color: #9C9999;
    text-decoration: none;
}
table.listaProds th {
    background-color: white;
    color: black;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

table.listaProds tr.cab2 {
    background-color: #e3e4e3;
}

table.listaProds td.derecha {
    text-align: right;
}

table.listaProds td.centro {
    text-align: center;
}

table.listaProds td.izquierda {
    text-align: left;
}


table.listaProds tr {
  vertical-align: top;
  font-weight: normal;
  text-align: left;

}


table.listaProds tr:hover, *.comTotal:hover {
    background-color: #F2EFE8;
}

tr.impar, tr.impar *.comTotal /*, *.frmListado tr:nth-child(odd)*/ {
  background-color: #EDF2F6;
  border: 0px solid white;

}

tr.par, tr.par *.comTotal /*, *.frmListado tr:nth-child(even) */ {
  background-color: white;
  border: 0px solid white;
}

table.listaProds td {
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

tr.pend {
  background-color: #F4F4F4;
}



tr.impar td.compra{
  background-color: #DDEABF;
}

tr.par td.compra{
  background-color: #EEF5DF;
}


td.prodTer {
    border-left: 3px solid #dddddd;
    margin: 2px;
    padding: 2px;
}


tr.filaFatal {
	background-color: red;

}

tr.filaAdvertencia {
	background-color: #FFD100;

}

*.scrolleable {
	width: 100%;
	overflow: scroll;
}

*.frmListado tr {
	margin: 1px;
	background-color: #f5f5f5;

}


#mailHTML {
	width: 572px !important;
	overflow: auto;
}

/* Detalle de producto */

#todoEspecProducto {
	width: 569px;
    margin: auto;
    padding: 3px;

}

#especProd {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
	border-top-color: black;
	width: 560px;
/*	font-weight: bold;*/
}

#especProd *.ColIzq {
    float: left;
    width: 320px;
}

#especProd *.ColDer {
   float: right;
   width: 240px;
   
   /* Hacemos que esté centrada */
	display: table; 
   	height: 340px; 
   	
}

/* para centrar verticalmente */
#especProd *.ColDer form {

	display: table-cell;
	vertical-align: middle;

	
}
#todoEspecProducto h2 {
	color: black;
	font-size: 12px;
}

#especProd h3 {
	color: #006BAD;
	font-size: 12px;
}


/* Para arreglar formato de webs externas */
#todoEspecProducto *.asusweb img{
	padding-right: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

*.PrecioTotal,*.txtTotal {
	background-color: #B3D3E7;
	width: 95%;
	padding: 5px 0px 5px 0px;
}

*.txtTotal {
	float: right;
	width: 555px;
	padding: 5px 20px 5px 0px;
	margin-top: 15px;
	text-align: right;
}


*.BotoneraDetalle {
	list-style-type: none;
	text-align: right;
	margin: 5px;
	clear: right;

}

*.BotoneraDetalle li {
	margin: 5px;
	padding: 5px;
	text-align: right;
}

#CaracteristicasProd {
	width: 560px;
	overflow: auto;
	display: block;
	clear: right;
	margin-top: 20px;
}

#CaracteristicasProd h4 {
	width: 540px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
	border-bottom-color: black;
	font-size: 12px;
}

ul.solapas {
	list-style-type: none;

}

ul.solapas li {
	float: left;
	padding-right: 10px;

}

*.boton {
	cursor: pointer;
}

*.detallesCaractEspec {
	clear: both;
	padding-bottom: 15px;
	padding-top: 15px;
}

*.imagenesProducto {
	width: 290px;
	height: 340px;
}

*.imgNav {
	width: 290px;
	height: 20px;
	/*background-color: #b3d3e7;*/
}

*.imgNav *.botCen {
	width: 240px;
	text-align: center;
	float: left;
	font-weight: bold;
}

*.imgNav *.botIzq {
	width: 25px;
	text-align: right;
	float: left;
}

*.imgNav *.botDer {
	width: 25px;
	text-align: right;
	float: left;
}

*.imgNav *.botIzq, *.imgNav *.botDer {
	/*background-color: #99cccc;*/
}

*.comTotal {
    border: 0px solid white ! important;
    cursor: default;
    background-color: white;
}



#comTotal {
    border: 0px solid white;
    cursor: default;
    background-color: #B3D3E7;
}

*.txtCabezaMail {
	white-space: pre;
}

/* Textos y Ayuda */

*.containerTextos ul, *.containerTextos ol{
	padding-left: 35px;
}

*.containerTextos h3 {
	padding: 20px 10px 10px 10px;
}

*.containerTextos h4 {
	padding: 18px 8px 8px 8px;
}


*.containerTextos p {
	padding: 10px 8px 8px 8px;
}


*.containerTextos img {
	padding: 10px 0px 8px 4px;
}



/* Bloques */

/* En general */

ul.itemsBloque {
	list-style-type: square;
	list-style-image: url(../imagenes/cuadraditoAzul.png);
	margin: 5px 5px 5px 25px;
	font-size: 9px;
	font-weight: bold;
	padding: 0px;
}

ul.itemsBloque li {
	margin: 5px 0px 5px 0px;
}


ul.itemsBloque ul.subItemsBloque {
	list-style-image: none;
	font-size: 9px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
}

#PanelIzq a {
	text-decoration: none;
	line-height: normal;
	color: black;
}

#PanelIzq a:hover {
	font-weight: bold;
}

/* Bloque de Listas de precios*/
#bloqueListasPrecios p {
	font-size: 9px;
}

/* Bloque de destacados (Novedades)*/

#bloqueNovedades {
	height: 172px;
	background: url("../imagenes/fondoDestacados.png") no-repeat;

}

#bloqueNovedadesHorizontal {
	height: 111px;
	background: url("../imagenes/fondoDestacadosHorizontal.png") no-repeat;
}

#PanelCentro #div_BloqueDestacadosHorizontal {
	/*clear: both;*/
	padding-top: 1px;
	
}

#PanelIzq #div_bloqueDestacados {
	clear: both;
}


#PanelIzq *.contenidosDestacados {
	overflow: auto;
	margin: 15px 15px 0px 35px;
	height: 135px;
}

#PanelCentro *.contenidosDestacados {
	overflow: auto;
	margin: 12px 5px 0px 0px;
	height: 90px;
}

*.imgDestacados {
	float: left;
}

#PanelIzq *.contenidosDestacados ul {
	padding-left: 15px;
	font-size: 9px;

}

#PanelCentro *.contenidosDestacados ul {
	padding-left: 50px;
	font-size: 9px;
}

/* Bloque Listas Precios */


/* Bloque usuario */
#bloqueUsuario {
	font-size: 10px;
	text-align: center;
	padding-right: 8px;
}

#bloqueUsuario h3 {
	font-size: 12px;
	font-style: italic;
	font-weight: lighter;

}

#botoneraLogin {
	text-align: right;
	margin-right:0px;
}



#usrNombre {
	font-size: 12px;
	font-weight: bold;
}

#opsUsr {
	list-style-type: none;
	font-size: 9px;
	font-weight: 400;

	margin: 0px 0px 10px 5px;
	padding: 0px 0px 10px 5px;
}

#opsUsr li {
	background: url(../imagenes/fondoBotonGris_der.gif) no-repeat right top;
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	font-size: 9px;
}

#opsUsr a {
	text-decoration: none;
	color: #222222;
	line-height: normal;
	padding: 5px 5px 5px 5px;
	background: url(../imagenes/fondoBotonGris_izq.gif) no-repeat left top;
	display: block;
}

#opsUsr a:hover {
	font-weight: bold;
}

*.usrPass ul {
	list-style-type: none;

	margin: 0px;
	padding: 0px;
	text-align: right;
}

*.usrPass ul li {
	margin: 0px;
}


#modo {
	padding: 0px;
	margin: 0px;
	text-align: center;
	clear: left;
	margin-bottom: 2px;
}




/* Presupuestador */

#msgBienvenidaPresupuestador {
	background: #d7e5aa url(../imagenes/fondoBienvenidaPresupuestador.jpg) no-repeat;
	/*width: 574px;*/
	height: 126px;
	padding-top: 10px;
}

#msgBienvenidaPresupuestador h3 {
	background: url(../imagenes/tituloMsgBienvenidaPresupuestador.jpg);
	text-indent: -5000px;
	width: 400px;
	height: 30px;
	margin-top: 10px;
	margin-left: 79px;
}

#msgBienvenidaPresupuestador li,  #msgBienvenidaPresupuestador p{
	font-size: 9px;
	padding: 3px;
}

#msgBienvenidaPresupuestador ol {
	list-style: none;
	margin-left: 30px;
	margin-right: 15px;
}

#msgBienvenidaPresupuestador ol li.item1 {
	padding-left: 25px;
	background: url(../imagenes/item_01.png) no-repeat left top;
}

#msgBienvenidaPresupuestador ol li.item2 {
	padding-left: 25px;
	background: url(../imagenes/item_02.png) no-repeat left top;
}

#msgBienvenidaPresupuestador ol li.item3 {
	padding-left: 25px;
	background: url(../imagenes/item_03.png) no-repeat left top;
}

table.DetalleArmado {
	table-layout: fixed;
	width: 575px;
}

td.tituloClase {
	width: 60px;
}

td.comboClase {
	width: 100%;
}

td.cantClase {
	width: 20px;
}

td.detallesClase {
	width: 15px;
}


*.SelectPartes {
/*    width: 375px;*/
	width: 100%;
	color: black;
	background: white;
	border: #524F4E solid 1px;
	font-size: 10px;
}

*.SelectPartesRubros {
    /*width: 390px;*/
	color: black;
	background: white;
	border: #524F4E solid 1px;
	font-size: 10px;

    width: 100%;
}

*.SelectPartesItems {
/*    width: 280px;*/
	color: black;
	background: white;
	border: #524F4E solid 1px;
	font-size: 10px;

    width: 100%;
}

#VistaPreviaEncabezados {
    width: 565px;
/*    clear: both*/
}

#LogoDos20 {
    text-align: left;
/*    float: left;*/
}

#LogoCliente {
    text-align: right;
    float: right;
}

#VistaPrevia h1 {
    text-align: right;
    color: black;
}

#encabezado {
    font-size: small;
}

#pie {
    font-size: small;
}


#VistaPrevia {
    border-width: thin;
    border-style: outset;
    width: 570px;
}

#VistaPreviaCuerpo {
    clear: right;
	width: 565px;
/*	overflow: scroll;*/
}

#VistaPreviaDetalle {
	width: 560px;
}

div.precioUnit {
    width: 100px;
    text-align: right;
}

/* Mensajes */

#msgBienvenida,*.msgAdvertencia,*.msgInfo{
	width: 490px;
	min-height: 35px;
	padding: 3px 5px 3px 85px;
	margin: 0px;
}

#msgBienvenida {
	background: #669933 url(../imagenes/fondo_txtInfo.gif) repeat-y;
	color: black;

}

#msgBienvenida h2,*.msgAdvertencia h2,*.msgInfo h2 {
	text-align: left;
	font-size: 16px;
/*	font-weight: normal;	*/
    border-right-style: solid;
    border-right-width: 1px;
	border-right-color: white;
	padding-right: 6px;
	padding-top: 0px;
	width: auto;
	border-bottom-width: 0px;
	float: left;
}
#msgBienvenida h2 {
	color: black;
}


.msgAdvertencia {
	background: red url(../imagenes/fondo_txtError.gif) repeat-y;
	color: black;

}

.msgAdvertencia h2 {
	color: white;
}


.msgInfo {
	background: #669933 url(../imagenes/fondo_txtInfo.gif) repeat-y;
	color: black;
	font-size: 10px;
}

.msgInfo h2 {
	color: black;
}

.msgInfo p.txtInfo, #msgBienvenida p.txtInfo, .msgAdvertencia p.txtInfo {
	font-size: 11px;
	font-style: italic;
	color: black;
	font-weight: normal;
}


.msgDebug {
	background: #669933 url(../imagenes/fondo_txtDebug.gif) repeat-y;
	color: black;
	font-size: 12px;
	overflow: auto;
	min-height: 35px;
	padding: 3px 5px 3px 85px;
	margin: 0px;
}


#HTML_AJAX_LOADING {
	position: absolute;
	top:0px;
	right: 0px;
	border: 1px solid #f99;
	font-family: Arial, Helvetica, sans;
	background-color: red;
	width: 80px;
	padding: 4px;
	display: none;
}

*.msgListoTodos {
	display: none;
	float: right;
	color: #222222;
}

/* Formatos varios */
h3.nPedido {
	font-size: 10px;
	color: #006BAD;
	text-decoration: underline;

}

*.piePanelCentro {
	padding-top: 26px;
	text-align: center;
}

#Marcas {
	padding-top: 5px;
	text-align: center;
}


*.pedido {
	float: right;
}


/* Secciones institucionales */
*.logosSeccion {
	padding-top: 30px;
	margin-left: 40px;
	float: left;
}

*.logosSeccion div {
	margin: 10px;
	padding: 10px;
}

*.contenidosSeccion {
	padding-left: 200px;
	padding-top: 30px;
}

*.contenidosSeccion h2 {
	width: auto;
    border-bottom-width: 0px;
}

/* Helpers y fixers */
*.Oculto {
	display: none;
}


img {
    border-width: 0px;
}

#combosFiltros {
	visibility: visible;
	float: left;
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#combosFiltros p.txtInfo {
	margin: 0px;
	padding: 0px;
}

*.centrado {
	text-align:center;
/*    left: 50%;
  margin-top: -25%;
  margin-left: 50%;*/
}