/* INTERFACE */
.buscador	  {	background-color: #efefef;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #000000;
				font-weight: normal; }

.txtcliente	  {	background-color: #F2FBFF;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #000000;
				font-weight: normal; }

.buscadorpq	  {	background-color: #F2FBFF;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 9px;
				color: #000000;
				font-weight: normal; }

.interface 	{
			FONT-SIZE: 11px; COLOR: #000033;
			FONT-FAMILY: Tahoma, Sans-serif, Arial;
			TEXT-DECORATION: none
		}
.interface:hover {	COLOR: #000033  }

.tdarchivo	  { background-color: #FFFFFF;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 0px;
				border-right: solid 1px;
				line-height: 20px;
				border-color: #cccccc;}

.tdarchivoB	  { background-color: #FFFFFF;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				line-height: 20px;
				border-color: #cccccc;}

.tdarchivoC	  { background-color: #000000;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				line-height: 20px;
				border-color: #cccccc;}
				
.archivo	  { 
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 8 px;
				color: #000000;
				line-height: 12px;
				text-decoration: none; }

.tdtipo	  { background-color: #FFFFFF;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 0px;
				border-right: solid 0px;
				line-height: 20px;
				border-color: #cccccc;}

.tdtipoB	  { background-color: #FFFFFF;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 1px;
				border-right: solid 0px;
				line-height: 20px;
				border-color: #cccccc;}

.tdfoto	  { background-color: #FFFFFF;
  			    	border-top: solid 1px;
				border-left: solid 1px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				border-color: #cccccc; }

.td	  { background-color: #5491BE;
            		    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				border-color: #000000; }

.tdmarca	  { background-color: #cccccc;
  			    	border-top: solid 0px;
				border-left: solid 1px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				border-color: #000000;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 8 px;
				color: #000000;
				line-height: 12px;
				text-decoration: none; }

.tdmarcaoff	  { background-color: #FFFFFF;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 0px;
				border-right: solid 0px;
				border-color: #FFFFFF; }

.tdmodelo	  { background-color: #999999;
  			    	border-top: solid 1px;
				border-left: solid 1px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				border-color: #000000; }

.tdoff	  { background-color: #cc0000;
  			    	border-top: solid 0px;
				border-left: solid 0px;
				border-bottom: solid 0px;
				border-right: solid 0px;
				line-height: 5px;
				border-color: #000000; }

.tdproducto	  { background-color: #EOEOEO;
  			    	border-top: solid 1px;
				border-left: solid 1px;
				border-bottom: solid 1px;
				border-right: solid 1px;
				border-color: #000000; }

.tdHproducto
{
	background-color: #cc0000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-color: #333333;
	padding: 3px;
	line-height: 20px;
}

.campos
{
	background-color: #FEFEFE;
	border: 1px solid #000000;
	border-color: #ffffff #cc0000 #cc0000 #ffffff ;
	font-family: Tahoma, Sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.txtinput
{
	background-color: #FEFEFE;
	border: 1px solid #000000;
	border-color: #cc0000 #cc0000 #cc0000 #cc0000 ;
	font-family: Tahoma, Sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.codigo
{
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	color: #4F4F4F;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	text-valign: middle;
}

.logo	  {	background-color: #FFFFFF;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 16px;
				bgcolor: #FFFFFF;
				font-weight: bold; }

.marca	  {
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 6 px;
				color: #000000;
				line-height: 12px;
				text-decoration: none; }
.marca:hover { font-weight: bold; color: #000000; }

.marcaoff	  {
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 10 px;
				color: #000000;
				line-height: 14px;
				font-weight: bold;
				text-decoration: none; }

.modelo	  {
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 9px;
				color: #FFFFFF;
				line-height: 14px;
				text-decoration: none; }
.modelo:hover { font-weight: bold; color: #000000; }

.modelos	  {
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 10px;
				color: #000000;
				font-weight: bold;
				text-decoration: none; }


.otoff	  {	background-color: #DEDE9E;
				border: solid 1px;
				border-color: #77773C;}
				
.otlink	  {	    font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 10px;
				color: #77773C;
				font-weight: bold;				
				text-decoration: none; }
.otoff:hover { text-decoration: underline; }


.consulta	  {	background-color: #EEF3F8;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #334454;
				font-weight: normal; }

.estadistica	  {	background-color: #EEF3F8;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #334454;
				font-weight: normal; }

.otros	  {	background-color: #EEF3F8;
				border: solid 1px;
				border-color: #333366;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #334454;
				font-weight: normal; }


.fecha		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #000000;
				text-decoration: none; }

.descripcion		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #4F4F4F;
				text-decoration: none; }

.description		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #FF0000;
				text-decoration: none; }


.hora		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #4F4F4F;
				font-weight: bold;
				text-decoration: none; }

.copete
{
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #0E5677;
	font-weight: bold;
	text-decoration: none;
}

.texto		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 12px;
				color: #000000;
				text-decoration: none; }

.texto12
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #797777;
	text-align: justify;
	text-decoration: none;
}

.txtMarca
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	font-weight: bold;
}
.txtRed
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: red;
	text-align: justify;
	text-decoration: none;
	font-weight: bold;
}
	
.txtModelo
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: none;
	font-weight: bold;
}

.txtDescripcion
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
}

.pie		  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 10px;
				color: #000000;
				text-decoration: none; }

.titulo5	  { font-family: Arial, Tahoma, Verdana, Sans-serif;
				font-size: 12px;
				line-height: 14px;
				color: #000000;
				font-weight: bold;
				text-decoration: none; }

.menu_off	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 10px;
				color: #7A7A29;
				font-weight: bold;
				text-decoration: none; }
.menu_off:hover { text-decoration: underline; }

.menu_on	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #4A4A1A;
				font-weight: bold;
				text-decoration: none; }
.menu_off:hover { text-decoration: underline; }

.menu1_on	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 10px;
				color: #4A4A1A;
				font-weight: bold;
				text-decoration: none; }
.menu1_off:hover { text-decoration: underline; }

.menu0	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #7A7A29;
				font-weight: bold;
				text-decoration: none; }
.menu0:hover { color: #4A4A1A; }

.menu1	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 10px;
				color: #7A7A29;
				font-weight: bold;
				text-decoration: none; }
.menu1:hover { color: #4A4A1A; }


.menu2	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 10px;
				color: #7A7A29;
				font-weight: bold;
				text-decoration: none; }
.menu2:hover { color: #4A4A1A; }

.derecha1	  {	font-family: Tahoma, Sans-serif, Arial;
				font-size: 11px;
				color: #666666;
				text-decoration: none; }
.derecha1:hover { color: #4A4A1A; }


.txtfrm		  {	background-color: #FFFFFF;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #334454;
				font-weight: bold; }

.login		  {	background-color: #F0F0F0;
				border: solid 1px;
				border-color: #AFAFAF;
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #666666;
				width: 85px;
				font-weight: normal; }
				
.usuario		  {	
				font-family: Tahoma, Sans-serif, Verdana, Arial;
				font-size: 11px;
				color: #666666;
				width: 150px;
				font-weight: normal; }				

#navbar {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 108px;
}
#navbar li {
	background: url("images/fondo-btn-navegacion.png")  no-repeat;
	width: 108px;
	height: 20px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-valign: middle;
	font-size: 9px;
	font-weight: bold;
}
#navbar li a {
	text-decoration: none;
	color: #000000;
	display: block;
}
#navbar li a:hover {
	color: #cc3333;

}

#buscador {
	margin: 5px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: #D3D75B solid 1px;
}
#buscador .campo {
	margin: 0px 5px 0px;
	padding: 3px 1px;
	font-size: 11px;
	width:100px;
	background: #FFF url("images/fondo-btn-navegacion.png") top center repeat-x;
	border: #B1B53D solid 1px;
	float: left;
}
#buscador .boton {
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
	width:108px;
	color: #000000;
	font-weight: bold;
	background: #FFF url("images/fondo-btn-navegacion.png") top center repeat-x;
	border: #B1B53D solid 1px;
	float: left;
}

.enlace_anterior
{
	background-color: #E3ECF5;
	border: 1px solid #000000;
	border-color: #8393A1;
	font-family: Tahoma, Sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #334454;
	width: 16px;
	font-weight: normal;
	text-decoration: none;
}
.enlace_actual
{
	background-color: #F6FAF9;
	border: 1px solid #000000;
	border-color: #8393A1;
	font-family: Tahoma, Sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	width: 16px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
}
.enlace_posterior
{
	background-color: #F6FAF9;
	border: 1px solid #000000;
	border-color: #8393A1;
	font-family: Tahoma, Sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #334454;
	width: 16px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
}
.textms		  
{	font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				color: red;
				font-weight: bold;
				text-decoration: none; 
}
body {font:12px/1.4 Verdana,Arial; background:#eee; height:100%; margin:25px 0; padding:0}
h1 {font:24px Georgia,Verdana; margin:0}
h2 {font-size:12px; font-weight:normal; font-style:italic; margin:0 0 20px}
p {margin-top:0}
ul {margin:0; padding-left:20px}

#testdiv {width:380px; margin:0 auto; border:1px solid #ccc; padding:10px 10px; background:#fff}
#test2div {width:130px; margin:0 auto; border:1px solid #ccc; padding:10px 10px; background:#fff}
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.clear { /* contenedor para los botones flotantes  */

    overflow: hidden;

    width: 100%;

}

 

a.button {

    background: transparent url(bttn_right.jpg) no-repeat scroll top right;

    color: #212121;

    display: block;

    float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-valign: middle;
	font-size: 9px;
	font-weight: bold;

    height: 20px;
    margin-top: 2px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 2px;
    padding-right: 18px; /* no debe sobrepasa la anchura de la imagen que utilizamos arriba */

    text-decoration: none;

}

 

a.button span {

    background: transparent url(bttn_left.jpg) no-repeat;

    display: block;

    line-height: 10px;

    padding: 5px 0 5px 16px;

}

a.button:hover {

    background: transparent url(bttn_right_hover.jpg) no-repeat scroll top right;

    color: #212121;

    outline: none; /* Elimina la linia de puntos Firefox */

}

 

a.button:hover span {

    background: transparent url(bttn_left_hover.jpg) no-repeat;

}