body {background-color: #FFFFFF; 	margin-left: 0px; 	margin-top: 0px; 	font-family: Arial; 	font-size: 10pt;  background: url(../imagenes/punto_2025.jpg) repeat;  }



p {font-family: Arial; font-size: 10pt; text-align: justify; color: #154253; }

/*td {font-family: Arial; font-size: 10pt; color: #154253; padding: 2px 2px 2px 10px; }*/

b {font-family: Arial; color: #154253; }

ol {font-family: Arial; font-size: 10pt; color: #154253; }

ul {font-family: Arial; font-size: 10pt; color: #154253; }

.linormal {

	font-family: Arial;

	font-size: 10pt;

	color: #154253;

	margin-left: 20px;

	list-style-image: url(../imagenes/puntoul.gif);

}

/*td {font-family: Arial; font-size: 10pt; color: #154253; text-align: left;}*/
td {font-family: Arial; font-size: 10pt; color: #154253;}

form {margin: 0pt; padding: 0pt; top: 0px; }

input {font-family: arial; font-size: 10pt; color: #154253; background-color: #eff3fa; }/*este input tiene problemas con el de rrr_reset.css, deshabilite aquel a ver que pasa*/

input.buscar {

	font-weight: bold;

	border-color: #0793ce;

	border-radius: 5px;

	color: white;

	background-image: url(../imagenes/fondo_buscar_menu.jpg);

}
input.image {
	background: #ff4500;
}

select {font-family: Arial; font-size: 10pt; color: #154253; background-color: #eff3fa; }

select.menu {font-size: 10pt; color: #154253; background-color: #daecfa; }

.opt-menu-rojo {color: #FF0000; }

.opt-menu-amarillo {color: #ff5b01; }

textarea {font-family: Arial; font-size: 10pt; color: #154253; background-color: #eff3fa; }

.centro {text-align: center; }

.centron {text-align: center; font-weight: bold; }

.centromenu {text-align: center; background: url(../imagenes/fondo-tdmenuh.jpg); }

.der {text-align: right; }

.izq {text-align: left; }

.rojo {color: #FF0000; }

.verde {

	color: #228b22;

}

.rojoqmg {color: #e2013d; }

.rojoc {font-family: Arial; font-size: 10pt; text-align: center; color: #FF0000; }

.tdder {	text-align: right;}

.tdtitulo { font-size: 10pt; text-align: center; font-weight: bold;	background: url(../imagenes/fondo-celda-tdtitulo.jpg); padding-top: 8px;  padding-bottom: 8px;  }

.tdtituloizq { font-size: 10pt; 	color: #383001; 	text-align: left; 	font-weight: bold; 	background: url(../imagenes/fondo-celda.jpg);  padding-top: 5px;  padding-bottom: 5px;  }

.tdtitulo01 {font-family: "Century Gothic"; font-size: 10pt; color: #154253; text-shadow: 2px 2px 3px #c0c0c0;	background: url(../imagenes/fondo_titulo01.jpg);  letter-spacing: 2px;}

.tdtitulo02 {font-family: "Century Gothic"; font-size: 10pt; color: #154253; text-shadow: 2px 2px 3px #c0c0c0;	background: url(../imagenes/fondo_titulo02.jpg);  letter-spacing: 1px;}

.tdmenuh { font-size: 10pt; 	color: #fcf2f8; text-align: right; font-weight: bold; background: url(../imagenes/fondo-tdmenuh.jpg);  }

.tdcontenido { 	font-size: 10pt; 	color: #154253; /*	background-color : #DEDDB1;*/ }

.tdgrisclac {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; color: #3E647E; text-align: center; background-color: #D5DEE5;}

.tdtituloproducto {font-family: Arial,Verdana,Helvetica,Sans-Serif; font-size: 10pt; 	font-weight: bold; color: #3E647E; text-align: left; background-color: #D5DEE5;}

.tdinicio{

	font-size: 10pt;

	color: #154253;

	font-weight: bold;

	padding: 20px;

}



.imgder {float: right; clear: none; border: 3px groove #DAA520; }

.imgdersinborde {float: right; clear: none; }

.copyrigth {

	font-family: Arial;

	font-size: 10pt;

	color: #000000;

}


/**/

a:link {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }

a:visited {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }

a:hover {font-family: Arial; text-decoration: underline; font-size: 10pt; color: #FF0000}

a:active {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }



a.menu:link {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }

a.menu:visited {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }

a.menu:hover {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }

a.menu:active {font-family: Arial; text-decoration: none; font-size: 10pt; color: #154253; }



a.diseno:link {font-family: Arial; text-decoration: none; font-size: 10pt; color: #72c3eb; }

a.diseno:visited {font-family: Arial; text-decoration: none; font-size: 10pt; color: #72c3eb; }

a.diseno:hover {font-family: Arial; text-decoration: underline; font-size: 10pt; color: #FF0000}

a.diseno:active {font-family: Arial; text-decoration: none; font-size: 10pt; color: #72c3eb; }



a.menup:link {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }

a.menup:visited {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }

a.menup:hover {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #0793cd; }

a.menup:active {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }



a.menun:link {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }

a.menun:visited {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }

a.menun:hover {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #f4f9fd; background: url(../imagenes/fondolinkmenu.gif); }

a.menun:active {font-family: Arial; text-decoration: none; font-size: 10pt; font-weight: bold; color: #154253; }

[title] {
color:#ff0000;
  background-color: blue;
}

#abajo {

	display: block;

	position: fixed;

	bottom: 2px;

	width: 990px;

	text-align: center;

	vertical-align: middle;

	border-top-width: 0px;

	background-image: url(../imagenes/fondo_pie.png);

	border-left-width: 0px;

	border-right-width: 0px;

	}

#inferior {

	/*color: #FFF;*/

	background-image: url(../imagenes/fondo_pie.png);

	text-align: center;

	position: fixed; 

	left:0px; /*A la derecha deje un espacio de 0px*/

	right:0px; /*A la izquierda deje un espacio de 0px*/

	bottom:0px; /*Abajo deje un espacio de 0px*/

 /*height:100px;alto del div*/

	z-index:0;

}



#superiorres {

	/*color: #FFF;*/

	/*background-image: url(../imagenes/fondo_arriba.jpg);*/

	text-align: center;

	position: fixed; 

	left:0px; /*A la derecha deje un espacio de 0px*/

	right:0px; /*A la izquierda deje un espacio de 0px*/

	top:0px; /*Abajo deje un espacio de 0px*/

 /*height:100px;alto del div*/

	z-index:0;

	height: 111px;

	box-shadow: 1px 1px 15px #000;

	border-radius: 0px;



}



#superior {

	/*color: #FFF;*/

	/*background-image: url(../imagenes/fondo_arriba.jpg);*/

	text-align: center;

	position: absolute; 

	left:0px; /*A la derecha deje un espacio de 0px*/

	right:0px; /*A la izquierda deje un espacio de 0px*/

	top:0px; /*Abajo deje un espacio de 0px*/

	/*bottom:0px; /*Abajo deje un espacio de 0px*/

 /*height:100px;alto del div*/

	z-index:0;

	height: 111px;

	box-shadow: 1px 1px 15px #000;

	border-radius: 0px;



}



.b {font-family: Arial; font-size: 10pt; color: #154253; }

.titulo{font-family: Arial; font-size: 16pt; color: #154253; }

.titulo01{font-family: Arial; font-size: 16pt; color: #154253; }

.titulo02{font-family: Arial; font-size: 16pt; color: #154253; }

.subtitulo{font-family: Arial; font-size: 10pt; color: #e30d40;  font-weight: bold;  font-style: italic;   }

h1.factura{font-family: Arial; font-size: 10pt; background-color:#fdedf1; text-align: left; font-weight: bold; }

input[type=submit], .comoboton {
    padding:2px 10px;
    font-size: 12px;	 
	color: #2f678e;
/*	font: bold;	*/
	border-radius:10px;
    border: 2px solid #2f678e;
	background-image: url(../imagenes/fondo_boton.png);
	}

input[type=submit]:hover, .comoboton {
    position:relative;
    color: #d70000;	 
    top:1px;
}

fieldset { 
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
/*  border: 2px groove (internal value);*/
}

legend { 
	font-weight: bold;
}
.oculto {
display:none;
} 

.ConSugerencia { /* Sugerencia Container for our tooltip - https://www.bitdegree.org/learn/css-tooltip - https://www.w3schools.com/css/css_tooltip.asp*/
    position: relative;   
    display: inline-block;
}

.ConSugerencia .TextoSugerencia { /* This is for the tooltip text */
   visibility: hidden;
   width: 200px;
/*   bottom: 150%; //separación del elemento*/
   bottom: 105%;
/*   left: 50%;*/
   left: 30%;
/*   margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
   margin-left: -15px; /* Use half of the width (120/2 = 60), to center the tooltip */
   background-color: #ffffcc;
   color: #154253;
   font-size: 100%;
   box-shadow: 1px 1px 3px #222222;
   text-align: left;
   padding: 10px;
   border-radius: 5px;  /* This defines tooltip text position */
   position: absolute;
   z-index: 100;
   opacity: 0;
transition: opacity .5s;
} 

.ConSugerencia .TextoSugerencia::after {/*para hacer el efecto del triangulito*/
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ff0000 transparent transparent transparent;
}


.ConSugerencia:hover .TextoSugerencia { /* Makes tooltip text visible when text is hovered on */
   visibility: visible;
   opacity: .90;
}