/*-----------------stylo para botoneras de detalle cuentas---------*/

a.button {
	background:url(images/prueba2.png);
    background-repeat: repeat-x;
	background-color:#E3E3E3;
	/*background-position:top;
	background-attachment:fixed;*/
	-o-background-size: 100% auto, auto;
	-moz-background-size: 100% auto, auto;
	-webkit-background-size: 100% auto, auto;
	background-size: 100% 100%, auto;
	
	float: left;
	margin-right:3px;
	margin-bottom:2px;
	
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#37507B;
	height:22px;
	line-height:22px;
	text-decoration:none;
	width:100px;
}
a.button:link {
	text-decoration:none;
	color:#37507B;
}
a.button:visited {
	text-decoration:none;
	color:#37507B;
}
a.button:hover {
	text-decoration:none;
	background:url(images/prueba1.png);
	background-repeat: repeat-x;
	background-color:#E3E3E3;
	/*background-position:top;
	background-attachment:fixed;*/
	-o-background-size: 100% auto, auto;
	-moz-background-size: 100% auto, auto;
	-webkit-background-size: 100% auto, auto;
	background-size: 100% 100%, auto;
	color:#FFFFFF;
}
a.button:active {
	text-decoration:none;
	color:#37507B;
}



/* -------------------- */
/* CLASSES */
/* -------------------- */
.contrato{
background:url(16x16/contrato.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.constancia{
background:url(16x16/constancia.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.cliente_rel{
background:url(16x16/group_go.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}
.correo_asig{
background:url(16x16/email_asig.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}
.correo_rel{
background:url(16x16/email_rel.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.acceso_servidor{
background:url(16x16/computer.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.llamadas{
background:url(16x16/telephone.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.citas{
background:url(16x16/calendar.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.contactos{
background:url(16x16/user_green.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.notas{
background:url(16x16/note.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}
.servicio{
background:url(16x16/servicio.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}
.proyectos{
background:url(16x16/proyectos.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.oportunidad{
background:url(16x16/oportunidades.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.tareas{
background:url(16x16/tareas.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.guia_entrante{
background:url(16x16/guia_entrante.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}
.guia_saliente{
background:url(16x16/guia_saliente.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.proforma{
background:url(16x16/proforma.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.c_cobrar{
background:url(16x16/cobrar.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

.c_pagar{
background:url(16x16/pagar.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}


.orden_c{
background:url(16x16/orden_compra.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}


.factura{
background:url(16x16/factura.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}


.boleta{
background:url(16x16/boleta.png) no-repeat 4px 4px;
text-indent:25px;
display:block;
}

/* --------------- BOTONES --------------- */

.btngenerico, .btngenerico:visited { /* botones genéricos */
background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
display: inline-block;
padding: 5px 7px 6px 7px;
color: #FFF;
text-decoration: none;
/*-moz-border-radius: 6px;
-webkit-border-radius: 6px;*/
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
/*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

btngenerico::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.btngenerico:hover { /* el efecto hover */
background-color: #111;
color: #FFF;
}

.btngenerico:active{ /* el efecto click */
top: 1px;
}

/*acciones botones css*/
.actualizar.btngenerico, .actualizar.btngenerico:visited {

font-family:Tahoma;
font-size:11px;
color:#333333;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #666666/*#A0A0A0*/;

background:url(images/bg_btn01.png) #FCFCFC repeat-x;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#E3E3E3));
background: -webkit-linear-gradient(#FCFCFC, #E3E3E3);
background: -moz-linear-gradient(#FCFCFC, #E3E3E3);
background: -ms-linear-gradient(#FCFCFC, #E3E3E3);
background: -o-linear-gradient(#FCFCFC, #E3E3E3);
background: linear-gradient(#FCFCFC, #E3E3E3);
-pie-background: linear-gradient(#FCFCFC, #E3E3E3);*/
/*behavior: url(pie/PIE.htc);*/
}
.actualizar.btngenerico:hover{ 
font-family:Tahoma, Verdana;
font-size:11px;
color:#333333;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-right: 1px solid #818181;
border-bottom: 1px solid #818181;

background:url(images/bg_btn02.png) #D5D3D4 repeat-x;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D5D3D4));
background: -webkit-linear-gradient(#FFFFFF, #D5D3D4);
background: -moz-linear-gradient(#FFFFFF, #D5D3D4);
background: -ms-linear-gradient(#FFFFFF, #D5D3D4);
background: -o-linear-gradient(#FFFFFF, #D5D3D4);
background: linear-gradient(#FFFFFF, #D5D3D4);
-pie-background: linear-gradient(#FFFFFF, #D5D3D4);*/
/*behavior: url(pie/PIE.htc);*/
}

.ok.btngenerico, .ok.btngenerico:visited {

font-family:Tahoma;
font-size:11px;
color:#333333;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #666666/*#A0A0A0*/;

background:url(images/bg_btn01.png) #FCFCFC repeat-x;

}
.ok.btngenerico:hover{ 
font-family:Tahoma, Verdana;
font-size:11px;
color:#333333;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-right: 1px solid #818181;
border-bottom: 1px solid #818181;

background:url(images/bg_btn02.png) #D5D3D4 repeat-x;

}

.blue.btngenerico, .blue.btngenerico:visited {

font-family:Tahoma;
font-size:11px;
color:#FFF;
padding: 9px 8px 10px 8px;
border-top: none;
border-left: 1px solid #0756AD;
border-right: 1px solid #0756AD;
border-bottom: none;

background:url(../images/bg_blue.png) repeat-x;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#E3E3E3));
background: -webkit-linear-gradient(#FCFCFC, #E3E3E3);
background: -moz-linear-gradient(#FCFCFC, #E3E3E3);
background: -ms-linear-gradient(#FCFCFC, #E3E3E3);
background: -o-linear-gradient(#FCFCFC, #E3E3E3);
background: linear-gradient(#FCFCFC, #E3E3E3);
-pie-background: linear-gradient(#FCFCFC, #E3E3E3);*/
/*behavior: url(pie/PIE.htc);*/
}
.blue.btngenerico:hover{ 
font-family:Tahoma, Verdana;
font-size:11px;
color:#333333;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-right: 1px solid #818181;
border-bottom: 1px solid #818181;

background:url(images/bg_btn02.png) repeat-x;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D5D3D4));
background: -webkit-linear-gradient(#FFFFFF, #D5D3D4);
background: -moz-linear-gradient(#FFFFFF, #D5D3D4);
background: -ms-linear-gradient(#FFFFFF, #D5D3D4);
background: -o-linear-gradient(#FFFFFF, #D5D3D4);
background: linear-gradient(#FFFFFF, #D5D3D4);
-pie-background: linear-gradient(#FFFFFF, #D5D3D4);*/
/*behavior: url(pie/PIE.htc);*/
}