/* Clases estandar para colores de fondo */
.rojo {background:#c00; color:#fff; }
.naranja {background:#f90; color:#fff }
.amarillo {background:#b8b800; color:#000; }
.verde {background:#090; color:#fff; }
.azul {background:#00c; color:#fff; }
.indigo {background:#309; color:#fff; }
.violeta {background:#c6c; color:#fff;}
.negro {background:#000; color:#fff;}
.blanco {background:#fff; color:#fff;}
.verde-sitioi {background:#007F48; color:#fff;}
.transparente {background:transparent; color:#000;}

/* Clases estandar para colores de fondo */
.borde-negro {border:#000 1px solid; }
.borde-blanco {border:#fff 1px solid; }
.borde-rojo {border:#c00 1px solid; }
.borde-naranja {border:#f90 1px solid; }
.borde-amarillo {border:#b8b800 1px solid; }
.borde-verde {border:#090 1px solid; }
.borde-azul {border:#00c 1px solid; }
.borde-indigo {border:#309 1px solid; }
.borde-violeta {border:#c6c 1px solid; }

/*  Dimesiones Porcentuales */
.w100 {width:100%;}
.w95 {width:95%;}
.w85 {width:85%;}
.w75 {width:75%;}
.w73 {width:73%;}
.w70 {width:70%;}
.w50 {width:50%;}
.w48 {width:48%;}
.w25 {width:25%;}
.w15 {width:15%;}

.h100 {height:100%;}
.h95 {height:95%;}
.h85 {height:85%;}
.h75 {height:75%;}
.h50 {height:50%;}
.h25 {height:25%;}
.h15 {height:15%;}

.w95centrado {width:95%;left:2.5%;}
.w85centrado {width:85%;left:7.5%;}
.w75centrado {width:75%;left:12.5%;}
.w50centrado {width:50%;left:25%;}
.w25centrado {width:25%;left:37.5%;}
.w15centrado {width:15%;left:42.5%;}

.h95centrado {height:95%;top:2.5%;}
.h85centrado {height:85%;top:7.5%;}
.h75centrado {height:75%;top:12.5%;}
.h50centrado {height:50%;top:25%;}
.h25centrado {height:25%;top:37.5%;}
.h15centrado {height:15%;top:42.5%;}

/* Clases Genericas para poner a flotar las cajas */
.fIzq {
  float:left;
}

.fDer {
  float:right;
}

/* Clases Genericas para alineación de textos */
.alinearDer {
  text-align:right;
}

.alinearIzq {
  text-align:left;
}

.alinearJus {
  text-align:justify;
}


/*borde redondeado "Es necesario cargar el respectivo javascript"*/
div.rounded div {
  height: 1px;
  overflow: hidden;
}


