/*
 Parametros generales
*/
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

	margin-left: 0px;
	margin-top: 30px;
	text-align: center;

	background: url(../images/districomp/background-page.jpg) repeat-x top;

}
 table.frameTop {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
  }
table.internalBody {
	background-color: #ffffff;
	margin-left: auto;
 	margin-right: auto;
	width: 770px;
}
table.frameFoot {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}
TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
A:link {
	color: #0a5dba;
	text-decoration: none;
}
A:visited {
	color: #000000;
	text-decoration: none;
}
A:hover {
	color: #000000;
	text-decoration: none;
}

.includeLogin {
	background: url(../images/districomp/pasword-background.png) no-repeat top center; 
	height: 136px;
}
.includeLogin td {
	padding: 10px 10px 0px 10px;
}

.includeLogin td table td {
	padding: 0px 0px 2px 0px;
}

/* 
 Top de pagina
*/
.frameTop {
}
.frameTopBody {
	background: url(../images/districomp/tittle-blank.gif) no-repeat right; 
}
.frameTopBodyLogo {
}
.frameTopBodySearch {
	margin-left: 0px;
	margin-top: 0px;
	text-align: right;
	height: 22px
}
.frameTopLine {
}
.frameTopLine table {
	background: url(../images/districomp/little_background.gif) repeat-x top;
 }
.frameTopLine table td {
	height: 20px;
}
.frameTopLineText {font-size: 11px;
     color: #FFFFFF;
}
.frameTopLineLangs {
}
.frameTopLineLink:link {font-size: 11px;
        color: #FFFFFF;
	/*color: #FEE000;*/
}
.frameTopLineLink:visited {
	color: #FFFFFF;
}
.frameTopLineLink:hover {
	color: #FEE000;
}
/* 
 Cuerpo de la pagina
*/
/* 
 Panel superior
*/
.frameUp {
}
/* 
 Linea de separacion
*/
.frameUpSep {
}
/*
 Contenido del tipo CON
*/
.frameUpCon {
}
.frameUpConTitle {
	font-weight:bold;
}
.frameUpConBody {
}
.frameUpConBodyLink:link {
}
.frameUpConBodyLink:visited {
}
.frameUpConBodyLink:hover {
}
/* 
 Panel central
*/
.frameCentral {
}
/* 
 Linea de separacion
*/
.frameCentralSep {
}
/*
 Contenido del tipo CON y CAT
*/
.frameCentralCon {
}
.frameCentralConSep {
}
.frameCentralConTitle {
	font-weight:bold;
}
.frameCentralConTitleLink:link {
	color: #666666;
}
.frameCentralConTitleLink:visited {
	color: #666666;
}
.frameCentralConTitleLink:hover {
	color: #666666;
}
.frameCentralConBody {
	padding: 2px;
}
.frameCentralConBodyLink:link {
}
.frameCentralConBodyLink:visited {
}
.frameCentralConBodyLink:hover {
}
/*
 Contenido del tipo BOX
*/
.frameCentralBox {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.frameCentralBoxSep {
	height: 10px;
}
.frameCentralBoxTitle {
	height: 15px;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/districomp/bar-background.gif);
	text-align: center;
}
.frameCentralBoxTitle2 {
	height: 15px;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/districomp/bar-background.gif);
	text-align: center;
}
.frameCentralBoxTitleLink:link {
	color: #FFFFFF;
}
.frameCentralBoxTitleLink:visited {
	color: #FFFFFF;
}
.frameCentralBoxTitleLink:hover {
	color: #FEE000; font-weight:bold;
}
.frameCentralBoxBody {
	padding: 2px;
margin-left:auto;
margin-right:auto;
}

.frameCentralBoxBodyQTY{
        font-size: 12px; 
        color: #0a5dba;
	font-weight:bold;
 position:relative;
bottom:5px;    
}

.frameCentralBoxBodyPrice {
	margin: auto;
	padding-top: 5px;
	font-size: 10px; 
	color: #FFFFFF;
	background: url(../images/districomp/readmore-button-sniva.png) no-repeat center;
	height: 31px;
	width: 100px;
}

.frameCentralBoxBodyPriceCI {
        margin: auto;
        padding-top: 5px;
        font-size: 10px;
        color: #FFFFFF;
        background: url(../images/districomp/readmore-button-coniva.png) no-repeat center;
        height: 31px;
        width: 100px;
}

.frameCentralBoxBodyLink:link {
	color: #666666;
font-size: 11px;
font-weight:bold;

}
.frameCentralBoxBodyLink:visited {
	color: #666666;
font-size: 11px;
font-weight:bold;
}
.frameCentralBoxBodyLink:hover {
	color: #666666;
font-size: 11px;
font-weight:bold;
}
.frameCentralBoxBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.frameCentralBoxBodyLI {
}
.frameCentralBoxBodyLI P {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 180px;
}
/*
 Contenido del tipo APP
*/
.frameCentralApp {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.frameCentralAppSep {
	height: 0px;
}
.frameCentralAppTitle {
	height: 15px;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/districomp/bar-background.gif);
	text-align: center;
}
.frameCentralAppTitleLink:link {
	color: #FFFFFF;
}
.frameCentralAppTitleLink:visited {
	color: #FFFFFF;
}
.frameCentralAppTitleLink:hover {
	color: #FFFFFF;
}
.frameCentralAppBody {
	padding: 2px;
}
/*
 Panel derecho
*/
.internalBodySepRight {
width: 2px;
}

.frameRightTD {
width: 180px;
}
.frameRight {
padding-top: 5px;
}
/* 
 Linea de separacion
*/
.frameRightSep {
}
/*




 Contenido del tipo CON
*/
.frameRightCon {
	background-color: #f7f7f7;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.frameRightConSep {
	height: 5px;
}
.frameRightConTitle {
	background-color: #586b89;
	text-align: left;
	text-indent: 2px;
}
.frameRightConTitleLink:link {
	color: #ffffff;
}
.frameRightConTitleLink:visited {
	color: #ffffff;
}
.frameRightConTitleLink:hover {
	color: #ffffff;
}
.frameRightConBody {
	padding: 2px;
}
.frameRightConBodyLink:link {
}
.frameRightConBodyLink:visited {
}
.frameRightConBodyLink:hover {
}
/*
 Contenido del tipo BOX y CAT
*/
.frameRightBox {
	background-color: #f7f7f7;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.frameRightBoxSep {
	height: 5px;
}
.frameRightBoxTitle {
	background-color: #586b89;
	text-align: left;
	text-indent: 2px;
}
.frameRightBoxTitleLink:link {
	color: #ffffff;
}
.frameRightBoxTitleLink:visited {
	color: #ffffff;
}
.frameRightBoxTitleLink:hover {
	color: #ffffff;
}
.frameRightBoxBody {
	padding: 2px;
}
.frameRightBoxBodyLink:link {
}
.frameRightBoxBodyLink:visited {
}
.frameRightBoxBodyLink:hover {
}
.frameRightBoxBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.frameRightBoxBodyLI {
	list-style-image: url(../images/trans_arrow.gif);
	list-style-type: none;
}
.frameRightBoxBodyLI P {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 144px;
}
/*
 Contenido del tipo APP
*/
.frameRightApp {
	background: url(../images/districomp/side-background-top.jpg) no-repeat center top;
}
.frameRightApp td {
	padding: 10px 10px 0px 10px;
}
.frameRightApp td table td {
	padding: 0px;
}
.frameRightAppSep {
	height: 0px;
}
.frameRightAppTitle {
	font-weight:bold;
	text-align: center;
	height: 20px;
	font-size: 12px;
}
.frameRightAppTitleLink:link {
	color: #0552A6;
}
.frameRightAppTitleLink:visited {
	color: #0552A6;
}
.frameRightAppTitleLink:hover {
	color: #0552A6;
}
.frameRightAppBody {
	background: url(../images/districomp/side-background-middle.jpg) repeat-y center;
}
.frameRightAppClose {
	background: url(../images/districomp/side-background-down.jpg) no-repeat bottom center;
	height: 18px;
}
/*
 Pie de pagina
*/
.frameFoot {
}
.frameFootSep {
}
.frameFootBody {
}
/**********************************************************
    Aqui arrancan los estilos para las demas plantillas
**********************************************************/
/*
 Estilo para los contenidos, url y archivos relacionados (todos los templates que lo incluyan)
*/
.relCont {
}
.relContSep{
	height: 30px;
}
/*
 Contenidos relacionados
*/
.relContFixedContents {
}
.relContFixedContentsSep {
	height: 10px;
}
.relContFixedContentsTitle {
	background-image: url('/images/pegar.gif');
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	font-weight: bold;
	text-indent: 22px;
	vertical-align: middle;
}
.relContFixedContentsBody {
}
.relContFixedContentsBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.relContFixedContentsBodyLI {
	list-style-type: none;
	margin-bottom: 5px;
}
.relContFixedContentsBodyLI P {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 160px;
}
.relContFixedContentsBodyLink:link {
}
.relContFixedContentsBodyLink:visited {
}
.relContFixedContentsBodyLink:hover {
}
/*
 Archivos adjuntos
*/
.relContAttachedFiles {
}
.relContAttachedFilesSep {
	height: 10px;
}
.relContAttachedFilesTitle {
	background-image: url('/images/import[1].gif');
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	font-weight: bold;
	text-indent: 22px;
	vertical-align: middle;
}
.relContAttachedFilesBody {
}
.relContAttachedFilesBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.relContAttachedFilesBodyLI {
	list-style-type: none;
	margin-bottom: 5px;
}
.relContAttachedFilesBodyLI P {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 160px;
}
.relContAttachedFilesBodyLink:link {
}
.relContAttachedFilesBodyLink:visited {
}
.relContAttachedFilesBodyLink:hover {
}
/*
 URLs asociadas
*/
.relContAttachedURLs {
}
.relContAttachedURLsSep {
	height: 10px;
}
.relContAttachedURLsTitle {
	background-image: url('/images/enlace.gif');
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	font-weight: bold;
	text-indent: 22px;
	vertical-align: middle;
}
.relContAttachedURLsBody {
}
.relContAttachedURLsBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.relContAttachedURLsBodyLI {

	list-style-type: none;
	margin-bottom: 5px;
}
.relContAttachedURLsBodyLI P {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 160px;
}
.relContAttachedURLsBodyLink:link {
}
.relContAttachedURLsBodyLink:visited {
}
.relContAttachedURLsBodyLink:hover {
}
/*
  Para todos los contenidos (tags genericos)
*/
.contentTitle {
	font-weight: bold;
	font-size: 12px;
}
.contentSubTitle {
	background-color: #CBCFDC;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
}
.contentBody {
	padding-left: 10px;
	padding-top: 10px;
}
/*
 Este esta para los titulos de las busquedas o demas
*/
.contentBodyTitle {
	font-weight: bold;
	font-size: 13px;
}
.contentBodyLink:link {
    color: #0a5dba;
}
.contentBodyLink:visited {
    color: #0a5dba;
}
.contentBodyLink:hover {
    color: #0a5dba;
}
.contentBodyTable {
}

.contentMsgView{
        border:0px;
	height:100px;
	width:400px;
     /*  text-align: center;*/
}

.contentMsgView tr td{
	font-size: 15px;
        color: #0a5dba;
      font-weight: bold;
}

.contentMsg {
	color: #0a5dba;
}
.contentBodyUL {
 	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.contentBodyLI {
	list-style-image: url("/images/blue_arrow_02.gif");
	list-style-type: none;
}
/*
 Estilos para foro
*/
.contentForumModeratorTitle {
	font-weight: bold;
}
.contentForumModeratorNames {
	font-style: italic;
}
/*
 Estilos para tablas dentro del body
*/
.contentBodyColTitle {
	font-weight: bold;
	background-color: #0a5dba;
	color: #FFFFFF;
	text-indent: 5px;
text-align:center;

}
.contentBodyRowSep {
	background-color: #9AC8FA
}
.contentBodyRow1 {
	background-color: #F2F4F7;
margin-left:auto;
margin-right:auto;
}


a.contentCart{
       position:relative;
       /*bottom:-7px;*/
}

a.contentCartPrice{
       position:relative;
       bottom:-1px;
      font-size: 10px;
      color:#FFFFFF;
}

.detalleProdInputPrice{
 position:relative;
bottom:8px;    
width: 35px; 
height:22px;
 font-size: 11px
}

.contentBodyRow1Link:link {
}
.contentBodyRow1Link:visited {
}
.contentBodyRow1Link:hover {
}
.contentBodyRow2 {
	background-color: #F8F9FA;
}
.contentBodyRow2Link:link {
}
.contentBodyRow2Link:visited {
}
.contentBodyRow2Link:hover {
}
.contentBodyPending {
	background-color: #F9B5A4;
}
.contentBodyPendingLink:link {
}
.contentBodyPendingLink:visited {
}
.contentBodyPendingLink:hover {
}
/*
 Para la busqueda
*/
.contentSearchRow1 {
}
.contentSearchRow2 {
	background-color: #E8F2FD
}
/*
 Estos tags son propios del nuewsletter (ver si se colocan en un CSS distinto)
 de ser asi, agregar los tags genericos (BODY, TD, etc)
*/
 .contentNL {
       background-color: #ffffff;
 }
 .contentNLTitle {
	background-color: #92A0B8;
 	font-weight: bold;
	font-size: 15px;
	text-indent: 15px;
	height: 20px;
	color: #ffffff;
}
.contentNLSep {
	height: 15px;

}
.contentNLBody {
	background-color: #F3F5F8;
}
.contentNLBodyTitle {
	background-color: #E1E6EC;
 	font-weight: bold;
	font-size: 12px;
	text-indent: 20px;
	height: 20px;
}
.contentNLBodyFoot {
	background-color: #5B6B84;
	height: 15px;
}
.contentNLBodySep {
	height: 10px;
}
/*
 Propios de la encuesta (para el resultado)
 Se asignan 5 valores, si hay mas resultados, se repiten
*/
.contentSurveyResult1 {
	background-color: #99CC99;
	color: #FFFFFF;
}
.contentSurveyResult2 {
	background-color: #99CCCC;
	color: #FFFFFF;
}
.contentSurveyResult3 {
	background-color: #99CCFF;
	color: #FFFFFF;
}
.contentSurveyResult4 {
	background-color: #CCCCFF;
	color: #FFFFFF;
}
.contentSurveyResult5 {
	background-color: #FFCCFF;
	color: #FFFFFF;
}


/* table menu top */
.t_menu_top {
	background: url(../images/districomp/find-blue-background.gif);
}

/* level 0 inner */
.iout_0_top {
	margin: 10px 0 0 10px;
	color: #ffffff;
}
.iover_0_top {
	margin: 10px 0 0 10px;
	color: #ffffff;
}
/* level 0 outer */
.oout_0_top {
	background: #2D58A3 url(../images/districomp/button-up.gif) no-repeat top right;

}
.oover_0_top {
	background: #3660B4 url(../images/districomp/button-down.gif) no-repeat top right;
}
/* level 1 inner */
.iout_1_top {
	margin: 4px 0 0 5px;
	color: #FFFFFF;
/*	text-transform: lowercase; */
}
.iover_1_top {
        margin: 4px 0 0 5px;
        color: #FFFFFF;
/*        text-transform: lowercase; */
}
/* level 1 outer */
.oout_1_top {
        border: 1px solid #1F3E72;
        padding 0;
	background: #2D58A3;
}
.oover_1_top {
        border: 1px solid #1F3E72;
        padding 0;
        background: #3660B4;
}


/***************************************************************************/
/***************************************************************************/

.searchfieldtd {
        background-image: url(../images/districomp/find-blue-background.gif);
width:175;
height:38;
}
.searchfieldbg {	
	background: url(../images/districomp/find-background.gif);	
	height:23px;
	width:168px;
	margin-top:3px;
}

.searchfield {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	border:0px;
	height:15px;
	width:135px;
	margin: 3px 0px 0px 18px; 
}
.mnubtnhometd {
width:118;
height:38;
}

/** Preview carrito de compra **/
.shoppingCartProductPreView{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #666666;
}

.shoppingCartPreView{
      border: 1px solid #0a5dba;
      margin-right:auto;
margin-left:auto;
}

.shoppingCartTextPreView{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #0a5dba;
        height:10px;
}

.shoppingCartLinkPreView:link {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #0a5dba;
        height:10px;
}
.shoppingCartLinkPreView:visited{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #0a5dba;
        height:10px;
}

.shoppingCartLinkPreView:hover {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #0a5dba;
        height:10px;
}


.shoppingCartTitlePreView{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       background-color: #0a5dba;
      color: #FFFFFF;
       height:12px;
}


.elementoVisible {display:block;width: 100%;}
.elementoOculto {display:none;width: 100%;}
.linkContraido {
     cursor: pointer;
     /*background: #color url(direccionURL_imagenContraido) no-repeat;*/
    /* width: 100%;*/
     [propiedades de los textos]
}
.linkExpandido {
     cursor: pointer;
     /*background: #color url(direccionURL_imagenExpandido) no-repeat;*/
    /* width: 100%;*/
     [propiedades de los textos]
}


.includeLoginUsr{
   color:#FFFFFF;
   font-size: 11px;
}

.includeLoginPsw{
    color:#FFFFFF;
    font-size: 11px;
}

.includeLoginReg{
font-size: 11px;
     color: #FFFFFF;

}

.contentOrder{
  font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       background-color: #0a5dba;
      color: #FFFFFF;
  height:12px;
}

.contentTextOrder{
 font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
      color: #000000;
       height:12px;

}

.contentTitleOrder{
font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
      color: #0a5dba;
       height:12px;
}

.contentForgetPassword{
 font-size: 11px;
     color: #FFFFFF;
}

tableProducts tr{
width=50;
}

.cartRegister{
    position:relative;
   bottom:-8px;  
}

.contentButtonEnviar{
background: url(../images/districomp/aceptar-button.png) no-repeat center;
height:23px;
width:100px;
}

.contentTextRegUser{
 font-size: 11px;
 color: #666666;
text-align:justify;
}

.qtycartProd{
   position:relative;
   bottom:2px;  
}

.imageUpdateProd{
position:relative;
   bottom:-3px;  
}

.buscoCartuchoPreView {
background: url(../images/districomp/BUSCADOR-INSUMOS.png) no-repeat center;
height:230px;
}
.buscoCartuchoPreView td {
text-align:center;
}
.buscoCartuchoPreView SELECT {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
width: 150px;
}
.buscoCartuchoPreViewMT {
height:70px;
}
.buscoCartuchoPreViewTitle {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        color: #FFFFFF;
}
.filtroCartuchos input { margin-top: 10px; }

.depositobroudisc {
        font-size: 10px;
        color: #666666;
}



/* 
 * Estilo para el menu !!!
 */
.arrowlistmenu{
	width: 183px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 11px;
font-weight: bold;
color: #526576;
margin: 0px 0px 0px 0px; 
padding: 1px 0px 0px 15px;
cursor: hand;
cursor: pointer;
height: 21px;
}

.arrowlistmenu .openheader{

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.arrowlistmenu div{ 
}

.arrowlistmenu div div{ 
padding: 2px 10px 2px 10px;
margin: 0px 0px 0px 0px;
color:  #526576;
}

.arrowlistmenu ul li{
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 16px;
}

.arrowlistmenu ul li a{
color: #526576;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-decoration: none;
}

.arrowlistmenu ul li a:visited{
color: #526576;
}

.arrowlistmenu ul li a:hover{
color: #526576;
}

.arrowlistmenu .menuheader a{
text-decoration: none;
color:  #526576;
}

.arrowlistmenu .menuheader a:visited{
color:  #526576;
}

.arrowlistmenu .menuheader a:hover{
color:  #526576;
}